【正文】 具備傳統(tǒng)表格存放和規(guī)劃數據的功能外 ,還可以用來定位網頁元素 ,也就是說要用于網頁元素的排版 .如在圖 410 所示的網頁上 ,就是使用了表格來進行網頁排版的 ,但由于使用普通表格進行排版操作有些不方便 , DreamweaverMX 為此提供了一種新的網頁排版視圖 —— 布局視圖（ Layout View），在這種視圖模式下，用戶可以通過繪制布局表格和布局單元格，從而可以像在一張白紙上用筆來規(guī)劃網頁的布局，并可在布局單 元格中插入文本和圖像，通過移動布局表格和布局單元格的位置來精確地定位網頁上的文本和圖像。 Dreamweaver MX 為設計制作表格提供了兩種視圖：標準視圖和面局視圖，前面介紹的表格創(chuàng)建及編輯過程都是在標準視圖下進行的。要切換到布局視圖，可以執(zhí)行主菜單中的“查看”→“表格視圖”→“布局視圖”命令，也可以單擊“插入”面板上的“布局”選項卡，再單擊“布局視圖”按鈕，按鈕處于被按下狀態(tài)，如圖 418 所示。 圖 418 “布局視圖”面板 首先按下“布局”按鈕，切換到布局視圖模式后，設計窗口將彈出如 圖 419 所示的“布局視圖入門”對話框，提供布局視圖下相關功能的操作說明，單擊“確定”按鈕，當前網頁文檔即處于布局視圖模式下。 圖 419 “布局視圖模式”對話框 2. 繪制布局表格 在布局視圖模式中，就可以在網頁中、文檔上繪制布局表格和布局單元格了，并可以在其中插入文本和圖像，然后通過移動布局表格和布局單元格來定位文本和圖像。 要在網頁文檔中繪制布局表格和布局單元格，具體的操作方法如下。 （ 1）新建一個網頁文檔（基本 HTML 頁）。 （ 2）單擊“插入”面板“布局”選項卡，再單擊“布局視圖”按鈕 ，切換至 布局視圖。 （ 3）單擊“布局”面板中的“繪制布局表格”按鈕 ，將鼠標指針移至網頁窗口左上角，鼠標指針變成 +形狀，按住鼠標左鍵拖動，就可以在網頁文檔窗口內畫出一個布局表格，其邊框呈現(xiàn)綠色，并在表格頂端顯示出刻度值，如圖 420 所示。 圖 420 繪制布局表格 （ 4）單擊“布局”面板中“繪制布局單元格”按鈕 ，然后在已繪制好的布局表格內按住鼠標左鍵拖動，就可以繪制出布局單元格了，其邊框呈天藍色。 （ 5）重復步驟（ 4），可以繼續(xù)繪制布局單元格，如果按住 Ctrl鍵，就可以邊疆在布局表格內繪制多個布局單元格。 注意：單元格彼此之間不能重疊。 （ 6）在布局表格內還可以再繪制布局表格。 （ 7）在布局單元格中插入文本和圖像，如圖 421 所示。 當不在布局表格中繪制布局單元格時， Dreamweaver MX 會自動創(chuàng)建一個布局表格以容納該單元格。布局單元格不能存在于布局表格之外。當 Dreamweaver MX自動創(chuàng)建布局表格時，該表格最初顯示為填滿整個設計視圖，即使更改網頁文檔窗口的大小也是如此。這種全窗口默認布局表格使用戶可以在設計視圖中的任意位置繪制布局單元格。用戶可以將該表格設置為特定的大小，方法是用鼠標拖動布局表格 邊框的控制點來高速表格的大小。 可以在網頁文檔布局的空白區(qū)域中創(chuàng)建布局表格，也可以在現(xiàn)有布局單元格和表格的周圍或嵌套在現(xiàn)有布局表格中創(chuàng)建布局表格。表格不能互相重疊，但一個表格可以完全飲食在另一個表格當中，即創(chuàng)建嵌套表格。對外部表格所進行的更改不會影響嵌套表格中的單元格。例如，當更改外部表格中行或列的大小時，內部表格中單元格的大小不發(fā)生變化?？梢圆迦攵嗉壡短妆砀?，嵌套布局表格的大小不能超過包含它的表格。 注意：如果網頁文檔上已經包含有內容（文本或圖像），則只能在現(xiàn)有內容的下方繪制新布局表格。如果想在現(xiàn)有內容之 下繪制布局表格但是出現(xiàn)禁止繪制鼠標指針，請重新調整文檔窗口的大小以合現(xiàn)有內容底部和窗口底部之間產生更多的空白空間。 不能在布局單元格中創(chuàng)建布局表格。只能在現(xiàn)有布局表格的空白區(qū)域中或在現(xiàn)有單元格周圍創(chuàng)建嵌套布局表格。 圖 421 輸入文本和圖像的布局單元格 在繪制完布局表格和布局單元格后，還經常需要對它們進行調整，以適應文本和圖像等內容的輸入。 （ 1）選中布局表格或單元格 要對布局表格或布局單元格進行操作，首先須選中它。具體操作方法是：將鼠標移至布局表格或布局單元格的邊框上單擊， 即為選中，其特征在邊框上出現(xiàn)控制點（布局單元格或嵌套布局表格，四周會出現(xiàn) 8個控制點；最外圍的布局表格只會在右邊框和下邊框上出現(xiàn)3 個控制點），如圖 422 所示。 （ 2）調整布局表格或單元格的大小 選中布局表格或單元格后，將鼠標指針移到邊框的控制點上，此時鼠標指針會變成豎雙箭頭、橫雙箭頭或斜雙箭頭形狀，按住鼠標左鍵拖動控制點，就可以改變布局表格或布局單元格的大小。 （ 3）移動布局表格或布局單元格 選中布局表格后，將鼠標指針移至表格左上角的圖標上，按住鼠標指針左鍵拖動即可。需要說明的是，最外圍的布局表格不能被移動 ，只有嵌套的子布局表格才能被移動。 如果要移動布局單元格，只需將鼠標指針移至布局單元格的邊框上，按住鼠標左鍵并拖動即可，還可以利用鍵盤上的光標移動鍵來移動選中的布局單元格。 圖 422 選中的布局表格 （ 4）刪除布局表格或布局單元格。 選中布局表格或布局單元格后，直接按鍵盤上的 Del鍵即可。 （ 5）設置布局表格或單元格的屬性 選中布局表格或布局單元格后，就可以在“屬性”面板上設置其屬性各參數值，如輸入寬和高的值來精確地調整其大小。如圖 423 和圖 424 所示。 圖 423 布局表格屬性面板 圖 424 布局單元格屬性面板 由圖 423和圖 424 可以看出，布局表格和布局單元格屬性面板上的主要項目與普通表格和單元格的類似，只是多了一個“自動伸展”單選按鈕，如果選中該按鈕，則當前表格或單元格的列寬將自動伸展至占滿整個剩余的空間。 （ 6）使用彈出式菜單 在最外圍的布局表格的頂端有許多數字，分別用于表示布局表格、布局單元格或空白列寬的寬度。每個數字后面都有一個倒立的三角形按鈕，單擊它可以彈出一個菜單，如圖 425所示。 圖 425 彈出式菜單 其中各條命令的作用如下。 1.“列設置為自動伸展”命令 選擇該命令，將使列自動伸展，即表格的列可以按比例自動擴展至占滿整個剩余的空間。 2.“添加間隔圖像”命令 選擇改命令，則在該列中使用大小適合的空白圖像來占據表格的寬度。這是因為有些瀏覽器在表格中沒有內容時，不按列寬顯示，而是直接按零寬度來顯示，通過添加一個大小適中（與顯示的寬度值一致）的空白圖像，就可有效避免這個問題，但在瀏覽時，用戶只會看到該列是空白的，并不會覺得其中有圖像存在。一旦在某列中添加空白圖像后，再次顯示該列的彈出菜單，該命令就會變成“刪除空白圖像”命令，單擊該命令，就會刪除該列中的空白圖像 。 3.“清除單元格高度”命令 選擇該命令，就會清除對應單元格的高度，代之以系統(tǒng)自動確定的高度。 4.“使用單元格寬度一致”命令 選擇該命令，就會使單元格的寬度保持一致。 5.“移動所有分隔符圖像”命令 選擇該命令，就可以刪除所有的空白圖像。 6.“刪除嵌套”命令 選擇該命令，就會刪除嵌套的布局表格。 習題 1. 制作一個 6*4 的表格，按如圖 426 所示的樣式進行合并單元格。 2. 分析如圖 427 所示的網頁制作方法，并分別利用標準視圖和布局視 圖模式中的表格技術來設計出主要體現(xiàn)表格效果的部分。