在Dreamweaver設(shè)計網(wǎng)頁時設(shè)置表格的屬性,可以通過【屬性】面板完成。設(shè)置表格屬性的具體操作步驟如下。
【操作步驟】
第1步,啟動Dreamweaver,新建HTML文檔,保存為test.html。
第2步,在頁面中插入一個3行3列的表格,選中整個表格。
第3步,選擇【窗口】|【屬性】命令,打開【屬性】面板。
如果沒有看到整個表格【屬性】面板,可以單擊【屬性】面板右下角的擴大箭頭圖標,展開【屬性】面板,顯示表格的所有屬性。第4步,在【屬性】面板中設(shè)置表格的屬性。
?表格Id:在該文本框中輸入表格的名稱,如table 1,一般在腳本控制中便于引用該表格。
?行:在該文本框中設(shè)置表格的行數(shù),利用該文本框可以重新設(shè)置已插入表格的行數(shù),從最底部行開始可以增加或減少行數(shù),減少行數(shù)時,會一并刪除行中的數(shù)據(jù)。
?Cols(列):在該文本框中設(shè)置表格的列數(shù),利用該文本框可以重新設(shè)置已插入表格的列數(shù),從最右側(cè)列開始可以增加或減少列數(shù),減少列數(shù)時,會一并刪除列中的數(shù)據(jù)。
?寬:網(wǎng)頁設(shè)計時在該文本框中設(shè)置表格的寬度,以像素或百分比作為單位,如輸入“600”,然后在后面的列表框中選擇單位。如果要設(shè)置百分比時,要在后面的下拉菜單中選擇百分比符號“%”選項。也可以直接在第1個文本框中輸入數(shù)值和百分比符號,系統(tǒng)會自動把第2個列表框設(shè)置為%,但對于以像素為單位時,就不能在第1個文本框中同時輸入。
?CellPad(填充):在該文本框中設(shè)置單元格內(nèi)容與單元格邊距之間的距離,默認單位為像素,一般可以不考慮單位,如輸入數(shù)值10。填充的初始化默認值為1,如果插入過表格,該默認值會保存最新設(shè)置。
?CellSpace(間距):在該文本框中設(shè)置單元格之間的距離,單位默認為像素,一般可以不考慮單位,如輸入數(shù)值20。間距的初始化默認值為2,如果插入過表格,該默認值會保存最新設(shè)置。
?Align(對齊):在網(wǎng)頁設(shè)計中,在該下拉列表框中選擇表格在容器中的對齊方式,包括“默認”、“左對齊”、“右對齊”和“居中對齊”。所謂容器就是裝載表格的元素對象,如果在網(wǎng)頁中直接插入表格,則容器為瀏覽器窗口;如果是嵌套表格,則容器為單元格;如果在層中插入表格,則容器為層。如在頁面中直接插入表格,并設(shè)置居中顯示。
?Border(邊框):在該文本框中設(shè)置表格邊框的厚度,單位默認為像素,一般可以不考慮單位,如輸入數(shù)值10。邊框的初始化默認值為1,如果插入過表格,該默認值會保存最新設(shè)置。如果輸入0,表示不顯示表格邊框,同時也會自動隱藏單元格之間的分割線,在瀏覽器中不顯示表格邊框,在編輯窗口中以虛線顯示。
?邊框顏色:單擊顏色框,可以設(shè)置邊框線的顏色,如輸入“#FF0000”,設(shè)置表格邊框為紅色。
設(shè)置好表格的整體屬性后,還可以根據(jù)不同的要求,設(shè)置相應(yīng)單元格的屬性。設(shè)置單元格屬性的操作步驟如下。
【操作步驟】
第1步,選中要設(shè)置屬性的單元格。例如,選中表格的第1行,并按Ctrl+F3快捷鍵,打開【屬性】面板。
提示:把光標置于單元格內(nèi),也可以設(shè)置該單元格屬性,如圖6.17所示。這種方法比較方便快捷,也是最常用的設(shè)置單元格方法。
技巧:任選以下方法都可以在網(wǎng)頁設(shè)計中選中單元格。
?單擊表格單元格,并拖動鼠標選中多個單元格。
?按住Ctrl鍵,并單擊要選中的單元格,可以選中多個不相連的單元格。
?單擊要選中的矩形區(qū)域的第1個單元格,按住Shift鍵,并單擊該區(qū)域的最后一個單元格,可以選中連續(xù)的多個單元格。
注意:選中的單元格必須是連續(xù)的矩形區(qū)域內(nèi),否則是不能夠被合并的。
?水平對齊方式:在【水平】下拉列表框中選擇單元格內(nèi)元素的水平對齊方式,包括左默認、對齊、右對齊和居中對齊。其中“默認”選項會根據(jù)瀏覽器內(nèi)部設(shè)置而定,一般默認都為左對齊。
?垂直對齊方式:在【垂直】下拉列表框中選擇單元格內(nèi)元素的垂直對齊方式,包括默認、頂端、居中、底部和基線5種。這些對齊方式變化比較微妙,下面逐一進行舉例說明。
注意:這些對齊方式最初都是根據(jù)英文字母的基本結(jié)構(gòu)來設(shè)置的,所以,參照漢字對齊方式可能就不是那么精確。
?頂端:插入元素(文字、圖像等有形元素)頂端以單元格內(nèi)頂端為線進行對齊。
?底部:插入元素(文字、圖像等有形元素)底部以單元格內(nèi)底部為線進行對齊。
?居中:插入元素(文字、圖像等有形元素)的中線以單元格內(nèi)中線為參考線進行對齊。
?默認:插入元素(文字、圖像等有形元素)會根據(jù)各個瀏覽器的設(shè)置決定對齊方式,一般為居中對齊。
?基線:插入元素(文字、圖像等有形元素)的基線以行內(nèi)最低基線為參照線進行對齊。
?寬和高:用于設(shè)置單元格的寬度和高度,以像素為單位。
?不換行:設(shè)置單元格中的內(nèi)容是否自動換行。選中該復(fù)選框,則在單元格中輸入文本時不會自動換行,而是擴展單元格的寬度。
?標題:可以將所選的單元格設(shè)置為標題單元格。而單元格里的文本內(nèi)容將會居中加粗顯示。這和在【表格】對話框中設(shè)置【頁眉】選項效果是一致的。
?背景顏色:在【背景顏色】文本框中可以設(shè)置單元格的背景顏色。