a13.JPG (7472 bytes)
 

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

返回