Dreamweaver中层如何应用

这篇文章主要讲解了“Dreamweaver中层如何应用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Dreamweaver中层如何应用”吧！

　　Dreamweaver中层怎么应用

　　理解层的概念

　　通过Dreamweaver，您可以使用层来设计页面的布局。您可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。您可以在一个层中放置背景图像，然后在该层的前面放置第二个层，它包含带有透明背景的文本。

　　利用层可以非常灵活地放置内容。但是，使用旧版本的Web浏览器的站点访问者查看层时可能会碰到麻烦。若要确保所有人都能够查看您的Web页，可以使用层设计页面布局，然后将层转换为表。有关更多信息，请参见将层转换为表格。但是，假如您所面对的访问者很可能使用某种最新的浏览器，则可以完全用层来设计布局，而无需将层转换为表格。

　　关于层的HTML代码

　　当您在文档中放置层时，Dreamweaver将在代码中插入该层的HTML标签。默认情况下，Dreamweaver会使用div标签创建层。

　　注重

　　您还可以使用另外两种标签来创建层：layer和ilayer。但是，只有NetscapeNavigator4支持这些标签;InternetExplorer不支持这些标签，而Netscape在较新的浏览器中也不再支持这些标签。Dreamweaver可以识别layer和ilayer标签，但不使用这些标签来创建层。

　　在使用“绘制层”工具绘制层时，Dreamweaver会在文档中插入div标签，并为层分配id值(默认情况下，Layer1表示绘制的第一层，Layer2表示绘制的第二层，依此类推)。稍后，可以使用“层”面板或“属性”检查器将层重新命名为想要的任何名称。Dreamweaver还使用文档头中的嵌入式CSS来定位层和确定层的确切尺寸。

　　Dreamweaver中层怎么应用

　　下面是一个层的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>

　　您可以设置页面上层的属性，其中包括x和y坐标、z轴(也称作堆叠顺序)以及可见性。有关更多信息，请参见设置层首选参数和属性。

感谢各位的阅读，以上就是“Dreamweaver中层如何应用”的内容了，经过本文的学习后，相信大家对Dreamweaver中层如何应用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！