你的位置:软件与光盘>
基础教程(八):层参数设置和嵌套层
2000-03-24 00:00:00· 莫治雄·CPCW

table width="53%" border="0" cellspacing="0" cellpadding="0">

  一、层参数设置

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

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

Tag 标记:设置定义层的默认标记。本项下拉菜单上有四个选项:SPAN、DIV、LAYER和ILAYER。SPAN和DIV标记创建CSS层;LAYER和ILAYER标记创建Netscape层。
Visibility

可见性:设置在默认情况下层是否可见。

Default(默认):不指定可见性属性,但多数浏览器把本项解释为Inherit。
Inherit(继承):使用父层的可见性设置。
Visible(可见):显示层的内容,忽略父层设置。
Hidden(隐藏):隐藏层的内容,忽略父层设置。
WidthHeight

宽度和高度:设置使用插入方法(即选择Insert$#@62;Layer的方法)创建的层的宽度和高度。

Background Color 背景颜色:设置默认的背景颜色。
Background Image 背景图像:设置默认的背景图像。
Nesting >嵌套:使在已有层边界内采用绘画方法创建的层成为嵌套层。本项设置对采用插入和拖放方法创建嵌套层没有影响。

Netscape 4 Compatibility

Netscape 4兼容性:选择此项,当我们在页面添加层时,Dreamweaver会在文档HEAD部分自动插入一段JavaScript,以解决与Netscape的兼容问题。

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


  二、嵌套层

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

1 插入:把插入点置于页面上已有层内,然后选择 Insert $#@62; Layer(插入$#@62;层)。
2 拖放:从对象面板拖动层按钮,然后把它放到页面上已有层中。
3

绘画:单击对象面板中的层按钮,然后在一个已有层中拖动,画出一个嵌套层。 如果在层的参数设置中关闭了层嵌套,请按住Control键,在已有层中绘画层。


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

1 选择Window$#@62;Layers(窗口$#@62;层)或按F11键,打开层面板。
2 按住Control键,在层面板中选择一层(本例选择layer3),然后拖它到目标层(layer2)中。
3

当一个方框在目标层的名字周围出现时,释放鼠标按键 。

结果如下图所示。

相应的HTML源代码如下:

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

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

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

一个嵌套层随它的父层移动而移动,并继承父层的可见性。

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

3

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

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



【发表评论】【关闭窗口】


.MySQL数据库基础教程
.基础教程(三十八):导入和导出XML内容
.基础教程(三十七):修改模版和更新站点
.基础教程(三十六):模板参数设置
.基础教程(三十五):应用模板创建文档
.基础教程(三十四):定义模板的可编辑区
.基础教程(三十三):创建模板
.基础教程(三十一):表单对象的属性设置
.基础教程(三十二):表单应用:访客留言
.基础教程(三十):创建表单
.基础教程(二十九):框架应用例释
.基础教程(二十八):框架和框架集属性
.基础教程(二十五):创建框架
.基础教程(二十七):框架和框架集文件
.基础教程(二十六):选择框架和框架集
.基础教程(七):层的属性设置和操作之二
.基础教程(九):层与表格的相互转换
.基础教程(十):历史面板及其应用[1]
.基础教程(十一):时间轴
.基础教程(十二):修改时间轴及对象属性
.基础教程(十三):图象与文字
.基础教程(十四):创建轮换图像
.基础教程(十七):创建链接
.基础教程(十八):创建邮件链接和锚点链接
.基础教程(十九):表格
.基础教程(十五):创建影像地图
.基础教程(二十一):站点的规划和定义
.基础教程(二十二):拷贝和粘贴表格单元
.基础教程(二十三):调整表格大小
.基础教程(二十四):表格排序