<b>Dreamweaver MX 2004从零开始(4)</b>[DW设计]

图层的利用
　　图层是的一个区域,在一此中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决意每个图层能否可见,同时也可以自定义各图层之间的层次关系.在纯熟掌握了图层技术之后,便可以给供应强盛的页面掌握本领.


　　成立图层


　　为了阐明图层的功效,我们先来制作图1所示的简单的实例效果（如图1）.
 

　　第一步 在 MX 2004中新建一个页面,运行“Insert→Layer Objects→Layer”号令,此时编辑窗口中会呈现一个黑色矩形框,这就是插入的图层.当鼠标移动到矩形的框线上时,鼠标会变成十字箭头形状,此时点击鼠标则框线四周呈现8个黑色实心方块,左上角还有一个空心方块,表示这个图层被选中了.

　　提醒:用鼠标拖拽实心方块可以改变图层大小,拖拽左上角的空心方块可以改变图层的位置.


　　第二步 在图层中点击一下鼠标,并且在此中输入“中国教诲报”,然后在属性面板窗口中将文字设置为蓝色.

　　第三步 单击图层边框选中图层,接着运行“Edit→Copy”号令复制当前图层,然后在编辑窗口别的空白处点击一下鼠标,并且运行“Edit→Paste”号令,这样在编辑窗口中就又呈现了一个图层,不过目前它们重叠在一同,需求移动图层之后才能瞥见这两个图层.

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

　　完成上述操作之后按下“F12”按键举行预览,便可以在IE浏览器中查看到图1所示的效果了.
　　嵌套图层


　　所谓嵌套图层指的是一个图层成立在别的一个图层中,比方图3所示的就是一个典型的嵌套图层（如图3）.实际上制作这种嵌套图层很简单,只要成立了一个父图层之后用鼠标点击图层内部,并且再次插入一个图层便可.不过嵌套的图层并不意味着子图层必必要在父图层内部,它们之间存在着担当关系.
 

　　担当的作用是可以使子图层的可见性和父图层保持一致,由于很多动态的特效是通过掌握图层的可见性来实现的,因此当父图层可见性改变时,子图层的可见性也随之改变.并且担当关系也可以让子图层和父图层的相对位置不变,比方我们拖拽父图层移动,此时子图层也会跟随着移动,这在制作动态的时刻将显得非常有效.


　　图层的“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”按钮之后便可完成图层到表格的转换操作.

　　提醒: MX 2004还供应了从表格到图层的转换功效,操作步骤近似.

　　假如想把自己的的绚丽多彩,就必须掌握图层技术,不然日后制作动态时刻将会碰到不少艰难,因此倡议大家通过上文的介绍深化研究一下,才可以真正掌握图层技术.