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