DREAMWEAVER 官方教程 第5章_第1頁
DREAMWEAVER 官方教程 第5章_第2頁
DREAMWEAVER 官方教程 第5章_第3頁
DREAMWEAVER 官方教程 第5章_第4頁
DREAMWEAVER 官方教程 第5章_第5頁
已閱讀5頁,還剩39頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

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

溫馨提示

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

最新文檔

評論

0/150

提交評論