Dreamweaver網(wǎng)頁制作教程：層及其應(yīng)用_Dreamweaver教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　層（Layer）是一種 HTML 頁面元素，您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現(xiàn)使網(wǎng)頁從二維平面拓展到三維�？梢允鬼撁嫔显剡M(jìn)行重疊和復(fù)雜的布局。首先，請(qǐng)看下圖：

Dreamweaver網(wǎng)頁制作教程：層及其應(yīng)用

　　我們首先來做一個(gè)層

　　1、在「窗口」菜單＞選“層”，或點(diǎn)「插入」菜單＞布局對(duì)象＞選“層”。

　　2、在頁面中顯示一個(gè)層。

　　3、通過四周的黑色調(diào)整柄拖動(dòng)控制層的大小

　　4、拖動(dòng)層左上角的選擇柄可以移動(dòng)層的位置。

　　5、單擊層標(biāo)記可以選中一個(gè)層。

　　6、在層中可以插入其他任何元素包括圖片文字鏈接表格等。

　　一個(gè)頁面中可以畫出很多的層，這些層都會(huì)列在層面板中。層之間也可以相互重疊。層面板可以通過菜單「窗口」菜單＞選“層”打開。

Dreamweaver網(wǎng)頁制作教程：層及其應(yīng)用

　　這里我們需要對(duì)幾個(gè)概念進(jìn)行解釋。層有隱藏和顯示的屬性。這是層的一個(gè)重要屬性和以后說到的行為相結(jié)合就變成了重要的參數(shù)。單擊層面板列表的左邊，可以打開關(guān)閉眼睛。眼睛掙開和關(guān)閉表示層的顯示和隱藏。

　　層還有一個(gè)概念就是層數(shù)，層數(shù)決定了重疊時(shí)哪個(gè)層在上面哪個(gè)層在下面�！”热鐚訑�(shù)為２的層在層數(shù)為１的層的上面。改變層數(shù)就可以改變層的重疊順序。

　　層面板上面還有一個(gè)參數(shù)就是防止層重疊。一旦選中，頁面中層就無法重疊了�！�

　　層還有一種父子關(guān)系也就是隸屬關(guān)系。在層面板中是這樣表示的。

Dreamweaver網(wǎng)頁制作教程：層及其應(yīng)用

　　圖中Layer2掛在Layer1的下面。Layer1為父層，Layer2為子層。在頁面中拖動(dòng)Layer1，Layer2也跟著動(dòng)起來。因?yàn)樗麄円呀?jīng)鏈在一起了，并且Layer2隸屬于Layer1。父層移動(dòng)會(huì)影響到子層。移動(dòng)layer2層，Layer1層不動(dòng)。也就是子層不會(huì)影響到父層。

　　要建立這樣的一種隸屬關(guān)系方法很簡單。在層面板中按Ctrl鍵將子層拖拽到父層即可。

　　［層和表格之間轉(zhuǎn)換］

　　由于層在網(wǎng)頁布局上非常方便，所以，一些人可能不喜歡使用表格或“布局”模式來創(chuàng)建自己的頁面，而是喜歡通過層來進(jìn)行設(shè)計(jì)。Dreamweaver MX 2004可以使用層來創(chuàng)建自己的布局，然后將它們轉(zhuǎn)換為表格。

　　在轉(zhuǎn)換為表格之前，請(qǐng)確保層沒有重疊。請(qǐng)執(zhí)行以下操作：選擇“修改”＞“轉(zhuǎn)換”＞“層到表格”。即可顯示“轉(zhuǎn)換層為表格”對(duì)話框。