第4章 动态对象的使用.pptVIP

第4章 动态对象的使用 本章学习目标 时间轴动画 多媒体对象的使用 插入音频 插入视频 4.1.1 时间轴动画 基本思想：随着时间的变化显示不同的内容。 一个时间轴动画实际上是由很多幅图片构成的。这些图片在一定时间内连续播放出来，这样就产生了动画效果。 时间轴动画中，每一个时间结点称为一帧，起关键作用的帧叫做关键帧。 4.1.1 时间轴对象的建立 例子：在网页上制作一个从右向左移动的字幕，并循环播放。 移动的字幕具体制作方法如下： （1）新建一个页面，单击对象面板上的插入层按钮，在页面上插入一个层。 （2）在层中输入文本，作为可移动的字幕。 （3）先将层拖动到页面的最右边，作为动画（字幕）的起始位置。 （4） “窗口”菜单-“时间轴”命令，此时出现时间轴面板。 （6）单击代表右侧关键帧的小圆圈，选中该关键帧。然后将层拖动到页面最左端，这是动画的终点位置。在拖动过程中页面上会出现一条轨迹，该轨迹表明了动画的运动路径。如果没有轨迹出现，说明设置不正确，必须重新设置。 （7）在时间轴面板中选中“自动播放”、“重复”两个复选框，将每秒钟播放速度Fps改为5，即每秒钟播放5幅图片。 （8）到此制作完成，保存后，按F12在浏览器中预览。 4.1.2增加关键帧 如果想让动画的路径复杂一些，如曲线运动，则可以在动画条的中间位置增加关键帧。仍以上节的例子为例，具体操作方法如下： （1）打开时间轴面板，选中动画条。 （2）在动画条的适当位置（如第8帧）单击鼠标右键，在弹出的快捷菜单中选择“增加关键帧”命令。这时该帧的位置会在页面上出现。 （3）拖动对象改变该帧的位置，就改变了动画的运动路线。 注意：在延长关键帧的时候，请留意时间轴上方与之配套的行为标志，这是原有终点帧用于循环留下的行为，应该将其删除。 4.1.3时间轴对象的删除 时间轴对象的删除操作很简单。先选中时间轴面板中的动画条，再单击右侧的三角按钮 ，在弹出的菜单中选择“删除对象”命令即可；或者先选中时间轴面板中的动画条，单击鼠标右键，在弹出的快捷菜单中选择“删除对象”命令即可。 4.1.4 第二个时间轴对象的建立 如果要在页面上放置两个动画，就需要添加第二个时间轴对象。 具体的操作方法如下： （1）在页面上再插入一个层，在层中输入需要的对象，例如一张图片或Flash动画。 （2）打开“窗口”菜单，选择“时间轴”命令，出现时间轴面板。 （3）将层拖动到页面的起始位置。 4.2多媒体对象的使用 在Dreamweaver中，提供了多媒体的应用功能，用户可以在页面上插入声音、动画、电影等对象。 可以嵌入各种插件，插件是用来扩充程序功能的模块化组件，用来加强Dreamweaver的某些功能。 插件安装之后，就能成为网页文件的一部分，专门用于处理特定类型的文件。 4.2.1插入Flash动画 1．插入Flash动画 具体的操作方法如下： （1）准备一个Flash动画文件，该文应该是由Flash软件导出或发布的 .swf文件。 （2）将光标移到页面的插入点，单击对象面板上的插入Flash动画按钮，出现选择文件对话框。 （3）在对话框中找到欲插入的Flash文件，单击“选择”按钮，Flash动画即可插入到页面中。 （4）调整好Flash动画框的大小，再在属性面板中单击“播放”按钮，此时就可以在页面的动画框中预览Flash动画。 2．Flash动画的属性设置 ·垂直边距/水平边距：指Flash动画框与页面上边和左边的距离。 ·品质：指动画播放时的抗锯齿水平。高品质的画面，在动画播放时边缘处锯齿形不明显，但需要处理器进行更多的运算处理，可能会影响播放速度，反之亦然。 ·比例：指在定义了Flash动画播放区域宽度和高度的情况下，该动画在页面上怎样显示。 默认：整个动画在指定区域可见，维持动画的纵横比，防止变形。 无边框：边框可能出现在动画的两边，“无边框”同“默认”，除非动画的一部分被遮挡。 严格匹配：动画充满指定区域，但不保持动画框的纵横比，可能会出现失真。 4.2.2 插入Shockwave电影和Generator对象 Shockwave是Macromedia公司一种用于在网上传输的交互式标准。它采用压缩格式，可以被快速下载，并可以在大多数浏览器中播放。Shockwave插件是在Web上集成多媒体功能的一项重要技术之一，它使得多媒体在低速网上传输成为现实。 使用Shockwave可以使电影在尚未全部下载之前即可播放。剩余部分在后台下载，于是给用户以更快的速度感觉。尤其对于容量很大的电影，其效果十分显著。正是Shockwave这种流式传送，奠定了它在Web中应用的重要地位。 Generator是Macromedia公司提供的一种展示动态网络内容的方式，用户可以免费使用Gener