✔ 最佳答案
Dreamweaver圖層效果是W3C組織制定的CSS語法所做出來的,我們可以依照下面的步驟做出圖層的效果:
利用工具箱上
圖片參考:
http://ccca.nctu.edu.tw/~hocc/dreamweaver/image/document/layer/button.gif
的圖示拖曳出圖層的範圍,之後再用屬性面板調整圖層的特性(Z 軸指圖層的前後順序,數字愈小愈底層)
圖片參考:
http://ccca.nctu.edu.tw/~hocc/dreamweaver/image/document/layer/layers.gif
接下來把游標移到圖層裡面,用一般插入圖片的方式把圖片放進圖層中,或是輸入文字,之後用滑鼠點下圖標示的位置上,就可以把圖片或是文字移到想要的地方了
使用多個圖層的話,還可以做到重疊的效果,像下面的三個幸運符就是用圖層做出來的效果
圖片參考:
http://ccca.nctu.edu.tw/~hocc/dreamweaver/image/document/layer/mullayer.gif
除了單純的重疊之外,利用圖層控制面板,我們可以讓某些圖層不被看到,某些圖層可以被看到(用面板中眼睛的圖示來控制),我們利用此特性搭配Dreamweaver的Behavior功能,就可以做出圖形或文字忽而消失,忽而出現的效果
圖片參考:
http://ccca.nctu.edu.tw/~hocc/dreamweaver/image/document/layer/layerman.gif
★網頁中圖層定位的例子
現在你所看到的網頁都是用圖層做定位的,從黑板上下的連結、文章的內容等等,我們還可以利用圖層的捲軸搭配CSS的效果,讓網頁看起來更美觀。要怎樣讓它產生捲軸的效果呢?我們在圖層產生之後的屬性表中找到「溢位」的設定欄位,設成scroll,這樣當圖層中的內容超出範圍時,就會有捲軸上下捲動了。
圖片參考:
http://ccca.nctu.edu.tw/~hocc/dreamweaver/image/document/layer/layer_attribute.gif