Dreamweaver制作網頁技巧之層的應用

2024-09-12 12:31:23

字體：大中小

來源：轉載

供稿：網友

　　問題：當兩個層中都是圖片時可以實現,但假如有FLASH是就不行了,就是說圖片永遠會被FLASH遮住.怎么辦?

　　關于 Dreamweaver 中的層

　　層是被分配了絕對位置的 HTML 頁面元素－具體地說，是 div 標簽或任何其他標簽。層可以包含文本、圖像或其他任何可在 HTML 文檔正文中放入的內容。

　　注重

　　本章中所說的層屬于 Dreamweaver 的布局概念，而不是 layer 標簽。

　　理解層的概念

　　通過 Dreamweaver，您可以使用層來設計頁面的布局。您可以將層前后放置，隱藏某些層而顯示其他層，以及在屏幕上移動層。您可以在一個層中放置背景圖像，然后在該層的前面放置第二個層，它包含帶有透明背景的文本。

　　利用層可以非常靈活地放置內容。但是，使用舊版本的 Web 瀏覽器的站點訪問者查看層時可能會碰到麻煩。若要確保所有人都能夠查看您的 Web 頁，可以使用層設計頁面布局，然后將層轉換為表。有關更多信息，請參見將層轉換為表格。但是，假如您所面對的訪問者很可能使用某種最新的瀏覽器，則可以完全用層來設計布局，而無需將層轉換為表格。

　　關于層的 HTML 代碼

　　當您在文檔中放置層時，Dreamweaver 將在代碼中插入該層的 HTML 標簽。默認情況下，Dreamweaver 會使用 div 標簽創建層。

　　注重

　　您還可以使用另外兩種標簽來創建層：layer 和 ilayer。但是，只有 Netscape Navigator 4 支持這些標簽；Internet Explorer 不支持這些標簽，而 Netscape 在較新的瀏覽器中也不再支持這些標簽。Dreamweaver 可以識別 layer 和 ilayer 標簽，但不使用這些標簽來創建層。

　　在使用“繪制層”工具繪制層時，Dreamweaver 會在文檔中插入 div 標簽，并為層分配 id 值（默認情況下，Layer1 表示繪制的第一層，Layer2 表示繪制的第二層，依此類推）。稍后，可以使用“層”面板或“屬性”檢查器將層重新命名為想要的任何名稱。Dreamweaver 還使用文檔頭中的嵌入式 CSS 來定位層和確定層的確切尺寸。

　　下面是一個層的 HTML 代碼示例：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Layers Page</title>
<style type="text/css">

</style>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>