|
| 层是自由排版重要功能,有了它就可以进行不再受任何束缚的网页布局设计。通过层可以载入所有的页面元素,包括文字、图片、动画等,也可以设置背景图案。唯一与页面不同的是,层比它更灵活,可以放置在页面上的任何一个位置,甚至隐藏在页面的边线以内。
一、新建层 在Insert中选Layer,一个新的层就出现在页面上了(图13.1) ![]() 通过拖拉图中边框线可以改变层的大小,还可以把曾移动到页面中的任何位置。此时,选择Window下的Propertities就弹出层的属性框,对该属性框的解释在第一课中已经有了,这里不再赘述。但要讲一下层的首选属性,选择Edit下Preferences…,弹出下面的对话框。 ![]() 其中: 1.在Dreamweaver中Layer可以可以定义成DIV、SPAN、Layer和Ilayer标签。其中只有Netscape 4.0支持Layer和Ilayer,其他标签IE4.0和Netscape 4.0都支持 2.决定层的显示或隐藏 3.设定层的宽度 4.设定层的高度 5. 设定层的背景颜色 6. 设定层的背景图形 7. 设定是否在一个层中能嵌套另一个层 8. 设定在Netscape 4.0中插入层后,可以重新调整 二、嵌套层 在层中再加入层,可以在层面板中看到嵌套的情况,选择Window下Layers(图13.2)。 ![]() 在使用多个层时,可以统一这些层的风格。首先要把其中的一个层的属性定义好,然后,按住Shift选中其它各层,最后选中定义好的那个层;接下来按Ctrl+Shift+[,使它们的宽度与定义好的层一致;再按Ctrl+Shift+],使它们的高度与定义好的层一致。多个层的对齐,就要使用Shift加方向键了。 三、层转化为表格 选择Modify下Layout Mode中的Convert Layers to Table,或用快捷键Ctrl+Shift+F6,弹出下面的对话框(图13.3)。 ![]() 其中: 1.为每个层生成一个单元格,层与层之间的空白用空单元格填充。 2.将层转换后的单元格对齐,如果层边界之间错开的距离小于指定的像素数值,那么原层中的内容将被对齐,填充层与层之间空白的空单元格将 会减少,从而使转换后的表格更加简洁。 3.用透明的GIF图片填充表格的最后一行。 4.勾选后将使表格在页面上居中,不勾选则左对齐。 看看下面转化后的效果图13.4 ![]() |