第13章动画和多媒体
第13章 动画和多媒体
本章主要内容是时间轴的应用，学习应用时间轴创建 动画，插入并编辑动画是本章的重点，应该多加练习。另 外还介绍了如何使用Flash按钮使网页更加生动活泼。 >13.1时间轴 > Dreamweaver可以在没有ActiveX控件、，插件或Java 程序的支持下创建出动画，利用时间轴，可以让 Dreamweaver在没有Flash的情沉下，在网页中制作出动 画，构建丰富多彩的分层电影或动态网页，可以实现极具 魅力的网页效果
本章主要内容是时间轴的应用，学习应用时间轴创建 动画，插入并编辑动画是本章的重点，应该多加练习。另 外还介绍了如何使用Flash按钮使网页更加生动活泼。 ➢ 13.1 时间轴 ➢ Dreamweaver可以在没有ActiveX控件、插件或Java 程序的支持下创建出动画，利用时间轴，可以让 Dreamweaver在没有Flash 的情况下，在网页中制作出动 画，构建丰富多彩的分层电影或动态网页，可以实现极具 魅力的网页效果
>13.1.1时间轴简介 时间轴是一条贯穿时间的轴，用于表示网页存活时间中 发生的各种状态。在Dreamweaver中制作的动画二股有两种 效果：位置移动的动画效果和根据时间变化显示不同图片的 动画。通过往这条时间轴上不同的时间部位放置不同的内容 或是绑定相应的行为，就可以在相应的时间发生相对应的事 件，从而实现网页元素的动态效果。 不需要任何ActiveX控件、插件或Java程序，通过往文档 中添加JavaScript代码就可以实现时间轴构建的动态效果。通 过肩动Dreamweaverl的HTML源代码视图来查看相应的代码， 这鱼代码出现在文档的头部，位于<script>和</script>:之间， 其函数名是MM init时间轴s
➢ 13.1.1 时间轴简介 ➢ 时间轴是一条贯穿时间的轴，用于表示网页存活时间中 发生的各种状态。在Dreamweaver中制作的动画一般有两种 效果：位置移动的动画效果和根据时间变化显示不同图片的 动画。通过往这条时间轴上不同的时间部位放置不同的内容 或是绑定相应的行为，就可以在相应的时间发生相对应的事 件，从而实现网页元素的动态效果。 ➢ 不需要任何ActiveX控件、插件或Java程序，通过往文档 中添加JavaScript代码就可以实现时间轴构建的动态效果。通 过启动Dreamweaver的HTML源代码视图来查看相应的代码， 这些代码出现在文档的头部，位于<script>和</script>之间， 其函数名是MM_init时间轴s
> 时间轴还有4项功能： 改变层的大小：拖动层的大小调整柄或在属性面板中的 “宽”与“高”文本框中输入新的数值。 改变层的可见性：从属性面板的“可见性”下拉列表中 选择Default(默认)、Inherit(继承)、visible(可见)和 hidden(隐藏)。 改变层的叠放顺序：从属性面板的Z轴文本框中输入新 值或通过拖动层面板的Z轴中各层来改变当前层的叠放次序。 改变图片的属性只能改变图片的“源文件”：在属性面 板中的“源文件”框架中改变图片的来源。如果改变了源， 但显示的是同一张图片，也叫改变了图片的属性
➢ 时间轴还有4项功能： ➢ 改变层的大小：拖动层的大小调整柄或在属性面板中的 “宽”与“高”文本框中输入新的数值。 ➢ 改变层的可见性：从属性面板的“可见性”下拉列表中 选择Default（默认）、Inherit（继承）、visible（可见）和 hidden（隐藏）。 ➢ 改变层的叠放顺序：从属性面板的Z轴文本框中输入新 值或通过拖动层面板的Z轴中各层来改变当前层的叠放次序。 ➢ 改变图片的属性只能改变图片的“源文件”：在属性面 板中的“源文件”框架中改变图片的来源。如果改变了源， 但显示的是同一张图片，也叫改变了图片的属性
>13.1.2时间轴面板 > 从菜单中选择“窗口”→“时间轴”，或者按下Shift+-F9 组合键，即可显示时间轴面板，如图13-1所示。 时间轴面板主要是由时间轴下拉菜单、行为通道、动画通 道、动画条、控制按钮和控制选项等部分组成。单击时间轴 面板右上角，可以打开时间轴面板菜单，以执行相应的命令。 通过工具栏中“修改”→“时间轴”命令，从其子菜单中选 择相应的命令也可以完成相应的操作。 时间箱 Tinelinel 345 图13-1时间轴面板
➢ 13.1.2 时间轴面板 ➢ 从菜单中选择“窗口”→“时间轴”，或者按下Shift+F9 组合键，即可显示时间轴面板，如图13-1所示。 时间轴面板主要是由时间轴下拉菜单、行为通道、动画通 道、动画条、控制按钮和控制选项等部分组成。单击时间轴 面板右上角，可以打开时间轴面板菜单，以执行相应的命令。 通过工具栏中“修改”→“时间轴”命令，从其子菜单中选 择相应的命令也可以完成相应的操作。 图13-1 时间轴面板