DW MX實例:利用表格美化頁面
在流覽網頁的時候可以發現,很多用於網站排版的表格都是經過美化處理的,這些表格不僅起了佈局排版的作用,而且在很大程度上美化了網頁,使網頁看起來更加漂亮、新穎。
效果說明 利用表格美化頁面的方式有很多種。本例製作出來的帶有層次感的表格如圖 8-1 所示。
[便宜超值網頁設計 www.6000.com.tw]
創作思想 利用表格美化頁面並不需要很多的製作技巧。例如本例只需要進行簡單的表格嵌套(即在表格中插入表格),即可達到美化效果。
操作步驟
( 1 )新建一個頁面檔,然後在編輯區域中插入一個 2 × 1 的表格,並設置表格的基本屬性參數,如圖 8-2
所示。
( 2 )設置表格。將游標置於第一行的單格中,再將單格的背景顏色設置為 # 69A 538
,並應用同樣的方法將第二行單格的背景顏色設置為 #8FCB 5A 。設置完成後將遊標至於第一行的單格中,然後在此單格中插入一個 1 × 5
的表格,並設置表格的基本屬性參數,如圖 8-3 所示。
( 3 )錄入文字並設置單格。在新插入的表格的所有單格中輸入文字,然後選中所有單格,設置單格的相關屬性,如圖
8-4 所示。
( 4 )改變其中一個單格的文字顏色和背景顏色,使其突出顯示,如圖 8-5 所示。