成都層在網(wǎng)頁(yè)設(shè)計(jì)制作中基本的運(yùn)用方法

什么是網(wǎng)頁(yè)中的“層”。層是CSS中的定位技術(shù)，在Dreamweaver中對(duì)其進(jìn)行了可視化操作。文本、圖像、表格等元素只能固定其位置，不能互相疊加在一起，而層可以放置在網(wǎng)頁(yè)文檔內(nèi)的任何一個(gè)位置，層內(nèi)可以放置網(wǎng)頁(yè)文檔中的其他構(gòu)成元素，層可以自由移動(dòng)，層與層之間還可以重疊，層體現(xiàn)了網(wǎng)頁(yè)技術(shù)從二維空間向三維空間的一種延伸。

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

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

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

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

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

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

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

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

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

選擇所需的選項(xiàng)。單擊“確定”。

若要將表轉(zhuǎn)換為層，請(qǐng)選擇"修改"＞"轉(zhuǎn)換"＞"表格到層"。即可顯示"轉(zhuǎn)換表格"為層。對(duì)話框。

選擇所需的選項(xiàng)。單擊"確定"。

層還有一個(gè)概念就是層數(shù)，層數(shù)決定了重疊時(shí)哪個(gè)層在上面哪個(gè)層在下面?！”热鐚訑?shù)為２的層在層數(shù)為成都網(wǎng)站設(shè)計(jì)的層的上面。改變層數(shù)就可以改變層的重疊順序。

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

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

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

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

一個(gè)網(wǎng)站設(shè)計(jì)頁(yè)面中可以畫出很多的層，這些層都會(huì)列在層面板中。層之間也可以相互重疊。層面板可以通過菜單「窗口」菜單＞選"層"打開。

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