图层是网页的一个区域，在一个网页中可以有多个图层存在，它最大的魅力在于各个图层可以重叠，并且可以决定每个图层是否可见，同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后，就可以给网页提供强大的页面控制能力。

　　创建图层

　　为了说明图层的功能，我们先来制作图1所示的简单的实例效果（如图1）。

图1

　　第一步 在Dreamweaver MX 2004中新建一个页面，运行“Insert→Layer Objects→Layer”命令，此时编辑窗口中会出现一个黑色矩形框，这就是插入的图层。当鼠标移动到矩形的框线上时，鼠标会变成十字箭头形状，此时点击鼠标则框线周围出现8个黑色实心方块，左上角还有一个空心方块，表示这个图层被选中了。
提示：用鼠标拖拽实心方块可以改变图层大小，拖拽左上角的空心方块可以改变图层的位置。

　　第二步 在图层中点击一下鼠标，并且在其中输入“中国电脑教育报”，然后在属性面板窗口中将文字设置为蓝色。

　　第三步 单击图层边框选中图层，接着运行“Edit→Copy”命令复制当前图层，然后在编辑窗口其它空白处点击一下鼠标，并且运行“Edit→Paste”命令，这样在编辑窗口中就又出现了一个图层，不过目前它们重叠在一起，需要移动图层之后才能看见这两个图层。

　　第四步 把其中一个图层的文字颜色更改为黑色，并且移动图层位置，使得两个图层的位置相差几个像素，这样就产生了阴影效果（如图2）。

图2

　　完成上述操作之后按下“F12”按键进行预览，就可以在IE浏览器中查看到图1所示的效果了。

　　嵌套图层

　　所谓嵌套图层指的是一个图层创建在另外一个图层中，比如图3所示的就是一个典型的嵌套图层（如图3）。实际上制作这种嵌套图层很简单，只要创建了一个父图层之后用鼠标点击图层内部，并且再次插入一个图层即可。不过嵌套的图层并不意味着子图层必须要在父图层内部，它们之间存在着继承关系。

图3

　　继承的作用是可以使子图层的可见性和父图层保持一致，由于很多动态网页的特效是通过控制图层的可见性来实现的，因此当父图层可见性改变时，子图层的可见性也随之改变。而且继承关系也可以让子图层和父图层的相对位置不变，比如我们拖拽父图层移动，此时子图层也会跟随着移动，这在制作动态网页的时候将显得非常有用。

下一页