Dreamweaver MX進階教程(十一)使用“層”布局網頁_Dreamweaver教程

“層”在Dreamweaver中指的是帶有定位css樣式的“div”或者“span”代碼。
“層”的特點是使用方便，可以輕松的使用“層”來布局網頁。
在使用“層”布局頁面的時候，需要使用參照對象，根據參照對象，描繪“層”，也需要精確把握“層”的大小。下面介紹一個操作實例。
1.打開一個頁面，打開“修改”/“頁面屬性”，在頁面屬性中，選擇“跟蹤圖像”。

這個跟蹤圖像將作為“層”布局網頁的參照對象。

2.選擇“查看”>“標尺”>“顯示”， 打開標尺。

3.選擇“查看”>“網格”>“顯示網格”。

4.在“網格設置”對話框中，選中“顯示網格”和“靠齊到網格”。

5.為了防止“層”重疊，需要打開“層”面板。選擇“窗口”/“層”，打開層面板。

6.在“層”面板中，選中“防止重疊”選項。

7.現在開始描繪層了。點擊“插入”面板“常用”選項卡中的“描繪層”圖標。假如要連續描繪多個“層”，按住ctrl鍵。

8.在文檔中，參照“跟蹤圖像”，“標尺”，“網格”，按住ctrl鍵描繪層，描繪的層靠齊到網格，就可以精確控制層的大小。

使用頁面背景圖像
描繪層生成的頁面，使用的是默認對齊，頁面居左。為了適應大多數分辨率的顯示器，“層”布局所占的頁面大小，可以使用寬770象素×高600象素。可以選擇一種恰當的背景顏色，或者一個小尺寸的圖片作為背景，假如要選擇單一圖像作為頁面的背景圖像，可以選擇寬1600象素×高1924象素的gif圖片，這是一個粗略值了，在大多數分辨率下，都會感覺網頁內容很充實。
假如要使用單一的大圖片作為頁面背景圖像，并且背景圖像內容很多，就不需要再設置“跟蹤圖像”了。使用“層”布局也會更簡單，只需要描繪出放置文字內容、表單、鏈接、圖像的層就可以了。