一、格式化表格
表格的格式化主要包括表格的對齊方式、間距與邊距的調(diào)整、邊框的設(shè)置及背景的設(shè)置。大部分工作可以通過表格的屬性面板完成,
對齊:選定表格后,通過屬性面板中Align(對齊)設(shè)置表格在網(wǎng)頁中對齊方式:居中、居左或居右,如果你要使表格想去哪就去哪,想不去哪就不去哪,還得另想高招:
1、將表格放置到層中;
2、表格中嵌套表格。
CellPad(邊距)和CellSpace(間距):搞清楚兩個概念是關(guān)鍵:邊距是指單元格中文本與單元格邊框之間的距離,而間距是指單元格之間的距離,如圖2所示,兩者的單位都是象素,默認(rèn)情況下以間距2,邊距1的設(shè)置顯示表格。
表格的邊框:可設(shè)置顏色和寬度,在“Border(邊框)”域中默認(rèn)值是1,增大數(shù)值可使邊框?qū)挾仍黾?,形成立體邊框,若輸入的數(shù)值為“0”,則在瀏覽網(wǎng)頁時(shí)不顯示的表格的邊框,只顯示其中內(nèi)容,這在網(wǎng)頁設(shè)計(jì)中是應(yīng)用比較多的。通過“BrdrColor(邊框顏色)”域設(shè)置邊框的顏色。
表格背景:在“BgColor(背景顏色)”和“BgImage(背景圖象)”域中對背景可設(shè)置顏色和圖象,在設(shè)置背景圖象時(shí)若表格大于圖象,則圖象是重復(fù)出現(xiàn)的。有時(shí)可形成奇特效果。
二、格式化單元格
單元格的格式化包括單元格及其中內(nèi)容的格式化,通過單元格的屬性面板進(jìn)行設(shè)置,
單元格中文本:主要對字體、字號、顏色、對齊方式、是否換行等設(shè)置。在這里特別說明的是“NoWrap(換行)”的設(shè)置,默認(rèn)單元格中的文本“換行”的,如果內(nèi)容較長且要求相對完整,那么就要設(shè)置為“不換行”,選中“NoWrap”后的復(fù)選框即可,這樣在網(wǎng)頁瀏覽時(shí)表格的寬度可能超過顯示器屏幕。選中“Header”后復(fù)選框可將光標(biāo)所在行設(shè)置為標(biāo)題:文本加粗并自動居中。
單元格背景:在“Bg(背景)”域中給單元格加上背景顏色或圖象,方法與表格背景的設(shè)置相同。
單元格邊框:在“Border(邊框)”域中設(shè)置單元格的顏色。
三、使用設(shè)計(jì)方案格式化表格
使用“格式化表格”命令可以向表格快速應(yīng)用一個預(yù)置的設(shè)計(jì)。您可選擇選項(xiàng)定制該設(shè)計(jì)。若要使用預(yù)置設(shè)計(jì):
1、選定表格然后選擇“Commands/Format Table”。
2、在出現(xiàn)的對話框左邊列表中選擇一個設(shè)計(jì)方案,右邊將顯示該方案的一個樣本。
3、若要進(jìn)一步定制設(shè)計(jì),可以對“RowColor(行顏色)”,“TopRow(首行)”及“LeftCol(首列)”進(jìn)行修改。
4、若要修改邊框?qū)挾?,在“Border(邊框)”域中輸入一個數(shù)值,如果不需要邊框則輸入0。
5、若要對表格單元格(td標(biāo)簽)而不是表格行(tr標(biāo)簽)應(yīng)用設(shè)計(jì),請選擇“Apply All Attributes to TD Tags Instead of TR Tags(將所有屬性應(yīng)用到TD標(biāo)簽而不是TR標(biāo)簽)”。
表格單元格格式化會覆蓋您為該單元格所在行指定的一切格式。然而,如果您需要行中的所有單元格都格式化到一種格式,那么最好是格式化該行而不是該行的每個單元格,這樣可以得到更加清楚而簡練的HTML源代碼。
6、點(diǎn)擊“應(yīng)用”或“確定”以使用選定的設(shè)計(jì)格式化表格。
四、格式化表格與單元格中的幾個順序問題
如果同時(shí)設(shè)置了表格背景和單元格背景,會出現(xiàn)何種現(xiàn)象呢?即那一種設(shè)置優(yōu)先呢?
當(dāng)在“文檔”窗口中格式化表格時(shí),您可以定義要應(yīng)用到整個表格或是選定的行,列,單元格的屬性。當(dāng)某屬性,如背景顏色或?qū)R方式,對整個表格設(shè)置與對表格某些單元格的設(shè)置不同時(shí),理解Dreamweaver如何解釋HTML源代碼就很有用了。
當(dāng)同樣的屬性在表格中被多于一次設(shè)置時(shí),Dreamweaver將采用如下的解釋方式:單元格格式(td標(biāo)簽的一部分)優(yōu)先權(quán)高于行格式(tr標(biāo)簽),而行格式的優(yōu)先權(quán)高于表格格式(table標(biāo)簽)。所以,如果您為一個單元格指定其背景色為藍(lán)色,而將整個表格背景色設(shè)置為黃色,該藍(lán)色的單元格并不會變?yōu)辄S色,因?yàn)閠d標(biāo)簽的優(yōu)先權(quán)高于table標(biāo)簽。