- 相關(guān)推薦
Dreamweaver制作表格美化頁(yè)面的方法
學(xué)學(xué)如何在Dreamweaver中制作表格美化頁(yè)面
在瀏覽網(wǎng)頁(yè)的時(shí)候可以發(fā)現(xiàn),很多用于網(wǎng)站排版的表格都是經(jīng)過(guò)美化處理的,這些表格不僅起了布局排版的作用,而且在很大程度上美化了網(wǎng)頁(yè),使網(wǎng)頁(yè)看起來(lái)更加漂亮、新穎。
效果說(shuō)明
利用表格美化頁(yè)面的方式有很多種。本例制作出來(lái)的帶有層次感的表格。
創(chuàng)作思想
利用表格美化頁(yè)面并不需要很多的制作技巧。例如本例只需要進(jìn)行簡(jiǎn)單的表格嵌套(即在表格中插入表格),即可達(dá)到美化效果。
操作步驟
( 1 )新建一個(gè)頁(yè)面文件,然后在編輯區(qū)域中插入一個(gè) 2 × 1 的表格,并設(shè)置表格的基本屬性參數(shù)。
( 2 )設(shè)置表格。將光標(biāo)置于第一行的單元格中,再將單元格的背景顏色設(shè)置為 # 69A 538 ,并應(yīng)用同樣的方法將第二行單元格的背景顏色設(shè)置為 #8FCB 5A 。設(shè)置完成后將光標(biāo)至于第一行的單元格中,然后在此單元格中插入一個(gè) 1 × 5 的表格,并設(shè)置表格的基本屬性參數(shù)。
( 3 )錄入文字并設(shè)置單元格。在新插入的表格的所有單元格中輸入文字,然后選中所有單元格,設(shè)置單元格的相關(guān)屬性,如圖 8-4 所示。
( 4 )改變其中一個(gè)單元格的文字顏色和背景顏色,使其突出顯示。
( 5 )保存頁(yè)面文件并按 F12 鍵進(jìn)行預(yù)覽,此時(shí)即可得到帶有層次感的表格效果。至此,本實(shí)例操作完畢。讀者可參考隨書(shū)光盤(pán)中本實(shí)例素材文件夾里的 mhtable.htm 文件,查看制作的結(jié)果是否正確。表格是網(wǎng)頁(yè)中必不可少的元素之一,美化表格也就順理成章,成為決定網(wǎng)頁(yè)美觀與否的關(guān)鍵。
【Dreamweaver制作表格美化頁(yè)面的方法】相關(guān)文章:
Dreamweaver表格邊框制作方法11-14
dreamweaver表格制作步驟02-28
dreamweaver表格表框制作的技巧03-27
Dreamweaver中表格的創(chuàng)建及基本編輯方法02-27
Word表格跨頁(yè)的具體方法12-08
Dreamweaver制作圖像熱點(diǎn)鏈接的方法04-14
Dreamweaver利用背景顏色制作細(xì)邊的表格教程02-28
Word表格跨頁(yè)的具體方法介紹01-04