DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver中層的應用技巧
Dreamweaver中層的應用技巧
編輯:Dreamweaver相關     

  問題:當兩個層中都是圖片時可以實現,但如果有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">
<!--
#Layer1 {


position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;

}
-->
</style>
</head>

<body>
<div id="Layer1"></div>
</body>
</html>
  您可以設置頁面上層的屬性,其中包括 x 和 y 坐標、z 軸(也稱作堆疊順序)以及可見性。有關更多信息,請參見設置層首選參數和屬性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved