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