DREAMWEAVER 官方教程 第章_第1頁
DREAMWEAVER 官方教程 第章_第2頁
DREAMWEAVER 官方教程 第章_第3頁
DREAMWEAVER 官方教程 第章_第4頁
DREAMWEAVER 官方教程 第章_第5頁
已閱讀5頁,還剩40頁未讀, 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

第5章表格的應用關于表格插入表格導入和導出表格式數據選擇表格元素使用“擴展表格”模式編輯表格設置表格和單元格的格式調整表格、列和行的大小添加及刪除行和列拆分和合并單元格復制、粘貼和刪除單元格嵌套表格對表格進行排序5.1關于表格表格是用于在HTML頁上顯示表格式數據以及對文本和圖形進行布局的強有力的工具。表格由一行或多行組成;每行又由一個或多個單元格。雖然HTML代碼中通常不明確指定列,但Dreamweaver允許操作列、行和單元格。當選定了表格或表格中有插入點時,Dreamweaver會顯示表格寬度和每個表格列的列寬。寬度旁邊是表格標題菜單與列標題菜單的箭頭。使用菜單可以快速訪問一些與表格相關的常用命令。根據需要可以啟用或禁用寬度和菜單。如果未看到表的寬度或列的寬度,說明沒有在HTML代碼中指定該表或列的寬度。如果出現2個數字,說明“設計”視圖中顯示的可視寬度與HTML代碼中指定的寬度不一致。當拖動表格的右下角來調整表格的大小,或將內容添加到比設置寬度大的單元格時會發生這種情況。例如,如果將某列的寬度設置為200像素,而添加的內容將寬度延長為250像素,則該列將顯示兩個數字:“200”(代碼中指定的寬度)和“(250)”(位于括號中,表示該列呈現在屏幕上的可視寬度)。5.1.1HTML中的表格格式設置優先順序當在“設計”視圖中對表格進行格式設置時,可以設置整個表格或表格中所選行、列或單元格的屬性。如果將整個表格的某個屬性(例如背景顏色或對齊)設置為一個值,而將單個單元格的屬性設置為另一個值,則單元格格式設置優先于行格式設置,行格式設置又優先于表格格式設置。表格格式設置的優先順序如下:(1)單元格。(2)行。(3)表格。例如,如果將單個單元格的背景顏色設置為藍色,然后將整個表格的背景顏色設置為黃色,則藍色單元格不會變為黃色,因為單元格格式設置優先于表格格式設置。注意:當設置列的屬性時,Dreamweaver更改對應于該列中每個單元格的td標簽的屬性。5.2插入表格使用“插入”工具欄或“插入”菜單來創建一個新表格。然后,按照在表格外添加文本和圖像的方式,向表格單元格中添加文本和圖像。只要整個選擇部分的單元格形成一行或一個矩形,便可以合并任意數目的相鄰的單元格,以生成一個跨多個列或行的單元格。可以將單元格拆分成任意數目的行或列,而不管之前它是否是合并的。Dreamweaver可以自動重新構造表格(添加任何必需的colspan或rowspan屬性),以創建指定的排列方式。在下圖中,前兩行中間的單元格已經合并成一個跨兩行的單元格。5.1.2關于拆分和合并表格單元格步驟1在“文檔”窗口的“設計”視圖中,將插入點放在需要表格出現的位置。注意:如果文檔是空白的,則只能將插入點放置在文檔的開頭。步驟2執行下列操作之一:選擇“插入”|“表格”命令。在“插入”工具欄的“常用”類別中,單擊

“表格”按鈕。步驟3打開“表格”對話框,如右圖所示,在“表格大小”區域中指定下列選項:行數:確定表格具有的行的數目。列數:表格寬度:指定表格的寬度,在其右側的下拉列表框中選擇像素或百分比。邊框粗細:指定表格邊框的寬度(以像素為單位)。確定表格具有的列的數目。提示:如果沒有明確指定邊框粗細的值,則大多數瀏覽器按邊框粗細設置為1顯示表格。若要確保瀏覽器顯示的表格沒有無邊框,將邊框粗細設置為0。無:對表不啟用列或行標題。左:可以將表的第一列作為標題列,以便為表中的每一行輸入一個標題。頂部:可以將表的第一行作為標題行,以便為表中的每一列輸入一個標題。兩者:能夠在表中輸入列標題和行標題。提示:如果沒有明確指定單元格間距和單元格邊距的值,大多數瀏覽器按單元格邊距都設置為1,單元格間距設置為2顯示表格。若要確保瀏覽器不顯示表格中的邊距和間距,將“單元格邊距”和“單元格間距”設置為0。步驟4在“頁眉”區域中選擇一個標題選項:提示:最好使用標題,以方便使用屏幕閱讀器的Web站點訪問者。屏幕閱讀器讀取表格標題并且幫助屏幕閱讀器用戶跟蹤表格信息。單元格邊距:確定單元格邊框和單元格內容之間的像素數。單元格間距:確定相鄰的表格單元格之間的像素數。步驟5在“輔助功能”區域中指定下列選項:標題:提供了一個顯示在表格外的表格標題。5.3導入和導出表格式數據對齊標題:指定表格標題相對于表格的顯示位置。摘要:給出表格的說明。屏幕閱讀器可以讀取摘要文本,但是該文本不會顯示在用戶的瀏覽器中。步驟6單擊“確定”按鈕??梢詫⒃诹硪粋€應用程序(例如MicrosoftExcel)中創建,并以分隔文本的格式(其中的項以制表符、逗號、冒號、分號或其他分隔符隔開)保存的表格式數據導入到Dreamweaver中,并設置為表格的格式。也可以將表格數據從Dreamweaver導出到文本文件中,相鄰單元格的內容由分隔符隔開。可以使用逗號、冒號、分號或空格作為分隔符。當導出表格時,將導出整個表格,不能選擇導出部分表格。提示:如果只需要表格中的某些數據(例如前六行或前六列),則復制包含這些數據的單元格,將這些單元格粘貼到表格外(創建新表格),然后導出這個新表格。5.3.1導入表格數據選擇“文件”|“導入”|“表格式數據”命令。選擇“插入”|“表格對象”|“導入表格式數據”命令。數據文件:輸入要導入的文件的名稱。單擊“瀏覽”按鈕選擇一個文件。若要導入表格數據,具體操作步驟如下:步驟1執行下列操作之一:步驟2打開“導入表格式數據”對話框,輸入有關包含數據的文件的信息,如右圖所示。定界符:在下拉列表框中選擇導入的文件中所使用的分隔符。如果選擇“其他”,在其右側會出現文本框,輸入文件中使用的定界符。注意:確保指定保存數據文件時使用的定界符。如果未能指定定界符,則無法正確地導入文件,也無法在表格中對您的數據進行正確的格式設置。若要導出表格,具體操作步驟如下:步驟1將插入點放置在表格中的任意單元格中。步驟2選擇“文件”|“導出”|“表格”命令。5.3.2導出表格表格寬度:將創建表格的寬度。選擇“匹配內容”單選按鈕,可使每個列足夠寬以適應該列中最長的文本字符串。選擇“設置為”單選按鈕,將以像素為單位指定固定的表格寬度,或按占瀏覽器窗口寬度的百分比指定表格寬度。單元格邊距:輸入單元格內容和單元格邊框之間的像素數。單元格間距:輸入相鄰的表格單元格之間的像素數。格式化首行:從下拉列表框中選擇應用于表格首行的格式設置:無格式、粗體、斜體或加粗斜體。邊框:輸入表格邊框的寬度(以像素為單位)。步驟3單擊“確定”按鈕。定界符:在下拉列表框中選擇在導出的文件中隔開各項的分隔符。步驟3打開“導出表格”對話框,指定導出表格的選項,如右圖所示。步驟4單擊“導出”按鈕。步驟5打開“表格導出為”對話框,輸入文件名稱,單擊“保存”按鈕。換行符:在下拉列表框中選擇將在哪個操作系統中打開導出的文件:Windows、Macintosh還是UNIX(不同的操作系統具有不同的指示文本行結尾的方式)。5.4選擇表格格元素可以一次次選擇整整個表、、行或列列。也可可以選擇擇一個或或多個單單獨的單單元格。。當將鼠標標指針移移動到表表格、行行、列或或單元格格上時,,Dreamweaver將高亮顯顯示選擇擇區域中中的所有有單元格格,以便便用戶確確切了解解選中了了哪些單單元格。。當表格格沒有邊邊框、單單元格跨跨多列或或多行或或者表格格嵌套時時,這一一點很有有用。可可以在首首選參數數中更改改高亮顏顏色。定界符::在下拉拉列表框框中選擇擇在導出出的文件件中隔開開各項的的分隔符符。步驟3打開“導導出表格格”對話話框,指指定導出出表格的的選項,,如右圖圖所示。。步驟4單擊“導導出”按按鈕。步驟5打開“表表格導出出為”對對話框,,輸入文文件名稱稱,單擊擊“保存存”按鈕鈕。換行符::在下拉拉列表框框中選擇擇將在哪哪個操作作系統中中打開導導出的文文件:Windows、Macintosh還是UNIX(不同的的操作系系統具有有不同的的指示文文本行結結尾的方方式)。。提示:如如果將鼠鼠標指針針定位到到表格邊邊框上,,則按住住Ctrl鍵,則該該表格的的整個表表格結構構(即表表格中的的所有單單元格))將高亮亮顯示。。當表格格有嵌套套并且希希望查看看其中一一個表格格的結構構時,這這一點很很有用。。若要更改改用于選選擇表格格元素的的高亮顯顯示顏色色,具體體操作步步驟如下下:步驟1選擇“編編輯”|“首選參參數”命命令,打打開“首首選參數數”對話話框。更改表格格元素的的高亮顯顯示顏色色步驟2從左側的的“分類類”列表表框中選選擇“標標記色彩彩”,如如右圖所所示。步驟3進行下面面其中一一項更改改:要更改表表格元素素的高亮亮顏色,,單擊““鼠標滑滑過”顏顏色框并并使用顏顏色選擇擇器來選選擇一種種高亮顏顏色,或或者在文文本框中中輸入高高亮顏色色的十六六進制值值。單擊表格格的左上上角、表表格的頂頂邊緣或或底邊緣緣的任何何位置或或者行或或列的邊邊框。若要選擇擇整個表表格,執執行下列列操作之之一:選取表格格注意:這這些選項項會影響響鼠標指指針所到到之處Dreamweaver高亮顯示示的所有有對象,,例如層層和“布布局”模模式視圖圖表格及及單元格格。步驟4單擊“確確定”按按鈕。若要對表表格元素素啟用或或禁用高高亮顯示示功能,,選擇或或取消選選擇“鼠鼠標滑過過”右側側的“顯顯示”復復選框。。注意:當當用戶可可以選擇擇表格時時,鼠標標指針會會變成表表格網格格圖標((除非單單擊行或或列邊框框)。單擊某個個表格單單元格,,然后在在“文檔檔”窗口口左下角角的標簽簽選擇器器中選擇擇<table>標簽。單擊某個個表格單單元格,,然后選選擇“修修改”|“表格””|“選擇表表格”命命令。若要選擇擇單個或或多個行行或列,,具體操操作步驟驟如下::步驟1定位鼠標標指針使使其指向向行的左左邊緣或或列的上上邊緣。。步驟2當鼠標指指針變為為選擇箭箭頭或時,單擊擊以選擇擇單個行行或列,,或進行行拖動以以選擇多多個行或或列,如如下圖所所示。選擇行或或列所選表格格的下邊邊緣和右右邊緣出出現選擇擇柄,如如右圖所所示。單擊某個個表格單單元格,,單擊表表格標題題菜單,,然后選選擇“選選擇表格格”,如如右圖所所示。單擊單元元格,然然后在““文檔””窗口左左下角的的標簽選選擇器中中選擇<td>標簽。按住Ctrl鍵單擊要要選擇的的單元格格。單擊單元元格,然然后選擇擇“編輯輯”|“全選””命令。。提示:也也可以單單擊列標標題,從從下拉菜菜單中選選擇“選選擇列””命令,,如右圖圖所示。。可以選擇擇單個單單元格、、一行單單元格或或單元格格塊或者者不相鄰鄰的單元元格。選擇單元元格1.選擇單單個單元元格若要選擇擇單個單單元格,,執行下下列操作作之一::提示:選選擇了一一個單元元格后再再次選擇擇“編輯輯”|“全選””可以選選擇整個個表格。。從一個單單元格拖拖到另一一個單元元格。單擊一個個單元格格,在同同一個單單元格中中按住Ctrl鍵的同時時單擊以以選中它它,然后后按住Shift鍵單擊另另一個單單元格。。若要選擇擇一行或或矩形的的單元格格塊,執執行下列列操作之之一:若要選擇擇不相鄰鄰的單元元格,在在按住Ctrl鍵的同時時單擊要要選擇的的單元格格、行或或列。如果按住住Ctrl鍵單擊尚尚未選中中的單元元格、行行或列,,則會將將其選中中。如果果它已經經被選中中,則再再次單擊擊會將其其從選擇擇中刪除除。3.選擇不不相鄰的的單元格格2.選擇一一行或矩矩形的單單元格塊塊這兩個單單元格定定義的直直線或矩矩形區域域中的所所有單元元格都將將被選中中。5.5使用“擴擴展表格格”模式式編輯表表格“擴展表表格”模模式臨時時向文檔檔中的所所有表格格添加單單元格邊邊距和間間距,并并且增加加表格的的邊框以以使編輯輯操作更更加容易易。利用用這種模模式,可可以選擇擇表格中中的項目目或者精精確地放放置插入入點。例如,可可能擴展展一個表表格以便便將插入入點放置置在圖像像的左邊邊或右邊邊,從而而避免無無意中選選中該圖圖像或表表格單元元格,如如下圖所所示。注意:一一旦做出出選擇或或放置插插入點,,應該回回到“設設計”視視圖的““標準””模式來來進行編編輯。調調整大小小等的一一些可視視操作在在“擴展展表格””模式中中不會產產生預期期結果。。切換到““擴展表表格”模模式選擇“查查看”|“表格模模式”|“擴展表表格模式式”命令令。在“插入入”工具具欄的““布局””類別中中單擊““擴展表表格模式式”按鈕鈕。若要切換換到“擴擴展表格格”模式式,具體體操作步步驟如下下:步驟1確保正在“設設計”視圖中中工作。步驟2執行下列操作作之一:在“文檔”窗窗口的頂部出出現標有“擴擴展表格模式式”的條,如如右圖所示。。Dreamweaver可向頁面上的的所有表格添添加單元格邊邊距與間距,,并增加表格格邊框。5.6設置表格和單單元格的格式式可以通過設置置表格及表格格單元格的屬屬性或將預先先設置的設計計應用于表格格來更改表格格的外觀。若要退出“擴擴展表格”模模式,執行下下列操作之一一:退出“擴展表表格”模式在“文檔”窗窗口頂部標有有“擴展表格格模式”的條條中,單擊““退出”。選擇“查看””|“表格模式””|“標準模式””命令。在“插入”工工具欄的“布布局”類別中中單擊“標準準模式”按鈕鈕。查看和設置表表格、單元格格、行和列的的屬性水平:指定單單元格、行或或列內容的水水平對齊方式式。可以將內內容對齊到單單元格的左側側、右側或使使之居中對齊齊,也可以指指示瀏覽器使使用其默認的的對齊方式((通常常規單單元格為左對對齊,標題單單元格為居中中對齊)。垂直:指定單單元格、行或或列內容的垂垂直對齊方式式??梢詫葍热輰R到單單元格的頂端端、中間、底底部或基線,,或者指示瀏瀏覽器使用其其默認的對齊齊方式(通常常是居中對齊齊)。當選擇了某個個表格或單元元格后,使用用屬性檢查器器可以查看和和更改它的屬屬性。具體操操作步驟如下下:步驟1選擇表格、單單元格、行或或列。步驟2在“屬性”檢檢查器中,根根據需要更改改屬性,如下下圖所示。寬和高:是以以像素為單位位或按占整個個表格寬度或或高度百分比比計算的所選選單元格的寬寬度和高度。。若要指定百百分比,在值值后面使用百百分比符號(%)。若要讓瀏覽覽器根據單元元格的內容以以及其他列和和行的寬度和和高度確定適適當的寬度或或高度,將此此域留空(默默認設置)。。“背景”文本本框:輸入單單元格、列或或行的背景圖圖像的文件名名。單擊“單元格背景景URL”圖標瀏覽到到某個圖像,,或單擊“指向文件””圖標選擇某某個圖像文件件。“背景”顏色色框:使用顏顏色選擇器選選擇的單元格格、列或行的的背景顏色。。“邊框”顏色色框:選擇單單元格的邊框框顏色。提示:默認情情況下,瀏覽覽器選擇一列列的寬度來容容納列中最寬寬的圖像或最最長的行。這這就是為什么么當用戶將內內容添加到某某個列時,該該列有時變得得比表格中其其他列寬得多多的原因。注意:可以按按占表格總高高度的百分比比指定一個高高度,但是瀏瀏覽器中行可可能不以指定定的百分比高高度顯示?!昂喜卧窀瘛卑粹o:可可以將所選的的單元格、行行或列合并為為一個單元格格。只有當單單元格形成矩矩形或直線的的塊時才可以以合并這些單單元格?!安鸱謫卧窀瘛卑粹o:可可以將一個單單元格分成兩兩個或更多單單元格。一次次只能拆分一一個單元格;;如果選擇的的單元格多于于一個,則此此按鈕將禁用用。不換行:選中中此復選框可可以防止換行行,從而使給給定單元格中中的所有文本本都在一行上上,當輸入數數據或將數據據粘貼到單元元格時單元格格會加寬來容容納所有數據據。通常,單單元格在水平平方向擴展以以容納單元格格中最長的單單詞或最寬的的圖像,然后后根據需要在在垂直方向進進行擴展以容容納其他內容容。標題:選中此此復選框可以以將所選的單單元格格式設設置為表格標標題單元格。。默認情況下下,表格標題題單元格的內內容為粗體并并且居中。注意:當設置置列的屬性時時,Dreamweaver更改對應于該該列中每個單單元格的td標簽的屬性。。但是,當設設置行的某些些屬性時,Dreamweaver將更改tr標簽的屬性而而不是行中每每個td標簽的屬性。。在將同一種種格式應用于于行中的所有有單元格時,,將格式應用用于tr標簽會生成更更簡明易懂的的HTML代碼。編輯表格的輔輔助功能屬性性若要編輯表格格題注,高亮亮顯示此題注注,然后鍵入入新題注。如果插入表格格時沒有為表表格添加輔助助功能屬性,,但是以后需需要添加這些些屬性,或者者如果需要編編輯輔助功能能屬性,可以以在“代碼””視圖或“設設計”視圖中中添加或編輯輯輔助功能屬屬性。若要在“代碼碼”視圖中添添加或編輯表表格的輔助功功能值,在代代碼中編輯適適當的屬性。。提示:若要快快速找到代碼碼中的標簽,,單擊表格,,然后選擇““文檔”窗口口底部的標簽簽選擇器中的的<table>標簽。若要在“設計計”視圖中添添加或編輯表表格的輔助功功能值,執行行下列操作之之一:若要編輯題注注對齊,將插插入點放置在在表格的題注注中,單擊鼠鼠標右鍵,從從快捷菜單中中選擇“編輯輯標簽”命令令,打開“標標簽編輯器””對話框,設設置所需的輔輔助功能,如如右圖所示。。若要編輯表格格摘要,選擇擇該表格,單單擊鼠標右鍵鍵,從快捷菜菜單中選擇““編輯標簽””命令。使用“表格格格式設置”命命令將預先設設置的設計快快速應用到表表格。然后,,可以選擇選選項進一步自自定義該設計計。注意:只能對對簡單的表格格使用預先設設定的設計進進行格式設置置。不能使用用這些設計針針對包含合并并單元格(colspan或rowspan)、列組或任任何其他表格格(這些表格格不是由簡單單的矩形單元元格網格組成成)的表格進進行格式設置置。若要使用預先先設置的表格格設計,具體體操作步驟如如下:步驟1選擇表格。步驟2選擇“命令””|“格式化表格格”命令,打打開“表格格格式設置”對對話框。步驟3從左上方的列列表框中選擇擇設計方案,,示例表格顯顯示所選設計計的示例,如如下圖所示。。使用設計方案案對表格進行行格式設置行顏色:指定定應用于行的的顏色,以及及顏色交替的的頻率。第一行:指定定表格第一行行(可能包含含列標題)的的對齊方式、、文本樣式、、背景顏色和和文本顏色。。步驟4根據需要指定定下列選項::最左列:指定定表格最左列列(可能包含含行標題)的的對齊方式和和文本樣式。。邊框:指定表表格邊框的寬寬度(以像素素為單位)。。將所有屬性應應用于TD標簽而不是TR標簽:可以將將設計應用于于表格單元格格(td標簽)而不是是表格行(tr標簽)。提示:默認情情況下,“格格式化表格””對話框中指指定的格式設設置應用于整整個行而不是是單個單元格格。在將同一一種格式應用用于行中的所所有單元格時時,將格式應應用于tr標簽會生成更更簡明易懂的的HTML代碼。但是,,此選項允許許將格式設置置應用于單個個單元格(如如果這是用戶戶的編碼偏好好的話)。步驟5單擊“應用””或“確定””按鈕,用所所選的設計對對表格進行格格式設置。5.7調整表格、列列和行的大小小如果調整表格格單元格大小小比較麻煩,,可以清除列列寬或行高并并重新開始。。有時HTML代碼中設置的的列寬度與它它們在屏幕上上的外觀寬度度不匹配。發發生這種情況況時,可以使使寬度一致。。Dreamweaver中可以顯示表表格與列的寬寬度和標題菜菜單,能夠幫幫助用戶對表表格進行布局局,也可以根根據需要啟用用或禁用寬度度和菜單??梢酝ㄟ^拖拖動表格的的一個選擇擇柄來調整整表格的大大小。當選選中表格或或表格中的的插入點時時,Dreamweaver將在該表格格的頂部或或底部顯示示表格寬度度和表格標標題菜單。。注意:如果果需要,可可以禁用表表格寬度和和表格標題題菜單。當調整整個個表格的大大小時,表表格中的所所有單元格格按比例更更改大小。。如果表格格的單元格格指定了明明確的寬度度或高度,,則調整表表格大小將將更改“文文檔”窗口口中單元格格的可視大大小,但不不更改這些些單元格的的指定寬度度和高度。。調整表格大大小若要在水平平方向調整整表格的大大小,拖動動右邊的選選擇柄。若要在垂直直方向調整整表格的大大小,拖動動底部的選選擇柄。若要在兩個個方向調整整表格的大大小,拖動動右下角的的選擇柄。。若要調整表表格的大小小,具體操操作步驟如如下:步驟1選擇要調整整大小的表表格,表格格周圍出現現選擇柄,,如右圖所所示。步驟2執行下列操操作之一::可在屬性檢檢查器中或或通過拖動動列或行的的邊框來更更改列寬或或行高。如如果調整大大小比較麻麻煩,可以以清除列寬寬或行高然然后重新開開始。注意:還可可以使用““代碼”視視圖直接在在HTML代碼中更改改單元格的的寬度和高高度。當選中表格格或表格中中的插入點點時,Dreamweaver將在列的頂頂部或底部部顯示列寬寬度和列標標題菜單。。調整列和行行的大小若要更改列列寬度并保保持整個表表的寬度不不變,拖動動想更改的的列的右邊邊框,如右右圖所示。。相鄰列的的寬度也更更改了,因因此實際上上調整了兩兩列的大小小??梢暬答亴@顯示如何對對列進行調調整;表格格的總寬度度不改變。。若要更改某某個列的寬寬度并保持持其他列的的大小不變變,按住Shift鍵,然后拖拖動列的邊邊框,如右右圖所示。。這個列的的寬度就會會改變??煽梢暬答侌亴@示各各列如何調調整;表的的總寬度將將更改以容容納正在調調整的列。。注意:在基基于百分比比寬度(而而不是像素素)的表格格中,如果果拖動最右右邊的列的的右邊框,,整個表格格的寬度會會變化,并并且所有的的列都會按按比例的變變寬或變窄窄。提示:可以以按像素或或百分比指指定寬度和和高度,并并且可以在在像素和百百分比之間間互相轉換換。若要以可視視方式調整整行高,拖拖動行的下下邊框。若要使用屬屬性檢查器器設置列寬寬或行高,,選擇列或或行,然后后在“屬性性”檢查器器的“寬””文本字段段中輸入列列寬,或在在“高”文文本字段中中輸入行高高。按Tab鍵或Enter鍵應用該值值。使代碼中的的列寬與可可視寬度一一致如果看到一一個列的寬寬度有兩個個數字,說說明HTML代碼中設置置的列寬度度與這些列列在屏幕上上的外觀寬寬度不匹配配。可以使使代碼中指指定的寬度度與可視寬寬度相匹配配。若要使寬度度一致,具具體操作步步驟如下::步驟1單擊一個單單元格。步驟2單擊表格標標題菜單,,然后選擇擇“使所有有寬度一致致”,如右右圖所示。。步驟3Dreamweaver重置代碼中中指定的寬寬度以匹配配可視寬度度。清除設置的的寬度和高高度在調整表格格大小前或或調整表格格或單個列列或行遇到到困難而想想重新開始始時,可能能需要清除除設置的寬寬度和高度度。選擇“修改改”|“表格”|“清除單元元格寬度””命令或““清除單元元格高度””命令。在“屬性””檢查器中中,單擊““清除行高高”按鈕或或“清除列列寬”按鈕鈕。若要清除表表格中所有有設置的寬寬度和高度度,具體操操作步驟如如下:步驟1選擇表格。。步驟2執行下列操操作之一::1.清除表格格中所有設設置的寬度度和高度注意:當拖拖動其中一一個選擇柄柄來調整表表格的大小小時,改變變了表格中中的單元格格的可視大大小,但是是沒有更改改單元格的的任何指定定的寬度或或高度。調調整大小前前最好清除除設置的寬寬度和高度度。單擊表格標標題菜單,,然后選擇擇“清除所所有高度””命令或““清除所有有寬度”命命令,如右右圖所示。。顯示表格和和列的寬度度和菜單選擇“查看看”|“可視化助助理”|“表格寬度度”命令。。使用鼠標右右鍵單擊該該表格,從從快捷菜單單中選擇““表格”|“表格寬度度”命令。。當選中表格格或表格中中有插入點點時,Dreamweaver會顯示表格格和列的寬寬度以及訪訪問表格標標題菜單和和列標題菜菜單的箭頭頭。根據需需要可以啟啟用和禁用用寬度和菜菜單,執行行下列操作作之一:若要清除設設置的列寬寬度,具體體操作步驟驟如下:步驟1在該列中單單擊鼠標。。步驟2單擊列標題題菜單,然然后選擇““清除列寬寬”命令。。2.清除設置置的列寬度度5.8添加及刪除除行和列若要添加和和刪除行和和列,使用用“修改””|“表格”或或列標題菜菜單。提示:在表表格的最后后一個單元元格中按Tab鍵會自動在在表格中另另外添加一一行。若要添加單單個行或列列,具體操操作步驟如如下:步驟1單擊一個單單元格。步驟2執行下列操操作之一::添加單個行行或列單擊列標題題菜單,然然后選擇““左側插入入列”命令令或“右側側插入列””命令,如如右圖所示示。在插入入點的左側側或右側出出現一列。。選擇“修改改”|“表格”|“插入行””命令或者者“插入列列”命令。。在插入點點的上面出出現一行或或在插入點點的左側出出現一列。。添加多行或或多列插入:指示示是插入行行還是列。。若要添加多多行或多列列,具體操操作步驟如如下:步驟1單擊一個單單元格,選選擇“修改改”|“表格”|“插入行或或列”命令令。若要刪除某某行或列,,執行下列列操作之一一:刪除行或列列步驟2打開“插入入行或列””對話框,,如右圖所所示。設置置下列選項項:行數或列數數:輸入要要插入的行行或列的數數目。位置:指定定新行或新新列應該顯顯示在所選選單元格所所在行或列列的前面還還是后面。。步驟3單擊“確定定”按鈕。。增加或減少少“行”文文本框中的的值以添加加或刪除行行,如下圖圖所示,Dreamweaver在表格的底底部添加和和刪除行。。若要使用““屬性”檢檢查器添加加或刪除行行/列,具體操操作步驟如如下:步驟1選擇表格。。步驟2在“屬性””檢查器中中,執行下下列操作之之一:使用“屬性性”檢查器器添加或刪刪除行/列單擊要刪除除的行或列列中的一個個單元格,,然后選擇擇“修改””|“表格”|“刪除行””命令或““刪除列””命令。選擇完整的的一行或列列,然后選選擇“編輯輯”|“清除”命命令或按Delete鍵,整個行行或列即從從表格中消消失。增加或減少少“列”文文本框中的的值以添加加或刪除列列,Dreamweaver在表格的右右邊添加和和刪除列。。5.9拆分和合并并單元格使用“屬性性”檢查器器或“修改改”|“表格”子子菜單中的的命令可以以拆分或合合并單元格格。另一種種合并和拆拆分單元格格的方法是是:使用Dreamweaver中提供的增增加和減少少單元格所所跨行數或或列數的工工具。若要合并表表格中的兩兩個或多個個單元格,,具體操作作步驟如下下:合并單元格格步驟1選擇連續行行中形狀為為矩形的單單元格,所所選部分必必須是矩形形的單元格格,如右圖圖所示。步驟2執行下列操操作之一::選擇“修改改”|“表格”|“合并單元元格”命令令。在“屬性””檢查器中中單擊“合并所選選單元格””按鈕。選擇“修改改”|“表格”|“拆分單元元格”命令令。在“屬性””檢查器中中單擊“拆分分單元格””按鈕。單個單元格格的內容放放置在最終終的合并單單元格中。。所選的第第一個單元元格的屬性性將應用于于合并的單單元格。若要拆分單單元格,具具體操作步步驟如下::步驟1單擊單元格格。步驟2執行下列操操作之一::拆分單元格格把單元格拆拆分:指定定將單元格格拆分成行行還是列。。行數/列數:指定定將單元格格拆分成多多少行或列列。步驟3打開“拆分分單元格””對話框,,指定如何何拆分單元元格,如右右圖所示。。步驟4單擊“確定定”按鈕5.10復制、粘貼貼和刪除單單元格選擇“修改改”|“表格”|“增加行寬寬”命令或或“增加列列寬”命令令。選擇“修改改”|“表格”|“減少行寬寬”命令或或“減少列列寬”命令令??梢砸淮螐蛷椭啤⒄迟N貼或刪除單單個表格單單元格或多多個單元格格,并保留留單元格的的格式設置置。若要增加或或減少單元元格所跨的的行寬或列列寬,具體體操作步驟驟如下:步驟1選擇一個單單元格。步驟2執行下列操操作之一::增加或減少少單元格所所跨的行寬寬或列寬剪切或復制制表格單元元格若要剪切或或復制表格格單元格,,具體操作作步驟如下下:步驟2選擇“編輯輯”|“剪切”命命令或“復復制”命令令。注意:如果果選擇了整整個行或列列,然后選選擇“編輯輯”|“剪切”命命令,則將將從表格中中刪除整個個行或列((而不僅僅僅是單元格格的內容))??梢栽诓迦肴朦c或替換換現有表格格中的所選選部分粘貼貼單元格。。若要粘貼貼多個表格格單元格,,剪貼板的的內容必須須和表格的的結構或表表格中將粘粘貼這些單單元格的所所選部分兼兼容。步驟1選擇連續行行中形狀為為矩形的一一個或多個個單元格,,所選部分分必須是矩矩形的單元元格,如右右圖所示。。粘貼表格單單元格若要粘貼表表格單元格格,具體操操作步驟如如下:若要用正在在粘貼的單單元格替換換現有的單單元格,選選擇一組與與剪貼板上上的單元格格具有相同同布局的現現有單元格格。例如,,如果復制制或剪切了了一塊3×2的單元格,,則可以選選擇另一塊塊3×2的單元格通通過粘貼進進行替換。。若要在特定定單元格上上方粘貼一一整行單元元格,單擊擊該單元格格。若要在特定定單元格左左側粘貼一一整列單元元格,單擊擊該單元格格。若要用粘貼貼的單元格格創建一個個新表格,,將插入點點放置在表表格之外。。注意:如果果剪貼板中中的單元格格不到一整整行或一整整列,并且且單擊某個個單元格然然后粘貼剪剪貼板中的的單元格,,則所單擊擊的單元格格和與它相相鄰的單元元格可能((根據它們們在表格中中的位置))被粘貼的的單元格替替換。步驟1選擇要粘貼貼單元格的的位置:步驟2選擇“編輯輯”|“粘貼”命命令。刪除單元格格內容若要刪除單單元格內容容,但使單單元格保持持原樣,具具體操作步步驟如下::若要刪除包包含合并單單元格的行行或列,具具體操作步步驟如下::步驟1選擇行或列列。步驟2選擇“修改改”|“表格”|“刪除行””命令或““刪除列””命令。刪除包含合合并單元格格的行或列列步驟1選擇一個或或多個單元元格。注意:確保保所選部分分不是完全全由完整的的行或列組組成的。步驟2選擇“編輯輯”|“清除”命命令或按Delete鍵。注意:如果果在選擇““編輯”|“清除”命命令或按Delete鍵時只選擇擇了完整的的行或列,,則將從表表格中刪除除整個行或或列,而不不僅僅是它它們的內容容。5.11嵌套表格嵌套表格是是在另一個個表格的單單元格中的的表格,如如下圖所示示??梢韵裣駥θ魏纹淦渌砀褚灰粯訉η短滋妆砀襁M行行格式設置置;但是,,其寬度受受它所在單單元格的寬寬度的限制制。若要要在在表表格格單單元元格格中中嵌嵌套套表表格格,,具具體體操操作作步步驟驟如如下下::步驟驟1單擊擊現現有有表表格格中中的的一一個個單單元元格格。。步驟驟2選擇擇““插插入入””|“表表格格””命命令令,,打打開開““表表格格””對對話話框框。。步驟驟3設置置嵌嵌套套表表格格的的行行數數與與列列數數。。步驟驟4單擊擊““確確定定””按按鈕鈕。。5.12對表表格格進進行行排排序序可以以根根據據單單個個列列的的內內容容對對表表格格中中的的行行進進行行排排序序,,還還可可以以根根據據兩兩個個列列的的內內容容執執行行更更加加復復雜雜的的表表格格排排序序。。不能能對對包包含含colspan或rowspan屬性性的的表表格格((即即包包含含合合并并單單元元格格的的表表格格))進進行行排排序序。。若要要對對表表格格進進行行排排序序,,具具體體操操作作步步驟驟如如下下::步驟驟1選擇擇表表格格或或單單擊擊任任意意單單元元格格。。步驟驟2選擇擇““命命令令””|“排排序序表表格格””命命令令,,打打開開““排排序序表表格格””對對話話框框,,如如右右圖圖所所示示。。步驟驟3根據據需需要要設設置置下下列列選選項項::排序序按按::可可以以確確定定哪哪個個列列的的值值將將用用于于對對表表格格的的行行進進行行排排序序。。順序序::確確定定是是按按字字母母還還是是按按數數字字順順序序以以及及是是以以升升序序((A到Z,小小數數字字到到大大數數字

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論