图层的“Z-顺序”

　　和表格相比，图层最大的优势在于图层可以重叠，为了表示各个图层哪个在上面，哪个在下面，就要给每个图层设定一个序号，这个序号就是“Z-顺序”，它的意思就是除了屏幕的X和Y坐标之外，人为增加一个垂直于屏幕的Z轴。

　　如图4所示，左边区域的四个图层和右边区域的四个图层就有明显的不同，而调整图层的顺序也很简单，只要用鼠标依次点选放置在最下部、中部和最上部的图层即可。但是这种操作方式在图层很多的时候就显得有些麻烦了，后期调整也不便，因此我们可以通过图层面板进行调整。

　　先运行“Window→Layers”命令激活图层面板，此时可以看见图5所示的面板窗口(如图5)，在这里只要选中需要改变序号的图层，按下鼠标之后向上或者向下拖拽，当拖拽到希望插入的两层之间出现一条横线时松开鼠标，这样就可以改变各个图层的“Z-顺序”了。

　　提示：直接单击“Z”框的数值可以更改为所需要的图层层次。

　　使用图层建立表格

　　虽然使用图层来定位网页元素比使用表格方便得多，但是只有IE 4.0以上版本的浏览器才支持图层功能，因此为了让使用旧版本浏览器的朋友也可以看到你辛苦制作出来的作品，最好的方法就是把图层转换为表格。

　　第一步在图5所示的窗口中选取上部的“Prevent overlaps”复选框，这样使得每个图层不能互相重叠，否则在转换过程中会有警告信息提示。

　　第二步运行“Modify→Convert→Layers to Table”命令，这时可以看见图6所示的窗口(如图6)，在“Table layout”区域中分别选择“Most Accurate”和“Use Transparent GIFs”两个选项，其中前者通过精确转换为每个图层建立一个单元格，确保各个单元格之间的距离；后者会在转换的表格最后一行中填充透明的GIF图，这样可以保证在所有浏览器中都有相同的外观。

　　第三步按下“OK”按钮之后即可完成图层到表格的转换操作。

　　提示：Dreamweaver MX 2004还提供了从表格到图层的转换功能，操作步骤类似。

　　如果想把自己的网页制作的绚丽多彩，就必须掌握图层技术，否则日后制作动态网页时候将会遇到不少困难，因此建议大家通过上文的介绍深入研究一下，才能够真正掌握图层技术。

 2/2   首页 上一页 1 2