關(guān)于 dreamweaver 中的層
層是被分配了絕對位置的 html 頁面元素 - 具體地說,是 div 標(biāo)簽或任何其他標(biāo)簽。層可以包含文本、圖像或其他任何可在 html 文檔正文中放入的內(nèi)容。
注重
本章中所說的層屬于 dreamweaver 的布局概念,而不是 layer 標(biāo)簽。
理解層的概念
通過 dreamweaver,您可以使用層來設(shè)計(jì)頁面的布局。您可以將層前后放置,隱藏某些層而顯示其他層,以及在屏幕上移動層。您可以在一個(gè)層中放置背景圖像,然后在該層的前面放置第二個(gè)層,它包含帶有透明背景的文本。
利用層可以非常靈活地放置內(nèi)容。但是,使用舊版本的 web 瀏覽器的站點(diǎn)訪問者查看層時(shí)可能會碰到麻煩。若要確保所有人都能夠查看您的 web 頁,可以使用層設(shè)計(jì)頁面布局,然后將層轉(zhuǎn)換為表。有關(guān)更多信息,請參見將層轉(zhuǎn)換為表格。但是,假如您所面對的訪問者很可能使用某種最新的瀏覽器,則可以完全用層來設(shè)計(jì)布局,而無需將層轉(zhuǎn)換為表格。
關(guān)于層的 html 代碼
當(dāng)您在文檔中放置層時(shí),dreamweaver 將在代碼中插入該層的 html 標(biāo)簽。默認(rèn)情況下,dreamweaver 會使用 div 標(biāo)簽創(chuàng)建層。
注重
您還可以使用另外兩種標(biāo)簽來創(chuàng)建層:layer 和 ilayer。但是,只有 netscape navigator 4 支持這些標(biāo)簽;internet explorer 不支持這些標(biāo)簽,而 netscape 在較新的瀏覽器中也不再支持這些標(biāo)簽。dreamweaver 可以識別 layer 和 ilayer 標(biāo)簽,但不使用這些標(biāo)簽來創(chuàng)建層。
在使用“繪制層”工具繪制層時(shí),dreamweaver 會在文檔中插入 div 標(biāo)簽,并為層分配 id 值(默認(rèn)情況下,layer1 表示繪制的第一層,layer2 表示繪制的第二層,依此類推)。稍后,可以使用“層”面板或“屬性”檢查器將層重新命名為想要的任何名稱。dreamweaver 還使用文檔頭中的嵌入式 css 來定位層和確定層的確切尺寸。
下面是一個(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è)置頁面上層的屬性,其中包括 x 和 y 坐標(biāo)、z 軸(也稱作堆疊順序)以及可見性。有關(guān)更多信息,請參見設(shè)置層首選參數(shù)和屬性
新聞熱點(diǎn)
疑難解答