Dreamweaver繪制布局表格教程

使用表格拼圖，必須經(jīng)過精密的計(jì)算，以及拆分或者合并單元格來實(shí)現(xiàn)。為了簡(jiǎn)化利用表格布局頁面，Dreamweaver提供了一種【布局】模式。在這種模式下使用布局工具，設(shè)計(jì)者可以輕松地在頁面中畫出布局表格以及單元格，然后對(duì)其進(jìn)行修改、移動(dòng)等。

1.繪制布局表格

企業(yè)網(wǎng)站建設(shè)制作者在繪制布局表格之前，需要先切換到【布局】模式，如執(zhí)行【查看】【表格模式】【布局模式】命令(快捷鍵Alt+F6) 。

在【布局】選項(xiàng)卡中單擊【繪制布局表格】按鈕口，當(dāng)光標(biāo)變成“十字”形狀時(shí)，在文檔中拖動(dòng)鼠標(biāo)即可創(chuàng)建帶有綠色邊框的表格，如圖3-11所示。




布局表格的參數(shù)設(shè)置與表格的不同，如選擇布局表格，則在【屬性】面板中可以設(shè)置該表格的參數(shù)選項(xiàng)，如圖3-12所示。



在【屬性】面板中，將顯示“布局表格”名稱，并包含有寬、顏色、間距等一些設(shè)置參數(shù)，其詳細(xì)介紹如表3-4所示。



2.繪制布局單元格

在繪制的布局表格中，是無法插入文本和圖像元素的，而還需要在布局表格中插入布局單元格。例如，單擊【布局】選項(xiàng)卡中的【繪制布局單元格】按鈕目，將鼠標(biāo)指針移到編輯窗口中的布局表格中，當(dāng)鼠標(biāo)指針會(huì)變?yōu)?ldquo;十字”形狀時(shí)，拖動(dòng)鼠標(biāo)即繪制布局單元格，如圖3-13所示。

當(dāng)選擇布局單元格后，【屬性】面板中將顯示布局單元格屬性的各參數(shù)選項(xiàng)，如圖3-14所示。




在布局單元格的參數(shù)選項(xiàng)中，多數(shù)與布局表格相同。而不同的是比布局表格多出一些對(duì)齊設(shè)置參數(shù)。一般對(duì)齊參數(shù)值是相對(duì)布局表格為參考對(duì)象進(jìn)行相關(guān)設(shè)置的，如表3-5所示。


3.嵌套布局表格

當(dāng)【布局】模式中已經(jīng)存在布局表格與布局單元格后，再次單擊【繪制布局表格】按鈕，則可在現(xiàn)有的布局表格空白區(qū)域繪制布局表格，稱之為“嵌套布局表格”，如圖3-15所示。