Dreamweaver中层的应用技巧-Dreamweaver教程

2024-09-12 12:29:40

字体：大中小

来源：转载

供稿：网友

问题：当两个层中都是图片时可以实现,但假如有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>
　　您可以设置页面上层的属性，其中包括 x 和 y 坐标、z 轴（也称作堆叠顺序）以及可见性。有关更多信息，请参见设置层首选参数和属性