網(wǎng)站設(shè)計離不開表格與圖像,關(guān)于這方面的經(jīng)驗深圳網(wǎng)站制作公司在前面的文章中做過詳細(xì)介紹。本文主要是接前面文章繼續(xù)就網(wǎng)頁設(shè)計時如何設(shè)置表格屬性做詳細(xì)介紹。在Dreamweaver中設(shè)置表格的屬性,可以通過【屬性】面板完成。設(shè)置表格屬性的具體操作步驟如下
【操作步驟】
第1步,啟動Dreamweaver,新建HTML文檔,保存為test.html。
第2步,在頁面中插入個3行3列的表格,選中整個表格。
第3步,選擇【窗口】【屬性】命令,打開【屬|(zhì)生】面板,如圖6.11所示
網(wǎng)站設(shè)計關(guān)于表格屬性圖6.11表情【屬性】
如果沒有看到整個表格【屬性】面板,可以單擊【屬性】面板右下角的擴大箭頭國標(biāo)可,展開【屬性】面板,顯示表格的所有屬性。
第4步,在【屬性】面板中設(shè)置表格的屬性。
1.表格Id:在該文本框中輸入表格的名稱,如table1.般在腳本控制中便于引用該表格。
2.行:在該文本框中設(shè)置表格的行數(shù),利用該文本框可以重新設(shè)置已插入表格的行數(shù),從最底部行開始可以增加或減少行數(shù),減少行數(shù)時,會并刪除行中的數(shù)據(jù)。
3.Cols(列):在該文本框中沒置表格的列數(shù),利用該文本框可以重新設(shè)置己插入表格的列數(shù),從最右側(cè)列開始可以增加或減少列數(shù),減少列數(shù)時,會并刪除列中的數(shù)據(jù)。
3.寬:在該文本框中設(shè)置表格的寬度,以像素或百分比作為單位,如輸入“600”.然后在后面的列表框中選擇單位。如果要設(shè)置百分比
時,要在后面的下拉菜單中選擇百分比符號“%”選項。也可以直接在第1個文本框中輸入數(shù)值和百分比符號,系統(tǒng)會自動把第2個列表框設(shè)置為%,但對于以像素為單位時,就不能在第1個文本框中同時輸入。
4.CellPad(填充):在該文本框中設(shè)置單元格內(nèi)容與單元格邊距之間的距離,默認(rèn)單位為像素,般可以不考慮單位,如輸入數(shù)值10,填充的初始化默認(rèn)值為1.如果插入過表格,該默認(rèn)值會保存最新設(shè)置。
5.CellSpace(間距):在該文本框中設(shè)置單元格之間的距離,單位默認(rèn)為像素,般可以不考慮單位,如輸入數(shù)值20。間距的初始化默認(rèn)值為2,如果插入過表格,該默認(rèn)值會保存最新設(shè)置。
6.Align(對齊):在該下拉列表框中選擇表格在容器中的對齊方式,包括“默認(rèn)”、“左對齊”、“右對齊”和“居中對齊”。所謂容器就是裝載表格的元素對象,如果在網(wǎng)頁中直接插入表格,則容器為瀏覽器窗口;如果是嵌套表格,則容器為單元格;如果在層中插入表格,則容器為層。如在頁面中直接插入表格,并設(shè)置居中顯示。
7.Border(邊框):在該文本框中設(shè)置表格邊框的厚度,單位默認(rèn)為像素,一般可以不考慮單位,如輸入數(shù)值10。邊框的初始化默認(rèn)值為l,如果插入過表格,該默認(rèn)值會保存最新設(shè)置。如果輸入。,表示不顯示表格邊框,同時電會自動隱藏單元格之間的分割線,在瀏覽器中不顯示表格邊框,在編輯窗口中以虛線顯示。
8.邊框顏色:單擊顏色框,可以設(shè)置邊框線的顏色,如輸入“#FFOOOO”,設(shè)置表格邊框為紅色。關(guān)于填充、間距、邊框等概念示意圖如圖6.12所示。設(shè)置表格屬性以后,該表格顯示效果如圖6.13所示。
網(wǎng)站設(shè)計關(guān)于表格屬性示意圖6.13利用【屬性】面板修改的表格
在【屬性】面板中還涉及其他屬性和功能設(shè)置,深圳網(wǎng)站設(shè)計公司在下一期的文章中會繼續(xù)介紹。敬請關(guān)注,深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。