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