使用图层可以像素为单位精确定位页面元素,并且可以将层放置在页面的任意位置。当把页面元素放入图层之中时,还可以控制哪个显示在前面、哪个显示在后面、哪个显示、哪个隐藏,可见,层的优点是很明显的。但是目前浏览器只有4.0以上的高版本才支持层,考虑到兼容性和修改时的方便,一般可在编辑网页时采用层布局或者部分页面采用层布局,而在发布网页时再将其转换为表格布局。
下面以Dreamweaver 4.0为例介绍图层与表格的相互转换操作。
将表格转换为图层
将表格转换为图层是为了调整网页布局时方便,具体操作步骤如下:
1、选中页面中欲转换为层的表格。
2、单击菜单“Modify/C">
图层转换为表格
把图层转换为表格是为了与低版本的浏览器兼容,操作步骤如下:
1、选中页面中欲转换为表格的层。
2、点击菜单“Modify/C">
转换时需注意的问题
1、将表格转换为图层时,空的表格单元不转换,表格之外的内容也被置于层中。
2、因为表格单元不会重叠,所以Dreamweaver不会把重叠的层转换为表格。如果计划把一个文档中的层转换为表格,就要在建立、移动层和调整层大小时防止层发生重叠。
3、要防止层重叠,可在层面板中选择Prevent Overlaps选项。但如果是在建立了重叠层之后才选择了此选项,不会改变以前发生的层重叠,此时只有通过移动层的方法把重叠的层分开。
4、即使选择了防止层重叠选项,有些操作也会使层发生重叠。比如使用插入菜单插入层,在属性检查器中输入层边距等。总之,如果发生了层重叠,就要在文档窗口拖动重叠的层,使它们分离开来。
在设计网页时,为使页面布局整齐、美观,需要对网页中元素进行定位。在Dreamweaver中,除了可以使用表格对页面元素进行定位之外,还有一种新的网页元素定位技术,那就是使用图层。
欢迎您访问www.5ucms.org
上一篇:5ucms模版,用Dreamweaver MX实现网站批量更新 下一篇:5ucms插件,巧用Dreamweaver制作复杂图像 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms模版,妙用dw图层与表格进行网页布局的关键词: |