深圳网站制作公司提醒在网页设计中,图层是网页的一个区域,在一个网页中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决定每个图层是否可见,同时也能够自定义各图层之间的层次关系。熟练掌握图层技术,可以给网页提供强大的页面控制能力。
1.嵌套图层
所谓嵌套图层指的是一个图层创建在另外一个图层中,实际上制作这种嵌套图层很简单,只要创建一个父图层之后用鼠标点击图层内部,再次插入一个图层即可。不过嵌套的图层并不意味着子图层必须要在父图层内部,它们之间存在着继承关系。
继承的作用是使子图层的可见性和父图层保持一致,由于很多动态网页的特效是通过控制图层的可见性来实现的,因此当父图层的可见性改变时,子图层的可见性也随之改变。继承关系也可以让子图层和父图层的相对位置不变,比如拖曳父图层使其移动,此时子图层也会随着移动,这在制作动态网页的时候非常有用。
2.设置图层顺序
和表格相比,图层的最大优势在于图层可以重叠,为了表示各个图层哪个在上面,哪个在下面,要给每个图层设定一个序号,这个序号就是“Z-顺序”,它的意思就是除了屏幕的X和Y坐标之外,人为增加一个垂直于屏幕的Z轴。
一旦在Dreamweaver中修改了AP元素的堆叠顺序,也就自动确定了AP元素在Z轴上的层级位置。Z轴上的数字越大,该元素就越靠近用户;Z轴上的数字越小,该元素就越远离用户。在同一位置上,如果有两个或两个以上的HTML元素同时存在,那么Z轴上数字最大的那个元素,必定会遮盖那些Z轴上数字比较小的元素而单独呈现在用户面前,也就是在同一位置上,用户只能看到Z轴上数字最大的那个元素,而看不到其他元素。
3.使用图层建立表格
虽然使用图层来定位网页元素比使用表格方便得多,但是只有IE4.0以上版本的浏览器才支持图层功能,因此为了让使用旧版本浏览器的用户也可以看到相关作品,最好的方法就是把图层转换为表格。网站制作公司本文关于“网站制作公司浅谈层的组合应用”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。