DREAMWEAVER 官方教程 第5章

第5章表格的運用關(guān)于表格插入表格導(dǎo)入和導(dǎo)出表格式數(shù)據(jù)選擇表格元素運用“擴展表格〞方式編輯表格設(shè)置表格和單元格的格式調(diào)整表格、列和行的大小添加及刪除行和列拆分和合并單元格復(fù)制、粘貼和刪除單元格嵌套表格對表格進展排序5.1關(guān)于表格表格是用于在HTML頁上顯示表格式數(shù)據(jù)以及對文本和圖形進展規(guī)劃的強有力的工具。表格由一行或多行組成；每行又由一個或多個單元格。雖然HTML代碼中通常不明確指定列，但Dreamweaver允許操作列、行和單元格。中選定了表格或表格中有插入點時，Dreamweaver會顯示表格寬度和每個表格列的列寬。寬度旁邊是表格標題菜單與列標題菜單的箭頭。運用菜單可以快速訪問一些與表格相關(guān)的常用命令。根據(jù)需求可以啟用或禁用寬度和菜單。假設(shè)未看到表的寬度或列的寬度，闡明沒有在HTML代碼中指定該表或列的寬度。假設(shè)出現(xiàn)2個數(shù)字，闡明“設(shè)計〞視圖中顯示的可視寬度與HTML代碼中指定的寬度不一致。當拖動表格的右下角來調(diào)整表格的大小，或?qū)?nèi)容添加到比設(shè)置寬度大的單元格時會發(fā)生這種情況。例如，假設(shè)將某列的寬度設(shè)置為200像素，而添加的內(nèi)容將寬度延伸為250像素，那么該列將顯示兩個數(shù)字：“200〞〔代碼中指定的寬度〕和“〔250〕〞〔位于括號中，表示該列呈如今屏幕上的可視寬度〕。5.1.1HTML中的表格格式設(shè)置優(yōu)先順序當在“設(shè)計〞視圖中對表格進展格式設(shè)置時，可以設(shè)置整個表格或表格中所選行、列或單元格的屬性。假設(shè)將整個表格的某個屬性〔例如背景顏色或?qū)R〕設(shè)置為一個值，而將單個單元格的屬性設(shè)置為另一個值，那么單元格格式設(shè)置優(yōu)先于行格式設(shè)置，行格式設(shè)置又優(yōu)先于表格格式設(shè)置。表格格式設(shè)置的優(yōu)先順序如下：〔1〕單元格?！?〕行?！?〕表格。例如，假設(shè)將單個單元格的背景顏色設(shè)置為藍色，然后將整個表格的背景顏色設(shè)置為黃色，那么藍色單元格不會變?yōu)辄S色，由于單元格格式設(shè)置優(yōu)先于表格格式設(shè)置。留意：當設(shè)置列的屬性時，Dreamweaver更改對應(yīng)于該列中每個單元格的td標簽的屬性。5.2插入表格運用“插入〞工具欄或“插入〞菜單來創(chuàng)建一個新表格。然后，按照在表格外添加文本和圖像的方式，向表格單元格中添加文本和圖像。只需整個選擇部分的單元格構(gòu)成一行或一個矩形，便可以合并恣意數(shù)目的相鄰的單元格，以生成一個跨多個列或行的單元格。可以將單元格拆分成恣意數(shù)目的行或列，而不論之前它能否是合并的。Dreamweaver可以自動重新構(gòu)造表格〔添加任何必需的colspan或rowspan屬性〕，以創(chuàng)建指定的陳列方式。在以下圖中，前兩行中間的單元格曾經(jīng)合并成一個跨兩行的單元格。5.1.2關(guān)于拆分和合并表格單元格步驟1在“文檔〞窗口的“設(shè)計〞視圖中，將插入點放在需求表格出現(xiàn)的位置。留意：假設(shè)文檔是空白的，那么只能將插入點放置在文檔的開頭。步驟2執(zhí)行以下操作之一：選擇“插入〞|“表格〞命令。在“插入〞工具欄的“常用〞類別中，單擊“表格〞按鈕。步驟3翻開“表格〞對話框，如右圖所示，在“表格大小〞區(qū)域中指定以下選項：行數(shù)：確定表格具有的行的數(shù)目。列數(shù)：表格寬度：指定表格的寬度，在其右側(cè)的下拉列表框中選擇像素或百分比。邊框粗細：指定表格邊框的寬度〔以像素為單位〕。確定表格具有的列的數(shù)目。提示：假設(shè)沒有明確指定邊框粗細的值，那么大多數(shù)閱讀器按邊框粗細設(shè)置為1顯示表格。假設(shè)要確保閱讀器顯示的表格沒有無邊框，將邊框粗細設(shè)置為0。無：對表不啟用列或行標題。左：可以將表的第一列作為標題列，以便為表中的每一行輸入一個標題。頂部：可以將表的第一行作為標題行，以便為表中的每一列輸入一個標題。兩者：可以在表中輸入列標題和行標題。提示：假設(shè)沒有明確指定單元格間距和單元格邊距的值，大多數(shù)閱讀器按單元格邊距都設(shè)置為1，單元格間距設(shè)置為2顯示表格。假設(shè)要確保閱讀器不顯示表格中的邊距和間距，將“單元格邊距〞和“單元格間距〞設(shè)置為0。步驟4在“頁眉〞區(qū)域中選擇一個標題選項：提示：最好運用標題，以方便運用屏幕閱讀器的Web站點訪問者。屏幕閱讀器讀取表格標題并且協(xié)助屏幕閱讀器用戶跟蹤表格信息。單元格邊距：確定單元格邊框和單元格內(nèi)容之間的像素數(shù)。單元格間距：確定相鄰的表格單元格之間的像素數(shù)。步驟5在“輔助功能〞區(qū)域中指定以下選項：標題：提供了一個顯示在表格外的表格標題。5.3導(dǎo)入和導(dǎo)出表格式數(shù)據(jù)對齊標題：指定表格標題相對于表格的顯示位置。摘要：給出表格的闡明。屏幕閱讀器可以讀取摘要文本，但是該文本不會顯示在用戶的閱讀器中。步驟6單擊“確定〞按鈕?？梢詫⒃诹硪粋€運用程序〔例如MicrosoftExcel〕中創(chuàng)建，并以分隔文本的格式〔其中的項以制表符、逗號、冒號、分號或其他分隔符隔開〕保管的表格式數(shù)據(jù)導(dǎo)入到Dreamweaver中，并設(shè)置為表格的格式。也可以將表格數(shù)據(jù)從Dreamweaver導(dǎo)出到文本文件中，相鄰單元格的內(nèi)容由分隔符隔開?？梢赃\用逗號、冒號、分號或空格作為分隔符。當導(dǎo)出表格時，將導(dǎo)出整個表格，不能選擇導(dǎo)出部分表格。提示：假設(shè)只需求表格中的某些數(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)入的文件的稱號。單擊“閱讀〞按鈕選擇一個文件。假設(shè)要導(dǎo)入表格數(shù)據(jù)，詳細操作步驟如下：步驟1執(zhí)行以下操作之一：步驟2翻開“導(dǎo)入表格式數(shù)據(jù)〞對話框，輸入有關(guān)包含數(shù)據(jù)的文件的信息，如右圖所示。定界符：在下拉列表框中選擇導(dǎo)入的文件中所運用的分隔符。假設(shè)選擇“其他〞，在其右側(cè)會出現(xiàn)文本框，輸入文件中運用的定界符。留意：確保指定保管數(shù)據(jù)文件時運用的定界符。假設(shè)未能指定定界符，那么無法正確地導(dǎo)入文件，也無法在表格中對您的數(shù)據(jù)進展正確的格式設(shè)置。假設(shè)要導(dǎo)出表格，詳細操作步驟如下：步驟1將插入點放置在表格中的恣意單元格中。步驟2選擇“文件〞|“導(dǎo)出〞|“表格〞命令。5.3.2導(dǎo)出表格表格寬度：將創(chuàng)建表格的寬度。選擇“匹配內(nèi)容〞單項選擇按鈕，可使每個列足夠?qū)捯皂槕?yīng)該列中最長的文本字符串。選擇“設(shè)置為〞單項選擇按鈕，將以像素為單位指定固定的表格寬度，或按占閱讀器窗口寬度的百分比指定表格寬度。單元格邊距：輸入單元格內(nèi)容和單元格邊框之間的像素數(shù)。單元格間距：輸入相鄰的表格單元格之間的像素數(shù)。格式化首行：從下拉列表框中選擇運用于表格首行的格式設(shè)置：無格式、粗體、斜體或加粗斜體。邊框：輸入表格邊框的寬度〔以像素為單位〕。步驟3單擊“確定〞按鈕。定界符：在下拉列表框中選擇在導(dǎo)出的文件中隔開各項的分隔符。步驟3翻開“導(dǎo)出表格〞對話框，指定導(dǎo)出表格的選項，如右圖所示。步驟4單擊“導(dǎo)出〞按鈕。步驟5翻開“表格導(dǎo)出為〞對話框，輸入文件稱號，單擊“保管〞按鈕。換行符：在下拉列表框中選擇將在哪個操作系統(tǒng)中翻開導(dǎo)出的文件：Windows、Macintosh還是UNIX〔不同的操作系統(tǒng)具有不同的指示文本行結(jié)尾的方式〕。5.4選擇表格元素可以一次選擇整個表、行或列。也可以選擇一個或多個單獨的單元格。當將鼠標指針挪動到表格、行、列或單元格上時，Dreamweaver將高亮顯示選擇區(qū)域中的一切單元格，以便用戶確切了解選中了哪些單元格。當表格沒有邊框、單元格跨多列或多行或者表格嵌套時，這一點很有用?？梢栽谑走x參數(shù)中更改高亮顏色。定界符：在下拉列表框中選擇在導(dǎo)出的文件中隔開各項的分隔符。步驟3翻開“導(dǎo)出表格〞對話框，指定導(dǎo)出表格的選項，如右圖所示。步驟4單擊“導(dǎo)出〞按鈕。步驟5翻開“表格導(dǎo)出為〞對話框，輸入文件稱號，單擊“保管〞按鈕。換行符：在下拉列表框中選擇將在哪個操作系統(tǒng)中翻開導(dǎo)出的文件：Windows、Macintosh還是UNIX〔不同的操作系統(tǒng)具有不同的指示文本行結(jié)尾的方式〕。提示：假設(shè)將鼠標指針定位到表格邊框上，那么按住Ctrl鍵，那么該表格的整個表格構(gòu)造〔即表格中的一切單元格〕將高亮顯示。當表格有嵌套并且希望查看其中一個表格的構(gòu)造時，這一點很有用。假設(shè)要更改用于選擇表格元素的高亮顯示顏色，詳細操作步驟如下：步驟1選擇“編輯〞|“首選參數(shù)〞命令，翻開“首選參數(shù)〞對話框。5.4.1更改表格元素的高亮顯示顏色步驟2從左側(cè)的“分類〞列表框中選擇“標志顏色〞，如右圖所示。步驟3進展下面其中一項更改：要更改表格元素的高亮顏色，單擊“鼠標滑過〞顏色框并運用顏色選擇器來選擇一種高亮顏色，或者在文本框中輸入高亮顏色的十六進制值。單擊表格的左上角、表格的頂邊緣或底邊緣的任何位置或者行或列的邊框。假設(shè)要選擇整個表格，執(zhí)行以下操作之一：5.4.2選取表格留意：這些選項會影響鼠標指針所到之處Dreamweaver高亮顯示的一切對象，例如層和“規(guī)劃〞方式視圖表格及單元格。步驟4單擊“確定〞按鈕。假設(shè)要對表格元素啟用或禁用高亮顯示功能，選擇或取消選擇“鼠標滑過〞右側(cè)的“顯示〞復(fù)選框。留意：當用戶可以選擇表格時，鼠標指針會變成表格網(wǎng)格圖標〔除非單擊行或列邊框〕。單擊某個表格單元格，然后在“文檔〞窗口左下角的標簽選擇器中選擇<table>標簽。單擊某個表格單元格，然后選擇“修正〞|“表格〞|“選擇表格〞命令。假設(shè)要選擇單個或多個行或列，詳細操作步驟如下：步驟1定位鼠標指針使其指向行的左邊緣或列的上邊緣。步驟2當鼠標指針變?yōu)檫x擇箭頭或時，單擊以選擇單個行或列，或進展拖動以選擇多個行或列，如以下圖所示。5.4.3選擇行或列所選表格的下邊緣和右邊緣出現(xiàn)選擇柄，如右圖所示。單擊某個表格單元格，單擊表格標題菜單，然后選擇“選擇表格〞，如右圖所示。單擊單元格，然后在“文檔〞窗口左下角的標簽選擇器中選擇<td>標簽。按住Ctrl鍵單擊要選擇的單元格。單擊單元格，然后選擇“編輯〞|“全選〞命令。提示：也可以單擊列標題，從下拉菜單中選擇“選擇列〞命令，如右圖所示?？梢赃x擇單個單元格、一行單元格或單元格塊或者不相鄰的單元格。5.4.4選擇單元格1．選擇單個單元格假設(shè)要選擇單個單元格，執(zhí)行以下操作之一：提示：選擇了一個單元格后再次選擇“編輯〞|“全選〞可以選擇整個表格。從一個單元格拖到另一個單元格。單擊一個單元格，在同一個單元格中按住Ctrl鍵的同時單擊以選中它，然后按住Shift鍵單擊另一個單元格。假設(shè)要選擇一行或矩形的單元格塊，執(zhí)行以下操作之一：假設(shè)要選擇不相鄰的單元格，在按住Ctrl鍵的同時單擊要選擇的單元格、行或列。假設(shè)按住Ctrl鍵單擊尚未選中的單元格、行或列，那么會將其選中。假設(shè)它曾經(jīng)被選中，那么再次單擊會將其從選擇中刪除。3．選擇不相鄰的單元格2．選擇一行或矩形的單元格塊這兩個單元格定義的直線或矩形區(qū)域中的一切單元格都將被選中。5.5運用“擴展表格〞方式編輯表格“擴展表格〞方式暫時向文檔中的一切表格添加單元格邊距和間距，并且添加表格的邊框以使編輯操作更加容易。利用這種方式，可以選擇表格中的工程或者準確地放置插入點。例如，能夠擴展一個表格以便將插入點放置在圖像的左邊或右邊，從而防止無意中選中該圖像或表格單元格，如以下圖所示。留意：一旦做出選擇或放置插入點，應(yīng)該回到“設(shè)計〞視圖的“規(guī)范〞方式來進展編輯。調(diào)整大小等的一些可視操作在“擴展表格〞方式中不會產(chǎn)生預(yù)期結(jié)果。5.5.1切換到“擴展表格〞方式選擇“查看〞|“表格方式〞|“擴展表格方式〞命令。在“插入〞工具欄的“規(guī)劃〞類別中單擊“擴展表格方式〞按鈕。假設(shè)要切換到“擴展表格〞方式，詳細操作步驟如下：步驟1確保正在“設(shè)計〞視圖中任務(wù)。步驟2執(zhí)行以下操作之一：在“文檔〞窗口的頂部出現(xiàn)標有“擴展表格方式〞的條，如右圖所示。Dreamweaver可向頁面上的一切表格添加單元格邊距與間距，并添加表格邊框。5.6設(shè)置表格和單元格的格式可以經(jīng)過設(shè)置表格及表格單元格的屬性或?qū)㈩A(yù)先設(shè)置的設(shè)計運用于表格來更改表格的外觀。假設(shè)要退出“擴展表格〞方式，執(zhí)行以下操作之一：5.5.2退出“擴展表格〞方式在“文檔〞窗口頂部標有“擴展表格方式〞的條中，單擊“退出〞。選擇“查看〞|“表格方式〞|“規(guī)范方式〞命令。在“插入〞工具欄的“規(guī)劃〞類別中單擊“規(guī)范方式〞按鈕。5.6.1查看和設(shè)置表格、單元格、行和列的屬性程度：指定單元格、行或列內(nèi)容的程度對齊方式?？梢詫?nèi)容對齊到單元格的左側(cè)、右側(cè)或使之居中對齊，也可以指示閱讀器運用其默許的對齊方式〔通經(jīng)常規(guī)單元格為左對齊，標題單元格為居中對齊〕。垂直：指定單元格、行或列內(nèi)容的垂直對齊方式?？梢詫?nèi)容對齊到單元格的頂端、中間、底部或基線，或者指示閱讀器運用其默許的對齊方式〔通常是居中對齊〕。中選擇了某個表格或單元格后，運用屬性檢查器可以查看和更改它的屬性。詳細操作步驟如下：步驟1選擇表格、單元格、行或列。步驟2在“屬性〞檢查器中，根據(jù)需求更改屬性，如以下圖所示。寬和高：是以像素為單位或按占整個表格寬度或高度百分比計算的所選單元格的寬度和高度。假設(shè)要指定百分比，在值后面運用百分比符號(%)。假設(shè)要讓閱讀器根據(jù)單元格的內(nèi)容以及其他列和行的寬度和高度確定適當?shù)膶挾然蚋叨?，將此域留空〔默許設(shè)置〕?！氨尘皑曃谋究颍狠斎雴卧?、列或行的背景圖像的文件名。單擊“單元格背景URL〞圖標閱讀到某個圖像，或單擊“指向文件〞圖標選擇某個圖像文件。“背景〞顏色框：運用顏色選擇器選擇的單元格、列或行的背景顏色。“邊框〞顏色框：選擇單元格的邊框顏色。提示：默許情況下，閱讀器選擇一列的寬度來包容列中最寬的圖像或最長的行。這就是為什么當用戶將內(nèi)容添加到某個列時，該列有時變得比表格中其他列寬得多的緣由。留意：可以按占表格總高度的百分比指定一個高度，但是閱讀器中行能夠不以指定的百分比高度顯示?！昂喜卧瘿暟粹o：可以將所選的單元格、行或列合并為一個單元格。只需當單元格構(gòu)成矩形或直線的塊時才可以合并這些單元格?！安鸱謫卧瘿暟粹o：可以將一個單元格分成兩個或更多單元格。一次只能拆分一個單元格；假設(shè)選擇的單元格多于一個，那么此按鈕將禁用。不換行：選中此復(fù)選框可以防止換行，從而使給定單元格中的一切文本都在一行上，當輸入數(shù)據(jù)或?qū)?shù)據(jù)粘貼到單元格時單元格會加寬來包容一切數(shù)據(jù)。通常，單元格在程度方向擴展以包容單元格中最長的單詞或最寬的圖像，然后根據(jù)需求在垂直方向進展擴展以包容其他內(nèi)容。標題：選中此復(fù)選框可以將所選的單元格格式設(shè)置為表格標題單元格。默許情況下，表格標題單元格的內(nèi)容為粗體并且居中。留意：當設(shè)置列的屬性時，Dreamweaver更改對應(yīng)于該列中每個單元格的td標簽的屬性。但是，當設(shè)置行的某些屬性時，Dreamweaver將更改tr標簽的屬性而不是行中每個td標簽的屬性。在將同一種格式運用于行中的一切單元格時，將格式運用于tr標簽會生成更簡明易懂的HTML代碼。5.6.2編輯表格的輔助功能屬性假設(shè)要編輯表格題注，高亮顯示此題注，然后鍵入新題注。假設(shè)插入表格時沒有為表格添加輔助功能屬性，但是以后需求添加這些屬性，或者假設(shè)需求編輯輔助功能屬性，可以在“代碼〞視圖或“設(shè)計〞視圖中添加或編輯輔助功能屬性。假設(shè)要在“代碼〞視圖中添加或編輯表格的輔助功能值，在代碼中編輯適當?shù)膶傩浴Ｌ崾荆杭僭O(shè)要快速找到代碼中的標簽，單擊表格，然后選擇“文檔〞窗口底部的標簽選擇器中的<table>標簽。假設(shè)要在“設(shè)計〞視圖中添加或編輯表格的輔助功能值，執(zhí)行以下操作之一：假設(shè)要編輯題注對齊，將插入點放置在表格的題注中，單擊鼠標右鍵，從快捷菜單中選擇“編輯標簽〞命令，翻開“標簽編輯器〞對話框，設(shè)置所需的輔助功能，如右圖所示。假設(shè)要編輯表格摘要，選擇該表格，單擊鼠標右鍵，從快捷菜單中選擇“編輯標簽〞命令。運用“表格格式設(shè)置〞命令將預(yù)先設(shè)置的設(shè)計快速運用到表格。然后，可以選擇選項進一步自定義該設(shè)計。留意：只能對簡單的表格運用預(yù)先設(shè)定的設(shè)計進展格式設(shè)置。不能運用這些設(shè)計針對包含合并單元格〔colspan或rowspan〕、列組或任何其他表格〔這些表格不是由簡單的矩形單元格網(wǎng)格組成〕的表格進展格式設(shè)置。假設(shè)要運用預(yù)先設(shè)置的表格設(shè)計，詳細操作步驟如下：步驟1選擇表格。步驟2選擇“命令〞|“格式化表格〞命令，翻開“表格格式設(shè)置〞對話框。步驟3從左上方的列表框中選擇設(shè)計方案，例如表格顯示所選設(shè)計的例如，如以下圖所示。5.6.3運用設(shè)計方案對表格進展格式設(shè)置行顏色：指定運用于行的顏色，以及顏色交替的頻率。第一行：指定表格第一行〔能夠包含列標題〕的對齊方式、文本款式、背景顏色和文本顏色。步驟4根據(jù)需求指定以下選項：最左列：指定表格最左列〔能夠包含行標題〕的對齊方式和文本款式。邊框：指定表格邊框的寬度〔以像素為單位〕。將一切屬性運用于TD標簽而不是TR標簽：可以將設(shè)計運用于表格單元格〔td標簽〕而不是表格行〔tr標簽〕。提示：默許情況下，“格式化表格〞對話框中指定的格式設(shè)置運用于整個行而不是單個單元格。在將同一種格式運用于行中的一切單元格時，將格式運用于tr標簽會生成更簡明易懂的HTML代碼。但是，此選項允許將格式設(shè)置運用于單個單元格〔假設(shè)這是用戶的編碼偏好的話〕。步驟5單擊“運用〞或“確定〞按鈕，用所選的設(shè)計對表格進展格式設(shè)置。5.7調(diào)整表格、列和行的大小假設(shè)調(diào)整表格單元格大小比較費事，可以去除列寬或行高并重新開場。有時HTML代碼中設(shè)置的列寬度與它們在屏幕上的外觀寬度不匹配。發(fā)生這種情況時，可以使寬度一致。Dreamweaver中可以顯示表格與列的寬度和標題菜單，可以協(xié)助用戶對表格進展規(guī)劃，也可以根據(jù)需求啟用或禁用寬度和菜單?？梢越?jīng)過拖動表格的一個選擇柄來調(diào)整表格的大小。中選中表格或表格中的插入點時，Dreamweaver將在該表格的頂部或底部顯示表格寬度和表格標題菜單。留意：假設(shè)需求，可以禁用表格寬度和表格標題菜單。當調(diào)整整個表格的大小時，表格中的一切單元格按比例更改大小。假設(shè)表格的單元格指定了明確的寬度或高度，那么調(diào)整表格大小將更改“文檔〞窗口中單元格的可視大小，但不更改這些單元格的指定寬度和高度。5.7.1調(diào)整表格大小假設(shè)要在程度方向調(diào)整表格的大小，拖動右邊的選擇柄。假設(shè)要在垂直方向調(diào)整表格的大小，拖動底部的選擇柄。假設(shè)要在兩個方向調(diào)整表格的大小，拖動右下角的選擇柄。假設(shè)要調(diào)整表格的大小，詳細操作步驟如下：步驟1選擇要調(diào)整大小的表格，表格周圍出現(xiàn)選擇柄，如右圖所示。步驟2執(zhí)行以下操作之一：可在屬性檢查器中或經(jīng)過拖動列或行的邊框來更改列寬或行高。假設(shè)調(diào)整大小比較費事，可以去除列寬或行高然后重新開場。留意：還可以運用“代碼〞視圖直接在HTML代碼中更改單元格的寬度和高度。中選中表格或表格中的插入點時，Dreamweaver將在列的頂部或底部顯示列寬度和列標題菜單。5.7.2調(diào)整列和行的大小假設(shè)要更改列寬度并堅持整個表的寬度不變，拖動想更改的列的右邊框，如右圖所示。相鄰列的寬度也更改了，因此實踐上調(diào)整了兩列的大小。可視化反響將顯示如何對列進展調(diào)整；表格的總寬度不改動。假設(shè)要更改某個列的寬度并堅持其他列的大小不變，按住Shift鍵，然后拖動列的邊框，如右圖所示。這個列的寬度就會改動?？梢暬错憣@示各列如何調(diào)整；表的總寬度將更改以包容正在調(diào)整的列。留意：在基于百分比寬度〔而不是像素〕的表格中，假設(shè)拖動最右邊的列的右邊框，整個表格的寬度會變化，并且一切的列都會按比例的變寬或變窄。提示：可以按像素或百分比指定寬度和高度，并且可以在像素和百分比之間相互轉(zhuǎn)換。假設(shè)要以可視方式調(diào)整行高，拖動行的下邊框。假設(shè)要運用屬性檢查器設(shè)置列寬或行高，選擇列或行，然后在“屬性〞檢查器的“寬〞文本字段中輸入列寬，或在“高〞文本字段中輸入行高。按Tab鍵或Enter鍵運用該值。5.7.3使代碼中的列寬與可視寬度一致假設(shè)看到一個列的寬度有兩個數(shù)字，闡明HTML代碼中設(shè)置的列寬度與這些列在屏幕上的外觀寬度不匹配。可以使代碼中指定的寬度與可視寬度相匹配。假設(shè)要使寬度一致，詳細操作步驟如下：步驟1單擊一個單元格。步驟2單擊表格標題菜單，然后選擇“使一切寬度一致〞，如右圖所示。步驟3Dreamweaver重置代碼中指定的寬度以匹配可視寬度。5.7.4去除設(shè)置的寬度和高度在調(diào)整表格大小前或調(diào)整表格或單個列或行遇到困難而想重新開場時，能夠需求去除設(shè)置的寬度和高度。選擇“修正〞|“表格〞|“去除單元格寬度〞命令或“去除單元格高度〞命令。在“屬性〞檢查器中，單擊“去除行高〞按鈕或“去除列寬〞按鈕。假設(shè)要去除表格中一切設(shè)置的寬度和高度，詳細操作步驟如下：步驟1選擇表格。步驟2執(zhí)行以下操作之一：1．去除表格中一切設(shè)置的寬度和高度留意：當拖動其中一個選擇柄來調(diào)整表格的大小時，改動了表格中的單元格的可視大小，但是沒有更改單元格的任何指定的寬度或高度。調(diào)整大小前最好去除設(shè)置的寬度和高度。單擊表格標題菜單，然后選擇“去除一切高度〞命令或“去除一切寬度〞命令，如右圖所示。5.7.5顯示表格和列的寬度和菜單選擇“查看〞|“可視化助理〞|“表格寬度〞命令。運用鼠標右鍵單擊該表格，從快捷菜單中選擇“表格〞|“表格寬度〞命令。中選中表格或表格中有插入點時，Dreamweaver會顯示表格和列的寬度以及訪問表格標題菜單和列標題菜單的箭頭。根據(jù)需求可以啟用和禁用寬度和菜單，執(zhí)行以下操作之一：假設(shè)要去除設(shè)置的列寬度，詳細操作步驟如下：步驟1在該列中單擊鼠標。步驟2單擊列標題菜單，然后選擇“去除列寬〞命令。2．去除設(shè)置的列寬度5.8添加及刪除行和列假設(shè)要添加和刪除行和列，運用“修正〞|“表格〞或列標題菜單。提示：在表格的最后一個單元格中按Tab鍵會自動在表格中另外添加一行。假設(shè)要添加單個行或列，詳細操作步驟如下：步驟1單擊一個單元格。步驟2執(zhí)行以下操作之一：5.8.1添加單個行或列單擊列標題菜單，然后選擇“左側(cè)插入列〞命令或“右側(cè)插入列〞命令，如右圖所示。在插入點的左側(cè)或右側(cè)出現(xiàn)一列。選擇“修正〞|“表格〞|“插入行〞命令或者“插入列〞命令。在插入點的上面出現(xiàn)一行或在插入點的左側(cè)出現(xiàn)一列。5.8.2添加多行或多列插入：指示是插入行還是列。假設(shè)要添加多行或多列，詳細操作步驟如下：步驟1單擊一個單元格，選擇“修正〞|“表格〞|“插入行或列〞命令。假設(shè)要刪除某行或列，執(zhí)行以下操作之一：5.8.3刪除行或列步驟2翻開“插入行或列〞對話框，如右圖所示。設(shè)置以下選項：行數(shù)或列數(shù)：輸入要插入的行或列的數(shù)目。位置：指定新行或新列應(yīng)該顯示在所選單元格所在行或列的前面還是后面。步驟3單擊“確定〞按鈕。添加或減少“行〞文本框中的值以添加或刪除行，如以下圖所示，Dreamweaver在表格的底部添加和刪除行。假設(shè)要運用“屬性〞檢查器添加或刪除行/列，詳細操作步驟如下：步驟1選擇表格。步驟2在“屬性〞檢查器中，執(zhí)行以下操作之一：5.8.4運用“屬性〞檢查器添加或刪除行/列單擊要刪除的行或列中的一個單元格，然后選擇“修正〞|“表格〞|“刪除行〞命令或“刪除列〞命令。選擇完好的一行或列，然后選擇“編輯〞|“去除〞命令或按Delete鍵，整個行或列即從表格中消逝。添加或減少“列〞文本框中的值以添加或刪除列，Dreamweaver在表格的右邊添加和刪除列。5.9拆分和合并單元格運用“屬性〞檢查器或“修正〞|“表格〞子菜單中的命令可以拆分或合并單元格。另一種合并和拆分單元格的方法是：運用Dreamweaver中提供的添加和減少單元格所跨行數(shù)或列數(shù)的工具。假設(shè)要合并表格中的兩個或多個單元格，詳細操作步驟如下：5.9.1合并單元格步驟1選擇延續(xù)行中外形為矩形的單元格，所選部分必需是矩形的單元格，如右圖所示。步驟2執(zhí)行以下操作之一：選擇“修正〞|“表格〞|“合并單元格〞命令。在“屬性〞檢查器中單擊“合并所選單元格〞按鈕。選擇“修正〞|“表格〞|“拆分單元格〞命令。在“屬性〞檢查器中單擊“拆分單元格〞按鈕。單個單元格的內(nèi)容放置在最終的合并單元格中。所選的第一個單元格的屬性將運用于合并的單元格。假設(shè)要拆分單元格，詳細操作步驟如下：步驟1單擊單元格。步驟2執(zhí)行以下操作之一：5.9.2拆分單元格把單元格拆分：指定將單元格拆分成行還是列。行數(shù)/列數(shù)：指定將單元格拆分成多少行或列。步驟3翻開“拆分單元格〞對話框，指定如何拆分單元格，如右圖所示。步驟4單擊“確定〞按鈕5.10復(fù)制、粘貼和刪除單元格選擇“修正〞|“表格〞|“添加行寬〞命令或“添加列寬〞命令。選擇“修正〞|“表格〞|“減少行寬〞命令或“減少列寬〞命令?？梢砸淮螐?fù)制、粘貼或刪除單個表格單元格或多個單元格，并保管單元格的格式設(shè)置。假設(shè)要添加或減少單元格所跨的行寬或列寬，詳細操作步驟如下：步驟1選擇一個單元格。步驟2執(zhí)行以下操作之一：5.9.3添加或減少單元格所跨的行寬或列寬5.10.1剪切或復(fù)制表格單元格假設(shè)要剪切或復(fù)制表格單元格，詳細操作步驟如下：步驟2選擇“編輯〞|“剪切〞命令或“復(fù)制〞命令。留意：假設(shè)選擇了整個行或列，然后選擇“編輯〞|“剪切〞命令，那么將從表格中刪除整個行或列〔而不僅僅是單元格的內(nèi)容〕?？梢栽诓迦朦c或交換現(xiàn)有表格中的所選部分粘貼單元格。假設(shè)要粘貼多個表格單元格，剪貼板的內(nèi)容必需和表格的構(gòu)造或表格中將粘貼這些單元格的所選部分兼容。步驟1選擇延續(xù)行中外形為矩形的一個或多個單元格，所選部分必需是矩形的單元格，如右圖所示。5.10.2粘貼表格單元格假設(shè)要粘貼表格單元格，詳細操作步驟如下：假設(shè)要用正在粘貼的單元格交換現(xiàn)有的單元格，選擇一組與剪貼板上的單元格具有一樣規(guī)劃的現(xiàn)有單元格。例如，假設(shè)復(fù)制或剪切了一塊3×2的單元格，那么可以選擇另一塊3×2的單元格經(jīng)過粘貼進展交換。假設(shè)要在特定單元格上方粘貼一整行單元格，單擊該單元格。假設(shè)要在特定單元格左側(cè)粘貼一整列單元格，單擊該單元格。假設(shè)要用粘貼的單元格創(chuàng)建一個新表格，將插入點放置在表格之外。留意：假設(shè)剪貼板中的單元格不到一整行或一整列，并且單擊某個單元格然后粘貼剪貼板中的單元格，那么所單擊的單元格和與它相鄰的單元格能夠〔根據(jù)它們在表格中的位置〕被粘貼的單元格交換。步驟1選擇要粘貼單元格的位置：步驟2選擇“編輯〞|“粘貼〞命令。5.10.3刪除單元格內(nèi)容假設(shè)要刪除單元格內(nèi)容，但使單元格堅