层参数设置和嵌套层

  一、层参数设置

  层的一些基本参数(如可见性、背景颜色、背景图像等),有时并不需要经常改变。通过设置层参数,我们可以为新创建的层定义默认值。

  设置层参数的方法是:选择Edit>Preferences(编辑>参数设置),打开参数设置对话框,然后在Category(类型)列表中单击Layers(层),即可进行层参数设置。

Tag 标记:设置定义层的默认标记。本项下拉菜单上有四个选项:SPAN、DIV、LAYER和ILAYER。SPAN和DIV标记创建CSS层;LAYER和ILAYER标记创建Netscape层。
Visibility 可见性:设置在默认情况下层是否可见。
Default(默认):不指定可见性属性,但多数浏览器把本项解释为Inherit。
Inherit(继承):使用父层的可见性设置。
Visible(可见):显示层的内容,忽略父层设置。
Hidden(隐藏):隐藏层的内容,忽略父层设置。
WidthHeight 宽度和高度:设置使用插入方法(即选择Insert>Layer的方法)创建的层的宽度和高度。
Background Color 背景颜色:设置默认的背景颜色。
Background Image 背景图像:设置默认的背景图像。
Nesting 嵌套:使在已有层边界内采用绘画方法创建的层成为嵌套层。本项设置对采用插入和拖放方法创建嵌套层没有影响。
Netscape 4 Compatibility Netscape 4兼容性:选择此项,当我们在页面添加层时,Dreamweaver会在文档HEAD部分自动插入一段JavaScript,以解决与Netscape的兼容问题。

注:因为某些版本的Netscape浏览器存在一些缺陷,当浏览含有CSS层或样式表的页面,用户调整浏览窗口的大小时,显示会不正常。Dreamweaver自动添加一段JavaScript来修复Netscape的缺陷的。选择Commands>Add/Remove Netscape Resize Fix,可以添加或删除这段JavaScript。


  二、嵌套层

  嵌套层就是把一层建立在另一层中。通过层嵌套,可以把层组合在一起。创建嵌套层有以下三种操作方法:

1 插入:把插入点置于页面上已有层内,然后选择 Insert > Layer(插入>层)。
2 拖放:从对象面板拖动层按钮,然后把它放到页面上已有层中。
3 绘画:单击对象面板中的层按钮,然后在一个已有层中拖动,画出一个嵌套层。 如果在层的参数设置中关闭了层嵌套,请按住Control键,在已有层中绘画层。


  利用层面板也可以创建嵌套层,方法是:

1 选择Window>Layers(窗口>层)或按F11键,打开层面板。
2 按住Control键,在层面板中选择一层(本例选择layer3),然后拖它到目标层(layer2)中。
3 当一个方框在目标层的名字周围出现时,释放鼠标按键 。

结果如下图所示。

相应的HTML源代码如下:

<div id="Layer1" style="position:absolute; left:58px; top:39px; width:152px; height:109px; z-index:1">
<div id="Layer2" style="position:absolute; left:42px; top:36px; width:56px; height:40px; z-index:1">
<div id="Layer3" style="position:absolute; width:187px; height:90px; z-index:1; left: -9px; top: 91px"></div>
</div>
</div>

  关于嵌套层,需要注意以下几点:

1 嵌套层并不一定是页面上一层位于另一层内。嵌套层的本质应该是一层的HTML代码嵌套在另一层的HTML代码之内(见上面的源代码)。如上图所示,从页面上看,第三层并没有位于第二层之内,但它的HTML代码嵌套在第二层的HTML代码之内,所以它是嵌套层。反过来,即使在页面上看,一层位于另一层之内,如果它们的HTML代码互不包含,它们就不是嵌套层。
2 一个嵌套层随它的父层移动而移动,并继承父层的可见性。

(附注:也可以用移动的方法判断两个(或多个)层是否是嵌套层。)

3 如果在层参数设置时,勾选了Nesting复选框,采用绘画方法(上面所列的第3种方法)在另一层内绘画层,即构成嵌套层。如果在层参数设置中没有勾选Nesting复选框,按住Control键在已有层中绘画层,也可以创建嵌套层。

  通过创建嵌套层,并配合时间轴的应用,可以设计出更为复杂的动画画面。