布局表格和布局單元格技巧

《布局表格和布局單元格技巧》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。

1、在DreamweaverMX中，不僅可以導入外部的數(shù)據(jù)文件，還可以將網(wǎng)頁中的數(shù)據(jù)表格導出為純文本的數(shù)據(jù)文件。最初，使用表格只是為了以更方便閱讀的格式顯示數(shù)據(jù)。而現(xiàn)在，表格的格式控制能力可以用來構(gòu)造網(wǎng)頁的框架。先使用較大的表格對網(wǎng)頁的版面進行大致的排布，再使用嵌套的表格對細節(jié)時行刻畫。表格已經(jīng)不僅僅是一種簡單對象，而是一種版面控制和制作模板的強有力的工具。表格包含以下三個基本元素：?行?列?單元格布局表格和布局單元格●5.2.1使用布局視圖和網(wǎng)格輔助線利用布局表格創(chuàng)建頁面布局，必須在布局視圖下完成。在

2、布局視圖下，設計者可以很容易地把單元格拖動到頁面上，然后按照自己的意圖隨意安排單元格的位置，還可以使頁面的寬度固定，或者填充整個瀏覽器窗口。利用這個功能可以將原來繁瑣的頁面布局工作變得簡單而又輕松。在繪制布局表格或布局單元格之前，必須從“標準”模式切換到“布局”模式。如果在“布局”模式中創(chuàng)建布局表格，則在向表格中添加內(nèi)容或?qū)Ρ砀襁M行編輯之前最好切換回“標準”模式。1．使用布局視圖1、如果正在“代碼”視圖中工作，由于在“代碼”視圖中無法切換到“布局”模式，所以必須執(zhí)行【查看】

3、【設計】命令，或執(zhí)行【查

4、看】

5、【代碼和設計】命令，切換到設計視圖。2、選擇顯示布局視圖：?在【插入】工具欄的【布局】選項卡中單擊【布局模式】按鈕。?執(zhí)行【查看】

6、【表格模式】

7、【布局模式】命令。3、彈出一個從【從布局模式開始】提示對話框。如果不想以后再顯示該對話框，選中下面的“不再顯示此消息”復選框即可。4、單擊【確定】按鈕，【布局】選項卡中的【插入表格】按鈕和【描繪層】按鈕將變成灰色，這表示這兩個對象不能在布局視圖下使用；而原來是灰色的【繪制布局表格】和【繪制布局單元格】按鈕則變成了彩色，可以使用這兩個對象進行頁面布局。

8、?在【文檔】窗口的頂部，單擊標有“布局模式”的彩色邊框條中的【退出】按鈕。?執(zhí)行【查看】

9、【表格模式】

10、【標準模式】命令。?單擊【插入】欄上的【布局】選項卡中的【標準模式】按鈕。2．退出布局模式若要退出“布局”模式，請執(zhí)行以下操作之一：執(zhí)行【查看】

11、【網(wǎng)格】

12、【顯示網(wǎng)格】命令，則頁面編輯區(qū)域會出現(xiàn)網(wǎng)格輔助線。（1）顯示網(wǎng)格3．使用網(wǎng)格輔助線在布局視圖中，為了更好的顯示文本、圖象等元素的具體位置，規(guī)劃頁面布局，可以使用網(wǎng)格輔助。網(wǎng)格輔助線將頁面劃分成一個個的方格，便于對齊文本、圖象、層對象等基本元素。

13、執(zhí)行【查看】

14、【網(wǎng)格】

15、【靠齊到網(wǎng)格】命令，可以使需要對齊的元素在移動過程中自動對齊到相近的網(wǎng)格。（2）對齊到網(wǎng)格（3）網(wǎng)格設置對于顯示出來的網(wǎng)格，可以通過更改默認設置，達到需要的效果。執(zhí)行【查看】

16、【網(wǎng)格】

17、【網(wǎng)格設置】命令，彈出【網(wǎng)格設置】對話框，設置網(wǎng)格的整體格式。在“布局”模式中，不能使用在“標準”模式中可以使用的【插入表格】和【繪制層】工具。若要使用這些工具，必須先切換到“標準”模式。繪制完成布局表格后，有可能要更改布局表格的寬度或高度，可執(zhí)行以下操作之一：?移動鼠標至布局表格右邊緣，當鼠

18、標光標變?yōu)樾螤顣r，在編輯區(qū)內(nèi)拖動鼠標更改布局表格的寬度。?移動鼠標至布局表格邊緣，當鼠標光標變?yōu)樾螤顣r，在編輯區(qū)內(nèi)拖動鼠標更改布局表格的寬度或高度。2．選擇單元格1、在“布局模式”下新建布局表格。2、新建一個布局單元格：?在【插入】工具欄的【布局】選項卡中單擊【繪制布局單元格】按鈕。?單擊【繪制布局單元格】按鈕，鼠標光標變?yōu)?形狀，在編輯區(qū)拖動鼠標繪制一個布局單元格。3、繪制完成后，在默認狀態(tài)下，布局單元格邊框是藍色，背景色是白色，布局單元格被選中時以紅色顯示。如果需要，也可以在用戶參數(shù)設置中對上述

19、有關顏色進行更改。3．新建布局單元格如果要繪制多個布局單元格，只能在布局表格的剩余區(qū)域中創(chuàng)建布局單元格，不能繪制嵌套布局單元格。具體操作與新建布局單元格的基本步驟相同。4．繪制多個布局單元格當新建布局單元格時，如果和另一個單元格相距很近（小于8個像素）或者和布局表格的邊界相距很近（小于8個像素），這個單元格將會自動吸附。如果要取消自動吸附功能，在繪制單元格的同時，按住Alt鍵即可。自動吸附功能?移動鼠標至布局單元格右邊緣，當鼠標光標變?yōu)樾螤顣r，在編輯區(qū)內(nèi)拖動鼠標更改布局單元格的寬度。?移動鼠標至布局

20、表格邊緣，當鼠標光標變?yōu)樾螤顣r，在編輯區(qū)內(nèi)拖動鼠標更改布局表格的寬度或高度。5．更改布局單元格寬度/高度繪制完成布局單元格后，有可能要更改布局單元格的寬度或高度，可執(zhí)行以下操作之一：●5.2.3繪制嵌套布局表格如果要繪制多個布局表格，既可以在頁面布局的空白區(qū)域中創(chuàng)建布局表格，也可以在現(xiàn)有布局單元格和表格的周圍或嵌套在現(xiàn)有布局表格中創(chuàng)建布局表格。如果頁面已包含內(nèi)容，而且要在頁面布局的空白區(qū)域添加布局表格，則只能在現(xiàn)有內(nèi)容的下方繪制新的布局表格。1．繪制非嵌套布局表格要繪