DreamweaverCS3中文版实例教程 07 使用层和时间轴

《DreamweaverCS3中文版实例教程 07 使用层和时间轴》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第7章　使用层和时间轴本章简介：如果用户想在网页上实现多个元素重叠的效果，可以使用层。层是网页中的一个区域，并且游离在文档之上。利用层可精确定位和重叠网页元素。通过设置不同层的显示或隐藏，实现特殊的效果。因此，在掌握层技术之后，就可以给网页制作提供强大的页面控制能力。DreamweaverCS3提供了在网页上制作动态效果的功能，利用时间轴组织、控制层和图像等对象，在一定时间内播放，从而产生动态效果。与胶片一样，DreamweaverCS3也将时间长度分为帧，它是动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给人造成视觉上不流畅的感觉，所以按照人的视觉原理，一

2、般将动画的帧率设为24帧/秒。课堂学习目标层的基本操作应用层设计表格时间轴动画制作时间轴动画的技巧7.1层的基本操作课堂案例——圣诞礼品屋创建层选择层设置层的默认属性AP元素面板更改层的堆叠顺序更改层的可见性调整层的大小嵌套层移动层对齐层层靠齐到网格7.1.1课堂案例——圣诞礼品屋使用“绘制APDiv”按钮绘制层。使用“AP元素”控制面板选择层。使用“背景颜色”按钮改变层的背景颜色。效果图7.1.2创建层创建层若想利用层来定位网页元素，先要创建层，再根据需要在层内插入其他表单元素。有时为了布局，还可以显示或隐藏层边框。显示或隐藏层边框若要显示或隐藏层边框，可选择“查看>可视化助理>隐

3、藏所有”命令。7.1.3选择层选择一个层（1）利用层面板选择一个层。（2）在文档窗口中选择一个层。选定多个层选择“窗口>AP元素”命令，弹出“AP元素”控制面板。在“AP元素”控制面板中，按住键并单击两个或更多的层名称。7.1.4设置层的默认属性当层插入后，其属性为默认值，如果想查看或修改层的属性，选择“编辑>首选参数”命令，弹出“首选参数”对话框，在“分类”选项列表中选择“AP元素”选项，此时，可查看或修改层的默认属性。7.1.5AP元素面板通过“AP元素”控制面板可以管理网页文档中的层。选择“窗口>AP元素”命令，启用“AP元素”控制面板。使用“AP元素”控制面板可

4、以防止层重叠，更改层的可见性，将层嵌套或层叠，以及选择一个或多个层。7.1.6更改层的堆叠顺序排版时常需要控制叠放在一起的不同网页元素的显示顺序，以实现特殊的效果，这可通过修改选定层的“Z轴”属性值实现。层的显示顺序与Z轴值的顺序一致。Z值越大，层的位置越靠上前。在“AP元素”控制面板中更改层的堆叠顺序在“属性”面板中更改层的堆叠顺序7.1.7更改层的可见性当处理文档时，可以使用“AP元素”控制面板手动设置显示或隐藏层，来查看层在不同条件下的显示方式。更改层的可见性，有以下几种方法。使用“AP元素”控制面板更改层的可见性。使用“属性”面板更改层的可见性。7.1.8调整层的大小可以调整

5、单个层的大小，也可以同时调整多个层的大小以使它们具有相同的宽度和高度。调整单个层的大小同时调整多个层的大小7.1.9嵌套层嵌套层指代码包含在另一个层中的层。嵌套通常用于将层组织在一起。创建嵌套层将现有层嵌套在另一个层中层嵌套的注意事项7.1.10移动层移动层的操作非常简单，可以按照在大多数图形应用程序中移动对象的相同方法在“设计”视图中移动层。移动一个或多个选定层有以下几种方法。拖曳选择柄来移动层移动一个像素来移动层7.1.11对齐层使用层对齐命令可以当前层的边框为基准对齐一个或多个层。当对选定层进行对齐时，未选定的子层可能会因为其父层被选定并移动而随之移动。为了避免这种情况，不要使

6、用嵌套层。对齐两个或更多个层有以下几种方法。应用菜单命令对齐层应用“属性”面板对齐层7.1.12层靠齐到网格在移动网页元素时可以让其自动靠齐到网格，还可以通过指定网格设置来更改网格或控制靠齐行为。无论网格是否可见，都可以使用靠齐。应用DreamweaverCS3中的靠齐功能，层与网格之间的关系如铁块与磁铁之间的关系。层与网格线之间靠齐的距离是可以设定的。层靠齐到网格更改网格设置7.2应用层设计表格将APDiv转换为表格将表格转换为APDiv7.2.1将APDiv转换为表格将APDiv转换为表格如果使用层创建布局的网页要在较早的浏览器中进行查看，那么需要将APDiv转换为表格。若将AP

7、Div转换为表格，则选择“修改>转换>将APDiv转换为表格”命令，弹出“将APDiv转换为表格”对话框，根据需要完成设置后，单击“确定”按钮。防止层重叠因为表单元格不能重叠，所以DreamweaverCS3无法从重叠层创建表格。如果要将一个文档中的层转换为表格以兼容IE3.0浏览器，则选择“防止重叠”选项来约束层的移动和定位，使层不会重叠。7.2.2将表格转换为APDiv当不满意页面布局时，就需要对其进行调整，但层布局要比表格布局调整起来方便，所以需要将