Dreamweaver網(wǎng)頁制作教程:層及其應(yīng)用_Dreamweaver教程
層(Layer)是一種 HTML 頁面元素,您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現(xiàn)使網(wǎng)頁從二維平面拓展到三維。可以使頁面上元素進(jìn)行重疊和復(fù)雜的布局。首先,請看下圖:
我們首先來做一個層
1、 在「窗口」菜單>選“層”,或點(diǎn)「插入」菜單>布局對象>選“層”。
2、 在頁面中顯示一個層。
3、 通過四周的黑色調(diào)整柄拖動控制層的大小
4、 拖動層左上角的選擇柄可以移動層的位置。
5、 單擊層標(biāo)記可以選中一個層。
6、 在層中可以插入其他任何元素包括圖片文字鏈接表格等。
一個頁面中可以畫出很多的層,這些層都會列在層面板中。層之間也可以相互重疊。層面板可以通過菜單「窗口」菜單>選“層”打開。
這里我們需要對幾個概念進(jìn)行解釋。層有隱藏和顯示的屬性。這是層的一個重要屬性和以后說到的行為相結(jié)合就變成了重要的參數(shù)。單擊層面板列表的左邊,可以打開關(guān)閉眼睛。眼睛掙開和關(guān)閉表示層的顯示和隱藏。
層還有一個概念就是層數(shù),層數(shù)決定了重疊時哪個層在上面哪個層在下面。 比如層數(shù)為2的層在層數(shù)為1的層的上面。改變層數(shù)就可以改變層的重疊順序。
層面板上面還有一個參數(shù)就是防止層重疊。一旦選中,頁面中層就無法重疊了。
層還有一種父子關(guān)系也就是隸屬關(guān)系。在層面板中是這樣表示的。
圖中Layer2掛在Layer1的下面。Layer1為父層,Layer2為子層。在頁面中拖動Layer1,Layer2也跟著動起來。因?yàn)樗麄円呀?jīng)鏈在一起了,并且Layer2隸屬于Layer1。父層移動會影響到子層。移動layer2層,Layer1層不動。也就是子層不會影響到父層。
要建立這樣的一種隸屬關(guān)系方法很簡單。在層面板中按Ctrl鍵將子層拖拽到父層即可。
[層和表格之間轉(zhuǎn)換]由于層在網(wǎng)頁布局上非常方便,所以,一些人可能不喜歡使用表格或“布局”模式來創(chuàng)建自己的頁面,而是喜歡通過層來進(jìn)行設(shè)計(jì)。Dreamweaver MX 2004可以使用層來創(chuàng)建自己的布局,然后將它們轉(zhuǎn)換為表格。
在轉(zhuǎn)換為表格之前,請確保層沒有重疊。請執(zhí)行以下操作:選擇“修改”>“轉(zhuǎn)換”>“層到表格”。即可顯示“轉(zhuǎn)換層為表格”對話框。
選擇所需的選項(xiàng)。單擊“確定”。話框。
選擇所需的選項(xiàng)。單擊“確定”。
層及應(yīng)用我們就簡單介紹到這里。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用Dreamweaver8學(xué)習(xí)網(wǎng)頁滾動字幕的制作
- DreamwaverMX與ASP.NET
- DW2004 中文亂碼解決方案 [3]
- DW構(gòu)建Blog全程實(shí)錄
- 巧用背景顏色和間距快速制作出細(xì)邊線表格
- Dreamweaver MX進(jìn)階教程(十五)插入具有輔助功能的表格
- Dreamweaver開發(fā)ASP實(shí)例視頻教程表單驗(yàn)證
- Dreamweaver開發(fā)ASP實(shí)例視頻教程簡單站內(nèi)搜索頁
- Dreamweaver中如何利用CSS樣式表設(shè)置網(wǎng)頁
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
猜你也喜歡看這些
- 視友工作室網(wǎng)站頁設(shè)計(jì)制作全面通
- 呂聰賢dreamweaver教程
- CSS視頻教程
- Dreamweaver網(wǎng)頁設(shè)計(jì)與制作完全手冊
- Dreamweaver+ASP動態(tài)網(wǎng)頁設(shè)計(jì)視頻教程
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- 呂聰賢網(wǎng)頁三劍客視頻教程FlashMX,DreamweaverMX,F(xiàn)i
- 網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程
- DreamweaverMX網(wǎng)頁制作視頻教程
- 精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作教程:層及其應(yīng)用。