Dreamweaver中層如何應(yīng)用

這篇文章主要講解了“Dreamweaver中層如何應(yīng)用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Dreamweaver中層如何應(yīng)用”吧！

　　Dreamweaver中層怎么應(yīng)用

　　理解層的概念

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

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

　　關(guān)于層的HTML代碼

　　當(dāng)您在文檔中放置層時，Dreamweaver將在代碼中插入該層的HTML標(biāo)簽。默認(rèn)情況下，Dreamweaver會使用div標(biāo)簽創(chuàng)建層。

　　注重

　　您還可以使用另外兩種標(biāo)簽來創(chuàng)建層：layer和ilayer。但是，只有NetscapeNavigator4支持這些標(biāo)簽;InternetExplorer不支持這些標(biāo)簽，而Netscape在較新的瀏覽器中也不再支持這些標(biāo)簽。Dreamweaver可以識別layer和ilayer標(biāo)簽，但不使用這些標(biāo)簽來創(chuàng)建層。

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

　　Dreamweaver中層怎么應(yīng)用

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

　　head>

　　metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"/>

　　title>SampleLayersPage/title>

　　styletype="text/css">

　　!--

　　#Layer1{

　　position:absolute;

　　left:62px;

　　top:67px;

　　width:421px;

　　height:188px;

　　z-index:1;

　　}

　　-->

　　/style>

　　/head>

　　body>

　　divid="Layer1">/div>

　　/body>

　　/html>

　　您可以設(shè)置頁面上層的屬性，其中包括x和y坐標(biāo)、z軸(也稱作堆疊順序)以及可見性。有關(guān)更多信息，請參見設(shè)置層首選參數(shù)和屬性。

感謝各位的閱讀，以上就是“Dreamweaver中層如何應(yīng)用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Dreamweaver中層如何應(yīng)用這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！