DREAMWEAVER 官方教程 第5章.ppt

1、第5章 表格的應(yīng)用,關(guān)于表格 插入表格 導(dǎo)入和導(dǎo)出表格式數(shù)據(jù) 選擇表格元素 使用“擴(kuò)展表格”模式編輯表格 設(shè)置表格和單元格的格式,調(diào)整表格、列和行的大小 添加及刪除行和列 拆分和合并單元格 復(fù)制、粘貼和刪除單元格 嵌套表格 對表格進(jìn)行排序,5.1 關(guān)于表格,表格是用于在HTML頁上顯示表格式數(shù)據(jù)以及對文本和圖形進(jìn)行布局的強(qiáng)有力的工具。表格由一行或多行組成；每行又由一個或多個單元格。雖然HTML代碼中通常不明確指定列，但Dreamweaver允許操作列、行和單元格。 當(dāng)選定了表格或表格中有插入點(diǎn)時，Dreamweaver會顯示表格寬度和每個表格列的列寬。寬度旁邊是表格標(biāo)題菜單與列標(biāo)題菜單的箭頭。

2、使用菜單可以快速訪問一些與表格相關(guān)的常用命令。根據(jù)需要可以啟用或禁用寬度和菜單。 如果未看到表的寬度或列的寬度，說明沒有在HTML代碼中指定該表或列的寬度。如果出現(xiàn)2個數(shù)字，說明“設(shè)計”視圖中顯示的可視寬度與HTML代碼中指定的寬度不一致。當(dāng)拖動表格的右下角來調(diào)整表格的大小，或?qū)?nèi)容添加到比設(shè)置寬度大的單元格時會發(fā)生這種情況。 例如，如果將某列的寬度設(shè)置為200像素，而添加的內(nèi)容將寬度延長為250像素，則該列將顯示兩個數(shù)字：“200”（代碼中指定的寬度）和“（250）”（位于括號中，表示該列呈現(xiàn)在屏幕上的可視寬度,5.1.1 HTML中的表格格式設(shè)置優(yōu)先順序,當(dāng)在“設(shè)計”視圖中對表格進(jìn)行格式設(shè)

3、置時，可以設(shè)置整個表格或表格中所選行、列或單元格的屬性。如果將整個表格的某個屬性（例如背景顏色或?qū)R）設(shè)置為一個值，而將單個單元格的屬性設(shè)置為另一個值，則單元格格式設(shè)置優(yōu)先于行格式設(shè)置，行格式設(shè)置又優(yōu)先于表格格式設(shè)置。 表格格式設(shè)置的優(yōu)先順序如下： （1）單元格。 （2）行。 （3）表格。 例如，如果將單個單元格的背景顏色設(shè)置為藍(lán)色，然后將整個表格的背景顏色設(shè)置為黃色，則藍(lán)色單元格不會變?yōu)辄S色，因?yàn)閱卧窀袷皆O(shè)置優(yōu)先于表格格式設(shè)置。 注意：當(dāng)設(shè)置列的屬性時，Dreamweaver更改對應(yīng)于該列中每個單元格的td標(biāo)簽的屬性,5.2 插入表格,使用“插入”工具欄或“插入”菜單來創(chuàng)建一個新表格。然后

4、，按照在表格外添加文本和圖像的方式，向表格單元格中添加文本和圖像,只要整個選擇部分的單元格形成一行或一個矩形，便可以合并任意數(shù)目的相鄰的單元格，以生成一個跨多個列或行的單元格?？梢詫卧癫鸱殖扇我鈹?shù)目的行或列，而不管之前它是否是合并的。Dreamweaver可以自動重新構(gòu)造表格（添加任何必需的colspan或rowspan屬性），以創(chuàng)建指定的排列方式。 在下圖中，前兩行中間的單元格已經(jīng)合并成一個跨兩行的單元格,5.1.2 關(guān)于拆分和合并表格單元格,步驟1 在“文檔”窗口的“設(shè)計”視圖中，將插入點(diǎn)放在需要表格出現(xiàn)的位置。 注意：如果文檔是空白的，則只能將插入點(diǎn)放置在文檔的開頭。 步驟2 執(zhí)行下

5、列操作之一,選擇“插入”|“表格”命令。 在“插入”工具欄的“常用”類別中，單擊 “表格”按鈕,步驟3 打開“表格”對話框，如右圖所示，在“表格大小”區(qū)域中指定下列選項(xiàng),行數(shù)：確定表格具有的行的數(shù)目。 列數(shù)：表格寬度：指定表格的寬度，在其右側(cè)的下拉列表框中選擇像素或百分比。 邊框粗細(xì)：指定表格邊框的寬度（以像素為單位）。 確定表格具有的列的數(shù)目,提示：如果沒有明確指定邊框粗細(xì)的值，則大多數(shù)瀏覽器按邊框粗細(xì)設(shè)置為1顯示表格。若要確保瀏覽器顯示的表格沒有無邊框，將邊框粗細(xì)設(shè)置為0,無：對表不啟用列或行標(biāo)題。 左：可以將表的第一列作為標(biāo)題列，以便為表中的每一行輸入一個標(biāo)題。 頂部：可以將表的第一行作

6、為標(biāo)題行，以便為表中的每一列輸入一個標(biāo)題。 兩者：能夠在表中輸入列標(biāo)題和行標(biāo)題,提示：如果沒有明確指定單元格間距和單元格邊距的值，大多數(shù)瀏覽器按單元格邊距都設(shè)置為1，單元格間距設(shè)置為2顯示表格。若要確保瀏覽器不顯示表格中的邊距和間距，將“單元格邊距”和“單元格間距”設(shè)置為0。 步驟4 在“頁眉”區(qū)域中選擇一個標(biāo)題選項(xiàng),提示：最好使用標(biāo)題，以方便使用屏幕閱讀器的Web站點(diǎn)訪問者。屏幕閱讀器讀取表格標(biāo)題并且?guī)椭聊婚喿x器用戶跟蹤表格信息,單元格邊距：確定單元格邊框和單元格內(nèi)容之間的像素數(shù)。 單元格間距：確定相鄰的表格單元格之間的像素數(shù),步驟5 在“輔助功能”區(qū)域中指定下列選項(xiàng),標(biāo)題：提供了一個顯示

7、在表格外的表格標(biāo)題,5.3 導(dǎo)入和導(dǎo)出表格式數(shù)據(jù),對齊標(biāo)題：指定表格標(biāo)題相對于表格的顯示位置。 摘要：給出表格的說明。屏幕閱讀器可以讀取摘要文本，但是該文本不會顯示在用戶的瀏覽器中,步驟6 單擊“確定”按鈕,可以將在另一個應(yīng)用程序（例如Microsoft Excel）中創(chuàng)建，并以分隔文本的格式（其中的項(xiàng)以制表符、逗號、冒號、分號或其他分隔符隔開）保存的表格式數(shù)據(jù)導(dǎo)入到Dreamweaver中，并設(shè)置為表格的格式。 也可以將表格數(shù)據(jù)從Dreamweaver導(dǎo)出到文本文件中，相鄰單元格的內(nèi)容由分隔符隔開。可以使用逗號、冒號、分號或空格作為分隔符。當(dāng)導(dǎo)出表格時，將導(dǎo)出整個表格，不能選擇導(dǎo)出部分表格。

8、 提示：如果只需要表格中的某些數(shù)據(jù)（例如前六行或前六列），則復(fù)制包含這些數(shù)據(jù)的單元格，將這些單元格粘貼到表格外（創(chuàng)建新表格），然后導(dǎo)出這個新表格,5.3.1 導(dǎo)入表格數(shù)據(jù),選擇“文件”|“導(dǎo)入”|“表格式數(shù)據(jù)”命令。 選擇“插入”|“表格對象”|“導(dǎo)入表格式數(shù)據(jù)”命令,數(shù)據(jù)文件：輸入要導(dǎo)入的文件的名稱。單擊“瀏覽”按鈕選擇一個文件,若要導(dǎo)入表格數(shù)據(jù)，具體操作步驟如下： 步驟1 執(zhí)行下列操作之一,步驟2 打開“導(dǎo)入表格式數(shù)據(jù)”對話框，輸入有關(guān)包含數(shù)據(jù)的文件的信息，如右圖所示,定界符：在下拉列表框中選擇導(dǎo)入的文件中所使用的分隔符。如果選擇“其他”，在其右側(cè)會出現(xiàn)文本框，輸入文件中使用的定界符,注意

9、：確保指定保存數(shù)據(jù)文件時使用的定界符。如果未能指定定界符，則無法正確地導(dǎo)入文件，也無法在表格中對您的數(shù)據(jù)進(jìn)行正確的格式設(shè)置,若要導(dǎo)出表格，具體操作步驟如下： 步驟1 將插入點(diǎn)放置在表格中的任意單元格中。 步驟2 選擇“文件”|“導(dǎo)出”|“表格”命令,5.3.2 導(dǎo)出表格,表格寬度：將創(chuàng)建表格的寬度。 選擇“匹配內(nèi)容”單選按鈕，可使每個列足夠?qū)捯赃m應(yīng)該列中最長的文本字符串。 選擇“設(shè)置為”單選按鈕，將以像素為單位指定固定的表格寬度，或按占瀏覽器窗口寬度的百分比指定表格寬度。 單元格邊距：輸入單元格內(nèi)容和單元格邊框之間的像素數(shù)。 單元格間距：輸入相鄰的表格單元格之間的像素數(shù)。 格式化首行：從下拉列

10、表框中選擇應(yīng)用于表格首行的格式設(shè)置：無格式、粗體、斜體或加粗斜體。 邊框：輸入表格邊框的寬度（以像素為單位,步驟3 單擊“確定”按鈕,定界符：在下拉列表框中選擇在導(dǎo)出的文件中隔開各項(xiàng)的分隔符,步驟3 打開“導(dǎo)出表格”對話框，指定導(dǎo)出表格的選項(xiàng)，如右圖所示,步驟4 單擊“導(dǎo)出”按鈕。 步驟5 打開“表格導(dǎo)出為”對話框，輸入文件名稱，單擊“保存”按鈕,換行符：在下拉列表框中選擇將在哪個操作系統(tǒng)中打開導(dǎo)出的文件：Windows、Macintosh 還是UNIX（不同的操作系統(tǒng)具有不同的指示文本行結(jié)尾的方式,5.4 選擇表格元素,可以一次選擇整個表、行或列。也可以選擇一個或多個單獨(dú)的單元格。 當(dāng)將鼠標(biāo)

11、指針移動到表格、行、列或單元格上時，Dreamweaver將高亮顯示選擇區(qū)域中的所有單元格，以便用戶確切了解選中了哪些單元格。當(dāng)表格沒有邊框、單元格跨多列或多行或者表格嵌套時，這一點(diǎn)很有用。可以在首選參數(shù)中更改高亮顏色,定界符：在下拉列表框中選擇在導(dǎo)出的文件中隔開各項(xiàng)的分隔符,步驟3 打開“導(dǎo)出表格”對話框，指定導(dǎo)出表格的選項(xiàng)，如右圖所示,步驟4 單擊“導(dǎo)出”按鈕。 步驟5 打開“表格導(dǎo)出為”對話框，輸入文件名稱，單擊“保存”按鈕,換行符：在下拉列表框中選擇將在哪個操作系統(tǒng)中打開導(dǎo)出的文件：Windows、Macintosh 還是UNIX（不同的操作系統(tǒng)具有不同的指示文本行結(jié)尾的方式,提示：如

12、果將鼠標(biāo)指針定位到表格邊框上，則按住Ctrl鍵，則該表格的整個表格結(jié)構(gòu)（即表格中的所有單元格）將高亮顯示。當(dāng)表格有嵌套并且希望查看其中一個表格的結(jié)構(gòu)時，這一點(diǎn)很有用,若要更改用于選擇表格元素的高亮顯示顏色，具體操作步驟如下： 步驟1 選擇“編輯”|“首選參數(shù)”命令，打開“首選參數(shù)”對話框,5.4.1 更改表格元素的高亮顯示顏色,步驟2 從左側(cè)的“分類”列表框中選擇“標(biāo)記色彩”，如右圖所示。 步驟3 進(jìn)行下面其中一項(xiàng)更改,要更改表格元素的高亮顏色，單擊“鼠標(biāo)滑過”顏色框并使用顏色選擇器來選擇一種高亮顏色，或者在文本框中輸入高亮顏色的十六進(jìn)制值,單擊表格的左上角、表格的頂邊緣或底邊緣的任何位置或者

13、行或列的邊框,若要選擇整個表格，執(zhí)行下列操作之一,5.4.2 選取表格,注意：這些選項(xiàng)會影響鼠標(biāo)指針?biāo)街嶥reamweaver高亮顯示的所有對象，例如層和“布局”模式視圖表格及單元格。 步驟4 單擊“確定”按鈕,若要對表格元素啟用或禁用高亮顯示功能，選擇或取消選擇“鼠標(biāo)滑過”右側(cè)的“顯示”復(fù)選框,注意：當(dāng)用戶可以選擇表格時，鼠標(biāo)指針會變成表格網(wǎng)格圖標(biāo)（除非單擊行或列邊框,單擊某個表格單元格，然后在“文檔”窗口左下角的標(biāo)簽選擇器中選擇標(biāo)簽。 單擊某個表格單元格，然后選擇“修改”|“表格”|“選擇表格”命令,若要選擇單個或多個行或列，具體操作步驟如下： 步驟1 定位鼠標(biāo)指針使其指向行的左邊緣或

14、列的上邊緣。 步驟2 當(dāng)鼠標(biāo)指針變?yōu)檫x擇箭頭 或 時，單擊以選擇單個行或列，或進(jìn)行拖動以選擇多個行或列，如下圖所示,5.4.3 選擇行或列,所選表格的下邊緣和右邊緣出現(xiàn)選擇柄，如右圖所示,單擊某個表格單元格，單擊表格標(biāo)題菜單，然后選擇“選擇表格”，如右圖所示,單擊單元格，然后在“文檔”窗口左下角的標(biāo)簽選擇器中選擇標(biāo)簽。 按住Ctrl鍵單擊要選擇的單元格。 單擊單元格，然后選擇“編輯”|“全選”命令,提示：也可以單擊列標(biāo)題，從下拉菜單中選擇“選擇列”命令，如右圖所示,可以選擇單個單元格、一行單元格或單元格塊或者不相鄰的單元格,5.4.4 選擇單元格,1選擇單個單元格,若要選擇單個單元格，執(zhí)行下列

15、操作之一,提示：選擇了一個單元格后再次選擇“編輯”|“全選”可以選擇整個表格,從一個單元格拖到另一個單元格。 單擊一個單元格，在同一個單元格中按住Ctrl鍵的同時單擊以選中它，然后按住Shift鍵單擊另一個單元格,若要選擇一行或矩形的單元格塊，執(zhí)行下列操作之一,若要選擇不相鄰的單元格，在按住Ctrl鍵的同時單擊要選擇的單元格、行或列。 如果按住Ctrl鍵單擊尚未選中的單元格、行或列，則會將其選中。如果它已經(jīng)被選中，則再次單擊會將其從選擇中刪除,3選擇不相鄰的單元格,2選擇一行或矩形的單元格塊,這兩個單元格定義的直線或矩形區(qū)域中的所有單元格都將被選中,5.5 使用“擴(kuò)展表格”模式編輯表格,擴(kuò)展表

16、格”模式臨時向文檔中的所有表格添加單元格邊距和間距，并且增加表格的邊框以使編輯操作更加容易。利用這種模式，可以選擇表格中的項(xiàng)目或者精確地放置插入點(diǎn)。 例如，可能擴(kuò)展一個表格以便將插入點(diǎn)放置在圖像的左邊或右邊，從而避免無意中選中該圖像或表格單元格，如下圖所示,注意：一旦做出選擇或放置插入點(diǎn)，應(yīng)該回到“設(shè)計”視圖的“標(biāo)準(zhǔn)”模式來進(jìn)行編輯。調(diào)整大小等的一些可視操作在“擴(kuò)展表格”模式中不會產(chǎn)生預(yù)期結(jié)果,5.5.1 切換到“擴(kuò)展表格”模式,選擇“查看”|“表格模式”|“擴(kuò)展表格模式”命令。 在“插入”工具欄的“布局”類別中單擊“擴(kuò)展表格模式”按鈕,若要切換到“擴(kuò)展表格”模式，具體操作步驟如下： 步驟1

17、確保正在“設(shè)計”視圖中工作。 步驟2 執(zhí)行下列操作之一,在“文檔”窗口的頂部出現(xiàn)標(biāo)有“擴(kuò)展表格模式”的條，如右圖所示。Dreamweaver可向頁面上的所有表格添加單元格邊距與間距，并增加表格邊框,5.6 設(shè)置表格和單元格的格式,可以通過設(shè)置表格及表格單元格的屬性或?qū)㈩A(yù)先設(shè)置的設(shè)計應(yīng)用于表格來更改表格的外觀,若要退出“擴(kuò)展表格”模式，執(zhí)行下列操作之一,5.5.2 退出“擴(kuò)展表格”模式,在“文檔”窗口頂部標(biāo)有“擴(kuò)展表格模式”的條中，單擊“退出”。 選擇“查看”|“表格模式”|“標(biāo)準(zhǔn)模式”命令。 在“插入”工具欄的“布局”類別中單擊“標(biāo)準(zhǔn)模式”按鈕,5.6.1 查看和設(shè)置表格、單元格、行和列的屬性

18、,水平：指定單元格、行或列內(nèi)容的水平對齊方式?？梢詫?nèi)容對齊到單元格的左側(cè)、右側(cè)或使之居中對齊，也可以指示瀏覽器使用其默認(rèn)的對齊方式（通常常規(guī)單元格為左對齊，標(biāo)題單元格為居中對齊）。 垂直：指定單元格、行或列內(nèi)容的垂直對齊方式?？梢詫?nèi)容對齊到單元格的頂端、中間、底部或基線，或者指示瀏覽器使用其默認(rèn)的對齊方式（通常是居中對齊,當(dāng)選擇了某個表格或單元格后，使用屬性檢查器可以查看和更改它的屬性。具體操作步驟如下： 步驟1 選擇表格、單元格、行或列。 步驟2 在“屬性”檢查器中，根據(jù)需要更改屬性，如下圖所示,寬和高：是以像素為單位或按占整個表格寬度或高度百分比計算的所選單元格的寬度和高度。若要指定百

19、分比，在值后面使用百分比符號(%)。若要讓瀏覽器根據(jù)單元格的內(nèi)容以及其他列和行的寬度和高度確定適當(dāng)?shù)膶挾然蚋叨?，將此域留空（默認(rèn)設(shè)置,背景”文本框：輸入單元格、列或行的背景圖像的文件名。單擊 “單元格背景URL”圖標(biāo)瀏覽到某個圖像，或單擊 “指向文件”圖標(biāo)選擇某個圖像文件。 “背景”顏色框：使用顏色選擇器選擇的單元格、列或行的背景顏色。 “邊框”顏色框：選擇單元格的邊框顏色,提示：默認(rèn)情況下，瀏覽器選擇一列的寬度來容納列中最寬的圖像或最長的行。這就是為什么當(dāng)用戶將內(nèi)容添加到某個列時，該列有時變得比表格中其他列寬得多的原因。 注意：可以按占表格總高度的百分比指定一個高度，但是瀏覽器中行可能不以指

20、定的百分比高度顯示,合并單元格”按鈕：可以將所選的單元格、行或列合并為一個單元格。只有當(dāng)單元格形成矩形或直線的塊時才可以合并這些單元格。 “拆分單元格”按鈕：可以將一個單元格分成兩個或更多單元格。一次只能拆分一個單元格；如果選擇的單元格多于一個，則此按鈕將禁用。 不換行：選中此復(fù)選框可以防止換行，從而使給定單元格中的所有文本都在一行上，當(dāng)輸入數(shù)據(jù)或?qū)?shù)據(jù)粘貼到單元格時單元格會加寬來容納所有數(shù)據(jù)。通常，單元格在水平方向擴(kuò)展以容納單元格中最長的單詞或最寬的圖像，然后根據(jù)需要在垂直方向進(jìn)行擴(kuò)展以容納其他內(nèi)容。 標(biāo)題：選中此復(fù)選框可以將所選的單元格格式設(shè)置為表格標(biāo)題單元格。默認(rèn)情況下，表格標(biāo)題單元格的

21、內(nèi)容為粗體并且居中,注意：當(dāng)設(shè)置列的屬性時，Dreamweaver更改對應(yīng)于該列中每個單元格的td標(biāo)簽的屬性。但是，當(dāng)設(shè)置行的某些屬性時，Dreamweaver將更改tr標(biāo)簽的屬性而不是行中每個td標(biāo)簽的屬性。在將同一種格式應(yīng)用于行中的所有單元格時，將格式應(yīng)用于tr標(biāo)簽會生成更簡明易懂的HTML代碼,5.6.2 編輯表格的輔助功能屬性,若要編輯表格題注，高亮顯示此題注，然后鍵入新題注,如果插入表格時沒有為表格添加輔助功能屬性，但是以后需要添加這些屬性，或者如果需要編輯輔助功能屬性，可以在“代碼”視圖或“設(shè)計”視圖中添加或編輯輔助功能屬性。 若要在“代碼”視圖中添加或編輯表格的輔助功能值，在代碼

22、中編輯適當(dāng)?shù)膶傩浴?提示：若要快速找到代碼中的標(biāo)簽，單擊表格，然后選擇“文檔”窗口底部的標(biāo)簽選擇器中的標(biāo)簽。 若要在“設(shè)計”視圖中添加或編輯表格的輔助功能值，執(zhí)行下列操作之一,若要編輯題注對齊，將插入點(diǎn)放置在表格的題注中，單擊鼠標(biāo)右鍵，從快捷菜單中選擇“編輯標(biāo)簽”命令，打開“標(biāo)簽編輯器”對話框，設(shè)置所需的輔助功能，如右圖所示,若要編輯表格摘要，選擇該表格，單擊鼠標(biāo)右鍵，從快捷菜單中選擇“編輯標(biāo)簽”命令,使用“表格格式設(shè)置”命令將預(yù)先設(shè)置的設(shè)計快速應(yīng)用到表格。然后，可以選擇選項(xiàng)進(jìn)一步自定義該設(shè)計。 注意：只能對簡單的表格使用預(yù)先設(shè)定的設(shè)計進(jìn)行格式設(shè)置。不能使用這些設(shè)計針對包含合并單元格（cols

23、pan或rowspan）、列組或任何其他表格（這些表格不是由簡單的矩形單元格網(wǎng)格組成）的表格進(jìn)行格式設(shè)置。 若要使用預(yù)先設(shè)置的表格設(shè)計，具體操作步驟如下： 步驟1 選擇表格。 步驟2 選擇“命令”|“格式化表格”命令，打開“表格格式設(shè)置”對話框。 步驟3 從左上方的列表框中選擇設(shè)計方案，示例表格顯示所選設(shè)計的示例，如下圖所示,5.6.3 使用設(shè)計方案對表格進(jìn)行格式設(shè)置,行顏色：指定應(yīng)用于行的顏色，以及顏色交替的頻率。 第一行：指定表格第一行（可能包含列標(biāo)題）的對齊方式、文本樣式、背景顏色和文本顏色,步驟4 根據(jù)需要指定下列選項(xiàng),最左列：指定表格最左列（可能包含行標(biāo)題）的對齊方式和文本樣式。 邊

24、框：指定表格邊框的寬度（以像素為單位）。 將所有屬性應(yīng)用于TD標(biāo)簽而不是TR標(biāo)簽：可以將設(shè)計應(yīng)用于表格單元格（td標(biāo)簽）而不是表格行（tr標(biāo)簽,提示：默認(rèn)情況下，“格式化表格”對話框中指定的格式設(shè)置應(yīng)用于整個行而不是單個單元格。在將同一種格式應(yīng)用于行中的所有單元格時，將格式應(yīng)用于tr標(biāo)簽會生成更簡明易懂的HTML代碼。但是，此選項(xiàng)允許將格式設(shè)置應(yīng)用于單個單元格（如果這是用戶的編碼偏好的話）。 步驟5 單擊“應(yīng)用”或“確定”按鈕，用所選的設(shè)計對表格進(jìn)行格式設(shè)置,5.7 調(diào)整表格、列和行的大小,如果調(diào)整表格單元格大小比較麻煩，可以清除列寬或行高并重新開始。 有時HTML代碼中設(shè)置的列寬度與它們在屏

25、幕上的外觀寬度不匹配。發(fā)生這種情況時，可以使寬度一致。Dreamweaver中可以顯示表格與列的寬度和標(biāo)題菜單，能夠幫助用戶對表格進(jìn)行布局，也可以根據(jù)需要啟用或禁用寬度和菜單,可以通過拖動表格的一個選擇柄來調(diào)整表格的大小。當(dāng)選中表格或表格中的插入點(diǎn)時，Dreamweaver將在該表格的頂部或底部顯示表格寬度和表格標(biāo)題菜單。 注意：如果需要，可以禁用表格寬度和表格標(biāo)題菜單。 當(dāng)調(diào)整整個表格的大小時，表格中的所有單元格按比例更改大小。如果表格的單元格指定了明確的寬度或高度，則調(diào)整表格大小將更改“文檔”窗口中單元格的可視大小，但不更改這些單元格的指定寬度和高度,5.7.1 調(diào)整表格大小,若要在水平方

26、向調(diào)整表格的大小，拖動右邊的選擇柄。 若要在垂直方向調(diào)整表格的大小，拖動底部的選擇柄。 若要在兩個方向調(diào)整表格的大小，拖動右下角的選擇柄,若要調(diào)整表格的大小，具體操作步驟如下： 步驟1 選擇要調(diào)整大小的表格，表格周圍出現(xiàn)選擇柄，如右圖所示。 步驟2 執(zhí)行下列操作之一,可在屬性檢查器中或通過拖動列或行的邊框來更改列寬或行高。如果調(diào)整大小比較麻煩，可以清除列寬或行高然后重新開始。 注意：還可以使用“代碼”視圖直接在HTML代碼中更改單元格的寬度和高度。 當(dāng)選中表格或表格中的插入點(diǎn)時，Dreamweaver將在列的頂部或底部顯示列寬度和列標(biāo)題菜單,5.7.2 調(diào)整列和行的大小,若要更改列寬度并保持整

27、個表的寬度不變，拖動想更改的列的右邊框，如右圖所示。相鄰列的寬度也更改了，因此實(shí)際上調(diào)整了兩列的大小?？梢暬答亴@示如何對列進(jìn)行調(diào)整；表格的總寬度不改變,若要更改某個列的寬度并保持其他列的大小不變，按住Shift鍵，然后拖動列的邊框，如右圖所示。這個列的寬度就會改變?？梢暬答亴@示各列如何調(diào)整；表的總寬度將更改以容納正在調(diào)整的列,注意：在基于百分比寬度（而不是像素）的表格中，如果拖動最右邊的列的右邊框，整個表格的寬度會變化，并且所有的列都會按比例的變寬或變窄,提示：可以按像素或百分比指定寬度和高度，并且可以在像素和百分比之間互相轉(zhuǎn)換,若要以可視方式調(diào)整行高，拖動行的下邊框。 若要使用屬性檢

28、查器設(shè)置列寬或行高，選擇列或行，然后在“屬性”檢查器的“寬”文本字段中輸入列寬，或在“高”文本字段中輸入行高。按Tab鍵或Enter鍵應(yīng)用該值,5.7.3 使代碼中的列寬與可視寬度一致,如果看到一個列的寬度有兩個數(shù)字，說明HTML代碼中設(shè)置的列寬度與這些列在屏幕上的外觀寬度不匹配?？梢允勾a中指定的寬度與可視寬度相匹配。 若要使寬度一致，具體操作步驟如下,步驟1 單擊一個單元格。 步驟2 單擊表格標(biāo)題菜單，然后選擇“使所有寬度一致”，如右圖所示,步驟3 Dreamweaver重置代碼中指定的寬度以匹配可視寬度,5.7.4 清除設(shè)置的寬度和高度,在調(diào)整表格大小前或調(diào)整表格或單個列或行遇到困難而想

29、重新開始時，可能需要清除設(shè)置的寬度和高度,選擇“修改”|“表格”|“清除單元格寬度”命令或“清除單元格高度”命令。 在“屬性”檢查器中，單擊“清除行高”按鈕或“清除列寬”按鈕,若要清除表格中所有設(shè)置的寬度和高度，具體操作步驟如下： 步驟1 選擇表格。 步驟2 執(zhí)行下列操作之一,1清除表格中所有設(shè)置的寬度和高度,注意：當(dāng)拖動其中一個選擇柄來調(diào)整表格的大小時，改變了表格中的單元格的可視大小，但是沒有更改單元格的任何指定的寬度或高度。調(diào)整大小前最好清除設(shè)置的寬度和高度,單擊表格標(biāo)題菜單，然后選擇“清除所有高度”命令或“清除所有寬度”命令，如右圖所示,5.7.5 顯示表格和列的寬度和菜單,選擇“查看”

30、|“可視化助理”|“表格寬度”命令。 使用鼠標(biāo)右鍵單擊該表格，從快捷菜單中選擇“表格”|“表格寬度”命令,當(dāng)選中表格或表格中有插入點(diǎn)時，Dreamweaver會顯示表格和列的寬度以及訪問表格標(biāo)題菜單和列標(biāo)題菜單的箭頭。根據(jù)需要可以啟用和禁用寬度和菜單，執(zhí)行下列操作之一,若要清除設(shè)置的列寬度，具體操作步驟如下： 步驟1 在該列中單擊鼠標(biāo)。 步驟2 單擊列標(biāo)題菜單，然后選擇“清除列寬”命令,2清除設(shè)置的列寬度,5.8 添加及刪除行和列,若要添加和刪除行和列，使用“修改”|“表格”或列標(biāo)題菜單。 提示：在表格的最后一個單元格中按Tab鍵會自動在表格中另外添加一行,若要添加單個行或列，具體操作步驟如下

31、： 步驟1 單擊一個單元格。 步驟2 執(zhí)行下列操作之一,5.8.1 添加單個行或列,單擊列標(biāo)題菜單，然后選擇“左側(cè)插入列”命令或“右側(cè)插入列”命令，如右圖所示。在插入點(diǎn)的左側(cè)或右側(cè)出現(xiàn)一列,選擇“修改”|“表格”|“插入行”命令或者“插入列”命令。在插入點(diǎn)的上面出現(xiàn)一行或在插入點(diǎn)的左側(cè)出現(xiàn)一列,5.8.2 添加多行或多列,插入：指示是插入行還是列,若要添加多行或多列，具體操作步驟如下： 步驟1 單擊一個單元格，選擇“修改”|“表格”|“插入行或列”命令,若要刪除某行或列，執(zhí)行下列操作之一,5.8.3 刪除行或列,步驟2 打開“插入行或列”對話框，如右圖所示。設(shè)置下列選項(xiàng),行數(shù)或列數(shù)：輸入要插入

32、的行或列的數(shù)目。 位置：指定新行或新列應(yīng)該顯示在所選單元格所在行或列的前面還是后面,步驟3 單擊“確定”按鈕,增加或減少“行”文本框中的值以添加或刪除行，如下圖所示，Dreamweaver在表格的底部添加和刪除行,若要使用“屬性”檢查器添加或刪除行/列，具體操作步驟如下： 步驟1 選擇表格。 步驟2 在“屬性”檢查器中，執(zhí)行下列操作之一,5.8.4 使用“屬性”檢查器添加或刪除行/列,單擊要刪除的行或列中的一個單元格，然后選擇“修改”|“表格”|“刪除行”命令或“刪除列”命令。 選擇完整的一行或列，然后選擇“編輯”|“清除”命令或按Delete鍵，整個行或列即從表格中消失,增加或減少“列”文本

33、框中的值以添加或刪除列，Dreamweaver在表格的右邊添加和刪除列,5.9 拆分和合并單元格,使用“屬性”檢查器或“修改”|“表格”子菜單中的命令可以拆分或合并單元格。另一種合并和拆分單元格的方法是：使用Dreamweaver中提供的增加和減少單元格所跨行數(shù)或列數(shù)的工具,若要合并表格中的兩個或多個單元格，具體操作步驟如下,5.9.1 合并單元格,步驟1 選擇連續(xù)行中形狀為矩形的單元格，所選部分必須是矩形的單元格，如右圖所示,步驟2 執(zhí)行下列操作之一,選擇“修改”|“表格”|“合并單元格”命令。 在“屬性”檢查器中單擊 “合并所選單元格”按鈕,選擇“修改”|“表格”|“拆分單元格”命令。 在

34、“屬性”檢查器中 單擊“拆分單元格”按鈕,單個單元格的內(nèi)容放置在最終的合并單元格中。所選的第一個單元格的屬性將應(yīng)用于合并的單元格,若要拆分單元格，具體操作步驟如下： 步驟1 單擊單元格。 步驟2 執(zhí)行下列操作之一,5.9.2 拆分單元格,把單元格拆分：指定將單元格拆分成行還是列。 行數(shù)/列數(shù)：指定將單元格拆分成多少行或列,步驟3 打開“拆分單元格”對話框，指定如何拆分單元格，如右圖所示,步驟4 單擊“確定”按鈕,5.10 復(fù)制、粘貼和刪除單元格,選擇“修改”|“表格”|“增加行寬”命令或“增加列寬”命令。 選擇“修改”|“表格”|“減少行寬”命令或“減少列寬”命令,可以一次復(fù)制、粘貼或刪除單個

35、表格單元格或多個單元格，并保留單元格的格式設(shè)置,若要增加或減少單元格所跨的行寬或列寬，具體操作步驟如下： 步驟1 選擇一個單元格。 步驟2 執(zhí)行下列操作之一,5.9.3 增加或減少單元格所跨的行寬或列寬,5.10.1 剪切或復(fù)制表格單元格,若要剪切或復(fù)制表格單元格，具體操作步驟如下,步驟2 選擇“編輯”|“剪切”命令或“復(fù)制”命令。 注意：如果選擇了整個行或列，然后選擇“編輯”|“剪切”命令，則將從表格中刪除整個行或列（而不僅僅是單元格的內(nèi)容,可以在插入點(diǎn)或替換現(xiàn)有表格中的所選部分粘貼單元格。若要粘貼多個表格單元格，剪貼板的內(nèi)容必須和表格的結(jié)構(gòu)或表格中將粘貼這些單元格的所選部分兼容,步驟1 選

36、擇連續(xù)行中形狀為矩形的一個或多個單元格，所選部分必須是矩形的單元格，如右圖所示,5.10.2 粘貼表格單元格,若要粘貼表格單元格，具體操作步驟如下,若要用正在粘貼的單元格替換現(xiàn)有的單元格，選擇一組與剪貼板上的單元格具有相同布局的現(xiàn)有單元格。例如，如果復(fù)制或剪切了一塊32的單元格，則可以選擇另一塊32的單元格通過粘貼進(jìn)行替換。 若要在特定單元格上方粘貼一整行單元格，單擊該單元格。 若要在特定單元格左側(cè)粘貼一整列單元格，單擊該單元格,若要用粘貼的單元格創(chuàng)建一個新表格，將插入點(diǎn)放置在表格之外,注意：如果剪貼板中的單元格不到一整行或一整列，并且單擊某個單元格然后粘貼剪貼板中的單元格，則所單擊的單元格和與它相鄰的單元格可能（根據(jù)它們在表格中的位置）被粘貼的單元格替換,步驟1 選擇要粘貼單元格的位置,步驟2 選擇“編輯”|“粘貼”命令,5.10.3 刪除單元格內(nèi)容,若要刪除單元格內(nèi)容，但使單元格保持