【正文】 ,再對(duì)各選項(xiàng)進(jìn)一步自定義設(shè)置 ,然后 應(yīng)用于自己所設(shè)計(jì)的表格中。 圖 414 “格式化”對(duì)話框 最左列：用于指定表格最左列 (可能包含標(biāo)題 )的對(duì)齊方式和文本樣式。 在默認(rèn)情況下 ,格式化表格 對(duì)話框中指定的格式設(shè)置應(yīng)用于整個(gè)行而不是單個(gè)單元格。 利用 HTML 編輯網(wǎng)頁(yè)表格 利用 HTML 制作示例網(wǎng)頁(yè)表格 利用 HTML 同樣可以制作網(wǎng)頁(yè)表格。 html xmlns= head meta equiv=ContentType content=text/html。 （ 1） TABLE。 （ 3） CAPTION。 CAPTION align=” ”標(biāo)題 /CAPTION Align 屬性用于控制表格標(biāo)題的顯示位置，它通常有 4 種取值，見表 41。 （ 5） TD和 TD標(biāo)記符或 TH 標(biāo)記符，用于標(biāo)記表格的內(nèi)容，其中可以包括文字、圖像或其他對(duì)象。 （ 6） META。另外，它 還可以傳遞一些信息，如網(wǎng)頁(yè)的過(guò)期日期、刷新間隔等。 表格的編輯及屬性設(shè)置 1．合并單元格 （ 1）在 TD和 TH標(biāo)記符內(nèi)使用 rowspan 屬性可以進(jìn)行行合并， rowspan 的取值表示垂直方向上合并的行數(shù)。 2．邊框與分隔線 在 TABLE 標(biāo)記符肌使用 frame 、 rules 和 border 屬性可以設(shè)置表格的邊框和單元格分隔線。本示例中設(shè)置 border=”0”,則意味著 frame=”viod”,rules=”none”。另外，也可以用 DIV 標(biāo)記符的 align 屬性設(shè)置表格的對(duì)齊，方法是，將 TABLE 標(biāo)記符包含在 DIV align=” “和 /DIV之間。表格單元格內(nèi)容的對(duì)齊包括各數(shù)據(jù)項(xiàng)在水平方向和垂直方向上的對(duì)齊。 Valign屬性的常用取值見表 46。 可以使用標(biāo)記符的 width 和 height 屬性設(shè)置表格和單元格的大小，這兩個(gè)屬性是取值可以是像素值，也可以是百分比，但一般都使用絕對(duì)的像素值。 表格的應(yīng)用技巧 4． 4． 1 利用表格制作水平線與垂直線 在對(duì)網(wǎng)頁(yè)布局排版時(shí)，有時(shí)候會(huì)需要一條細(xì)線作為分隔線，用一些線型的圖像可以完成這項(xiàng)功能，但既費(fèi)事又占據(jù)存儲(chǔ)空間。 圖 415 設(shè)置表格屬性 （ 3）按圖 416 所求設(shè)置單元格的屬性，即高設(shè)為 1；寬不高或?yàn)?0；背景顏色高為黑色（媽為細(xì)線的顏色，也可以高置為其他顏色）。把如圖 417 所示的源代碼中的 amp。 Dreamweaver MX 為設(shè)計(jì)制作表格提供了兩種視圖：標(biāo)準(zhǔn)視圖和面局視圖，前面介紹的表格創(chuàng)建及編輯過(guò)程都是在標(biāo)準(zhǔn)視圖下進(jìn)行的。 要在網(wǎng)頁(yè)文檔中繪制布局表格和布局單元格，具體的操作方法如下。 圖 420 繪制布局表格 （ 4）單擊“布局”面板中“繪制布局單元格”按鈕 ，然后在已繪制好的布局表格內(nèi)按住鼠標(biāo)左鍵拖動(dòng)，就可以繪制出布局單元格了，其邊框呈天藍(lán)色。 （ 7）在布局單元格中插入文本和圖像，如圖 421 所示。這種全窗口默認(rèn)布局表格使用戶可以在設(shè)計(jì)視圖中的任意位置繪制布局單元格。對(duì)外部表格所進(jìn)行的更改不會(huì)影響嵌套表格中的單元格。如果想在現(xiàn)有內(nèi)容之 下繪制布局表格但是出現(xiàn)禁止繪制鼠標(biāo)指針，請(qǐng)重新調(diào)整文檔窗口的大小以合現(xiàn)有內(nèi)容底部和窗口底部之間產(chǎn)生更多的空白空間。 （ 1）選中布局表格或單元格 要對(duì)布局表格或布局單元格進(jìn)行操作，首先須選中它。需要說(shuō)明的是，最外圍的布局表格不能被移動(dòng) ，只有嵌套的子布局表格才能被移動(dòng)。 （ 5）設(shè)置布局表格或單元格的屬性 選中布局表格或布局單元格后，就可以在“屬性”面板上設(shè)置其屬性各參數(shù)值，如輸入寬和高的值來(lái)精確地調(diào)整其大小。每個(gè)數(shù)字后面都有一個(gè)倒立的三角形按鈕，單擊它可以彈出一個(gè)菜單，如圖 425所示。這是因?yàn)橛行g覽器在表格中沒(méi)有內(nèi)容時(shí)，不按列寬顯示，而是直接按零寬度來(lái)顯示，通過(guò)添加一個(gè)大小適中（與顯示的寬度值一致）的空白圖像，就可有效避免這個(gè)問(wèn)題，但在瀏覽時(shí)，用戶只會(huì)看到該列是空白的，并不會(huì)覺(jué)得其中有圖像存在。 5.“移動(dòng)所有分隔符圖像”命令 選擇該命令，就可以刪除所有的空白圖像。 。 習(xí)題 1. 制作一個(gè) 6*4 的表格，按如圖 426 所示的樣式進(jìn)行合并單元格。 3.“清除單元格高度”命令 選擇該命令，就會(huì)清除對(duì)應(yīng)單元格的高度，代之以系統(tǒng)自動(dòng)確定的高度。 1.“列設(shè)置為自動(dòng)伸展”命令 選擇該命令，將使列自動(dòng)伸展，即表格的列可以按比例自動(dòng)擴(kuò)展至占滿整個(gè)剩余的空間。 圖 423 布局表格屬性面板 圖 424 布局單元格屬性面板 由圖 423和圖 424 可以看出，布局表格和布局單元格屬性面板上的主要項(xiàng)目與普通表格和單元格的類似，只是多了一個(gè)“自動(dòng)伸展”單選按鈕，如果選中該按鈕，則當(dāng)前表格或單元格的列寬將自動(dòng)伸展至占滿整個(gè)剩余的空間。 圖 422 選中的布局表格 （ 4）刪除布局表格或布局單元格。 （ 2）調(diào)整布局表格或單元格的大小 選中布局表格或單元格后，將鼠標(biāo)指針移到邊框的控制點(diǎn)上，此時(shí)鼠標(biāo)指針會(huì)變成豎雙箭頭、橫雙箭頭或斜雙箭頭形狀，按住鼠標(biāo)左鍵拖動(dòng)控制點(diǎn)，就可以改變布局表格或布局單元格的大小。只能在現(xiàn)有布局表格的空白區(qū)域中或在現(xiàn)有單元格周圍創(chuàng)建嵌套布局表格?？梢圆迦攵嗉?jí)嵌套表格，嵌套布局表格的大小不能超過(guò)包含它的表格。 可以在網(wǎng)頁(yè)文檔布局的空白區(qū)域中創(chuàng)建布局表格，也可以在現(xiàn)有布局單元格和表格的周圍或嵌套在現(xiàn)有布局表格中創(chuàng)建布局表格。布局單元格不能存在于布局表格之外。 注意：?jiǎn)卧癖舜酥g不能重疊。 （ 2）單擊“插入”面板“布局”選項(xiàng)卡，再單擊“布局視圖”按鈕 ，切換至 布局視圖。 圖 418 “布局視圖”面板 首先按下“布局”按鈕，切換到布局視圖模式后，設(shè)計(jì)窗口將彈出如 圖 419 所示的“布局視圖入門”對(duì)話框，提供布局視圖下相關(guān)功能的操作說(shuō)明，單擊“確定”按鈕，當(dāng)前網(wǎng)頁(yè)文檔即處于布局視圖模式下。 圖 417 去掉表格中的空格代碼 注意 :這種細(xì)線效果其實(shí)就是一個(gè)高為 ”1pix”的表格 .在 Dreamweaver MX 中沒(méi)有插入元素的單元格中都自動(dòng)填充半個(gè)空格 (其代碼為“ amp。nbsp”(半個(gè)空格位 )徹底刪除 ,就可以得到一條水平細(xì)線 . 同樣的 ,如果在圖 415 所示的表格屬性設(shè)置中改成高為 \某個(gè)像素什 ,寬為 0。細(xì)線分隔線具體的制作過(guò)程如下： （ 1）插入一個(gè)一行一列的表格。設(shè)置方法為：在 TABLE 或 TD 標(biāo)記符內(nèi)使用 bgcolor 屬性設(shè)置背景顏色；使用 background 屬性設(shè)置背景圖案。 由于表格能將網(wǎng)頁(yè)劃分為任意大小的矩形區(qū)域，所以表格在網(wǎng)頁(yè)中更多地是用作排版工具。 如果是在 TR標(biāo)記符中使用 align 屬性，則可以控制整行內(nèi)容的水平對(duì)齊；如果是在 TD或 TH標(biāo)記符中使用 align 屬性，則是控制單元格中內(nèi)容的水平對(duì)齊。如果使用了 TABLE 標(biāo)記符的 align 屬性設(shè)置表格頁(yè)面對(duì)齊，并且使用的是 left 或 right 值，則跟在表格后的文本會(huì)位于表格的左邊和右邊，從而形成文本與表格環(huán)繞的效果。 （ 1）表格的頁(yè)面對(duì)齊。 表 43 frame 屬性的取值 名稱 作用 名稱 作用 Void 無(wú)邊框 vsides 僅有左側(cè)框和右側(cè)框 above 僅有頂框 lhs 僅有