dreamweaver做網(wǎng)頁實例教程利用表格美化頁面
來源:易賢網(wǎng) 閱讀:970 次 日期:2014-05-23 20:31:09
溫馨提示:易賢網(wǎng)小編為您整理了“dreamweaver做網(wǎng)頁實例教程利用表格美化頁面”,方便廣大網(wǎng)友查閱!

在瀏覽網(wǎng)頁的時候可以發(fā)現(xiàn),很多用于網(wǎng)站排版的表格都是經(jīng)過美化處理的,這些表格不僅起了布局排版的作用,而且在很大程度上美化了網(wǎng)頁,使網(wǎng)頁看起來更加漂亮、新穎。

效果說明

利用表格美化頁面的方式有很多種。本例制作出來的帶有層次感的表格如圖8-1所示。

圖1

創(chuàng)作思想

利用表格美化頁面并不需要很多的制作技巧。例如本例只需要進(jìn)行簡單的表格嵌套(即在表格中插入表格),即可達(dá)到美化效果。

操作步驟

(1)新建一個頁面文件,然后在編輯區(qū)域中插入一個2×1的表格,并設(shè)置表格的基本屬性參數(shù),如圖8-2所示。

圖2

(2)設(shè)置表格。將光標(biāo)置于第一行的單元格中,再將單元格的背景顏色設(shè)置為#69A538,并應(yīng)用同樣的方法將第二行單元格的背景顏色設(shè)置為#8FCB5A。設(shè)置完成后將光標(biāo)至于第一行的單元格中,然后在此單元格中插入一個1×5的表格,并設(shè)置表格的基本屬性參數(shù),如圖8-3所示。

圖3

(3)錄入文字并設(shè)置單元格。在新插入的表格的所有單元格中輸入文字,然后選中所有單元格,設(shè)置單元格的相關(guān)屬性,如圖8-4所示。

圖4

(4)改變其中一個單元格的文字顏色和背景顏色,使其突出顯示,如圖8-5所示。

圖5

(5)保存頁面文件并按F12鍵進(jìn)行預(yù)覽,此時即可得到帶有層次感的表格效果。至此,本實例操作完畢。讀者可參考隨書光盤中本實例素材文件夾里的mhtable.htm文件,查看制作的結(jié)果是否正確。表格是網(wǎng)頁中必不可少的元素之一,美化表格也就順理成章,成為決定網(wǎng)頁美觀與否的關(guān)鍵。

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:dreamweaver做網(wǎng)頁實例教程利用表格美化頁面
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機(jī)號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報警專用圖標(biāo)