Dreamweaver中層的應(yīng)用技巧_Dreamweaver教程
關(guān)于 Dreamweaver 中的層
層是被分配了絕對(duì)位置的 HTML 頁(yè)面元素 － 具體地說(shuō)，是 div 標(biāo)簽或任何其他標(biāo)簽。層可以包含文本、圖像或其他任何可在 HTML 文檔正文中放入的內(nèi)容。
注重
本章中所說(shuō)的層屬于 Dreamweaver 的布局概念，而不是 layer 標(biāo)簽。
理解層的概念
通過(guò) Dreamweaver，您可以使用層來(lái)設(shè)計(jì)頁(yè)面的布局。您可以將層前后放置，隱藏某些層而顯示其他層，以及在屏幕上移動(dòng)層。您可以在一個(gè)層中放置背景圖像，然后在該層的前面放置第二個(gè)層，它包含帶有透明背景的文本。
利用層可以非常靈活地放置內(nèi)容。但是，使用舊版本的 Web 瀏覽器的站點(diǎn)訪問(wèn)者查看層時(shí)可能會(huì)碰到麻煩。若要確保所有人都能夠查看您的 Web 頁(yè)，可以使用層設(shè)計(jì)頁(yè)面布局，然后將層轉(zhuǎn)換為表。有關(guān)更多信息，請(qǐng)參見(jiàn)將層轉(zhuǎn)換為表格。但是，假如您所面對(duì)的訪問(wèn)者很可能使用某種最新的瀏覽器，則可以完全用層來(lái)設(shè)計(jì)布局，而無(wú)需將層轉(zhuǎn)換為表格。
關(guān)于層的 HTML 代碼
當(dāng)您在文檔中放置層時(shí)，Dreamweaver 將在代碼中插入該層的 HTML 標(biāo)簽。默認(rèn)情況下，Dreamweaver 會(huì)使用 div 標(biāo)簽創(chuàng)建層。
注重
您還可以使用另外兩種標(biāo)簽來(lái)創(chuàng)建層：layer 和 ilayer。但是，只有 Netscape Navigator 4 支持這些標(biāo)簽；Internet Explorer 不支持這些標(biāo)簽，而 Netscape 在較新的瀏覽器中也不再支持這些標(biāo)簽。Dreamweaver 可以識(shí)別 layer 和 ilayer 標(biāo)簽，但不使用這些標(biāo)簽來(lái)創(chuàng)建層。
在使用“繪制層”工具繪制層時(shí)，Dreamweaver 會(huì)在文檔中插入 div 標(biāo)簽，并為層分配 id 值（默認(rèn)情況下，Layer1 表示繪制的第一層，Layer2 表示繪制的第二層，依此類推）。稍后，可以使用“層”面板或“屬性”檢查器將層重新命名為想要的任何名稱。Dreamweaver 還使用文檔頭中的嵌入式 CSS 來(lái)定位層和確定層的確切尺寸。
下面是一個(gè)層的 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>
您可以設(shè)置頁(yè)面上層的屬性，其中包括 x 和 y 坐標(biāo)、z 軸（也稱作堆疊順序）以及可見(jiàn)性。有關(guān)更多信息，請(qǐng)參見(jiàn)設(shè)置層首選參數(shù)和屬性
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧：運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver網(wǎng)頁(yè)制作教程：超級(jí)鏈接
- 在 Dreamweaver 中指定哪里處理動(dòng)態(tài)頁(yè)
- 制作網(wǎng)頁(yè) 詳解Dreamweaver13個(gè)技巧
- Dreamweaver 入門：安裝 Dreamweaver8
- 細(xì)品Dreamweaver MX內(nèi)建FW技術(shù)
- DreamweaverMX實(shí)現(xiàn)網(wǎng)站批量更新
- 使用Dreamweaver CSS樣式表設(shè)置網(wǎng)頁(yè)文本格式
- DW做ASP程序時(shí)關(guān)于數(shù)據(jù)庫(kù)的幾個(gè)常見(jiàn)問(wèn)題
- Dreamweaver MX進(jìn)階教程(十九)防止英文字符撐破表格
- Dreamweaver網(wǎng)頁(yè)制作教程：行為事件
猜你也喜歡看這些
- 呂聰賢網(wǎng)頁(yè)三劍客視頻教程FlashMX，DreamweaverMX，F(xiàn)i
- Dreamweaver 8、Flash 8、Fireworks 8網(wǎng)頁(yè)制作從入門到精通
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁(yè)
- Dreamweaver CS4 中文版完全自學(xué)教程
- Dreamweaver 8+ASP構(gòu)造動(dòng)態(tài)網(wǎng)站實(shí)例與操作
- Dreamweaver8視頻教程
- 呂聰賢dreamweaver視頻教程下載
- 視友工作室網(wǎng)站頁(yè)設(shè)計(jì)制作全面通
- Dreamveaver中CSS視頻教程
- Dreamweaver系列視頻教程
- 相關(guān)鏈接：
- 教程說(shuō)明：
Dreamweaver教程-Dreamweaver中層的應(yīng)用技巧
。