1、dreamweaver 中層的概念是什麼?
關於 Dreamweaver 中的層
層是被分配了絕對位置的 HTML 頁面元素 - 具體地說,是 div 標簽或任何其他標簽。層可以包含文本、圖像或其他任何可在 HTML 文檔正文中放入的內容。
注意
本章中所說的層屬於 Dreamweaver 的布局概念,而不是 layer 標簽。
理解層的概念
通過 Dreamweaver,您可以使用層來設計頁面的布局。您可以將層前後放置,隱藏某些層而顯示其他層,以及在屏幕上移動層。您可以在一個層中放置背景圖像,然後在該層的前面放置第二個層,它包含帶有透明背景的文本。
利用層可以非常靈活地放置內容。但是,使用舊版本的 Web 瀏覽器的站點訪問者查看層時可能會遇到麻煩。若要確保所有人都能夠查看您的 Web 頁,可以使用層設計頁面布局,然後將層轉換為表。有關更多信息,請參見將層轉換為表格。但是,如果您所面對的訪問者很可能使用某種最新的瀏覽器,則可以完全用層來設計布局,而無需將層轉換為表格。
關於層的 HTML 代碼
當您在文檔中放置層時,Dreamweaver 將在代碼中插入該層的 HTML 標簽。默認情況下,Dreamweaver 會使用 div 標簽創建層。
注意
您還可以使用另外兩種標簽來創建層:layer 和 ilayer。但是,只有 Netscape Navigator 4 支持這些標簽;Internet Explorer 不支持這些標簽,而 Netscape 在較新的瀏覽器中也不再支持這些標簽。Dreamweaver 可以識別 layer 和 ilayer 標簽,但不使用這些標簽來創建層。
在使用「繪制層」工具繪制層時,Dreamweaver 會在文檔中插入 div 標簽,並為層分配 id 值(默認情況下,Layer1 表示繪制的第一層,Layer2 表示繪制的第二層,依此類推)。稍後,可以使用「層」面板或「屬性」檢查器將層重新命名為想要的任何名稱。Dreamweaver 還使用文檔頭中的嵌入式 CSS 來定位層和確定層的確切尺寸。
下面是一個層的 HTML 代碼示例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Layers Page</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>
您可以設置頁面上層的屬性,其中包括 x 和 y 坐標、z 軸(也稱作堆疊順序)以及可見性。有關更多信息,請參見設置層首選參數和屬性。
摘自dreamweaver幫助文件
2、網頁設計中層與層怎麼處理?
最好不要用層,根據不同的顯示解析度會發生扭曲,所以使用表格好得多
3、網頁設計中層有什麼用啊!
圖層是網頁的一個區域,在一個網頁中可以有多個圖層存在,它最大的魅力在於各個圖層可以重疊,並且可以決定每個圖層是否可見,同時也能夠自定義各圖層之間的層次關系。
在熟練掌握了圖層技術之後,就可以給網頁提供強大的頁面控制能力。
4、網頁中層的什麼屬性代表層疊放的順序
z-index屬性表示層的疊放的順序,如 #div1{position:absolute;z-index:10}
#div2{position:absolute;z-index:11}
那麼div2就會在div1上面,z-index值越大就越在上面。
5、網頁設計的時候層次怎麼調
設置相對點
然後 提高層級
z-index
百度 軟偷界論壇 office
要麼付費 要麼那些key 或者軟體
有教程的 去吧
6、網頁設計中層有哪些作用?
圖層是網頁的一個區域,在一個網頁中可以有多個圖層存在,它最大的魅力在於各個圖層可以重疊,並且可以決定每個圖層是否可見,同時也能夠自定義各圖層之間的層次關系。在熟練掌握了圖層技術之後,就可以給網頁提供強大的頁面控制能力。
為了說明圖層的功能,我們先來製作簡單的實例:
1、實現特效
在Dreamweaver MX 2004中新建一個頁面,運行「Insert→Layer Objects→Layer」命令,此時編輯窗口中會出現一個黑色矩形框,這就是插入的圖層。當滑鼠移動到矩形的框線上時,滑鼠會變成十字箭頭形狀,此時點擊滑鼠則框線周圍出現8個黑色實心方塊,左上角還有一個空心方塊,表示這個圖層被選中了。
提示:用滑鼠拖拽實心方塊可以改變圖層大小,拖拽左上角的空心方塊可以改變圖層的位置。
第二步 在圖層中點擊一下滑鼠,並且在其中輸入「中國電腦教育報」,然後在屬性面板窗口中將文字設置為藍色。
第三步 單擊圖層邊框選中圖層,接著運行「Edit→Copy」命令復制當前圖層,然後在編輯窗口其它空白處點擊一下滑鼠,並且運行「Edit→Paste」命令,這樣在編輯窗口中就又出現了一個圖層,不過目前它們重疊在一起,需要移動圖層之後才能看見這兩個圖層。
第四步 把其中一個圖層的文字顏色更改為黑色,並且移動圖層位置,使得兩個圖層的位置相差幾個像素,這樣就產生了陰影效果。
2、嵌套圖層
所謂嵌套圖層指的是一個圖層創建在另外一個圖層中,比如圖3所示的就是一個典型的嵌套圖層(如圖3)。實際上製作這種嵌套圖層很簡單,只要創建了一個父圖層之後用滑鼠點擊圖層內部,並且再次插入一個圖層即可。不過嵌套的圖層並不意味著子圖層必須要在父圖層內部,它們之間存在著繼承關系。
繼承的作用是可以使子圖層的可見性和父圖層保持一致,由於很多動態網頁的特效是通過控制圖層的可見性來實現的,因此當父圖層可見性改變時,子圖層的可見性也隨之改變。而且繼承關系也可以讓子圖層和父圖層的相對位置不變,比如我們拖拽父圖層移動,此時子圖層也會跟隨著移動,這在製作動態網頁的時候將顯得非常有用。
3、圖層的「Z-順序」
和表格相比,圖層最大的優勢在於圖層可以重疊,為了表示各個圖層哪個在上面,哪個在下面,就要給每個圖層設定一個序號,這個序號就是「Z-順序」,它的意思就是除了屏幕的X和Y坐標之外,人為增加一個垂直於屏幕的Z軸。
4、使用圖層建立表格
雖然使用圖層來定位網頁元素比使用表格方便得多,但是只有IE 4.0以上版本的瀏覽器才支持圖層功能,因此為了讓使用舊版本瀏覽器的朋友也可以看到你辛苦製作出來的作品,最好的方法就是把圖層轉換為表格。
如果想把自己的網頁製作的絢麗多彩,就必須掌握圖層技術,否則日後製作動態網頁時候將會遇到不少困難,因此建議大家通過上文的介紹深入研究一下,才能夠真正掌握圖層技術。
7、dreamweaver 中層的作用是什麼!
現在網路上一般都流行 用層+div 的方法來做網頁.
用層可以更好的定位.布局.
層的概念:
層是一種HTML頁面元素,是指具有絕對或者相對位置的DIV標簽.
通過 Dreamweaver,您可以使用層來設計頁面的布局。您可以將層前後放置,隱藏某些層而顯示其他層,以及在屏幕上移動層。您可以在一個層中放置背景圖像,然後在該層的前面放置第二個層,它包含帶有透明背景的文本。
利用層可以非常靈活地放置內容。但是,使用舊版本的 Web 瀏覽器的站點訪問者查看層時可能會遇到麻煩。若要確保所有人都能夠查看您的 Web 頁,可以使用層設計頁面布局,然後將層轉換為表。有關更多信息,請參見將層轉換為表格。但是,如果您所面對的訪問者很可能使用某種最新的瀏覽器,則可以完全用層來設計布局,而無需將層轉換為表格
DIV的意思是區塊標簽。
如果已經給 div 標簽分配了絕對位置(也就是規定了這個DIV標簽的樣式),它就可充當一個 Dreamweaver 層。
8、網頁設計中層的應用
為div設寬就可以了。比如:
<div style="width:200px;">北京網頁培訓</div>
另外,多說兩句,不要用table來布局了,你的table里加入div,根本不符合web標准!所以還是用div來布局吧。
9、網頁製作中層的概念怎麼應用啊
層 的好處在與 假如你想修改一的東西,但有不想涉及到其他東西 你就可以將這個文字或圖片單獨設置成一個層 方便修改
10、網頁設計中層的使用技巧
那個是VB腳本寫的,我對這個不太懂,你可以到群裡面討論一下。
網頁設計類群:7862736