Dreamweaver 4 簡明教學(七、網頁的排版3)
作者：Eve Cole
更新時間：2009-05-30 18:35:47
層的使用
如果你覺得用表格對頁面元素進行定位太難掌握，不妨嘗試利用層（Layer）這個好東西。點選屬性面板的
按鈕，遊標會變成一個十字，在編輯視窗上拖曳，就可以建立出一個圖層，我們可以在圖層上輸入絕大部分的網頁元素，例如圖片、文字等。層的好處是可以放置在頁面的任何位置，如下圖：
選擇一個圖層後，對應的屬性面板如下：
① Layer ID：層的名稱，用於識別不同的層；
② L，T：層的位置，L是距離頁面左邊界的距離，T是距離頁面上邊界的距離；
W，H：層的寬和高；
③ Z-Index：層的Z軸順序；
④ Bg Image：層的背景圖；
⑤ Vis：圖層的顯示狀態，其中的Hidden是將圖層隱藏，處於不可見狀態；
⑥ Bg Corlor：層的背景顏色；
⑦ Tag：層使用的程式碼方式，一般使用預設的DIV即可；
⑧ Overflow如果層裡面的文字太多，或是圖片太大，層的大小不足以全部顯示的時候，可以選擇：
visible：超出的部分照樣顯示；
hidden：超越的部分隱藏；
scrool：不管有否超出，都顯示捲軸；
auto：有超出時才出現滾動條；
例如我們選擇auto，那麼多例中的層，在瀏覽時會顯示為：
層的優點很明顯，但缺點也同樣明顯，例如難以製作一個適應不同解析度的網頁；當一個頁面使用了多個層後，頁面的複雜程度增加而導致編輯起來非常煩瑣；編輯狀態與瀏覽狀態的實際效果有相當明顯的差異等。通常人們是採用利用Layer進行排版，然後將層轉換為表格的做法（Modefy > Convert > Layers to Table），具體操作在此就不多加敘述，大家可自己嘗試一下。
