动态对象的使用.ppt

1、第4章 动态对象的使用,2020/10/9,参考网址：,2,本章学习目标,时间轴动画 多媒体对象的使用 插入音频 插入视频,2020/10/9,参考网址：,3,4.1.1 时间轴动画,基本思想： 随着时间的变化显示不同的内容。 一个时间轴动画实际上是由很多幅图片构成的。这些图片在一定时间内连续播放出来，这样就产生了动画效果。 时间轴动画中，每一个时间结点称为一帧，起关键作用的帧叫做关键帧。,2020/10/9,参考网址：,4,4.1.1 时间轴对象的建立,例子： 制作一个从右向左移动的字幕，并循环播放。 移动的字幕具体制作方法： 在页面上插入一个层。 在层中输入文本 作为可移动的字幕。 将层拖

2、动到页面的最右边 作为动画（字幕）的起始位置 “窗口”|“其他” |“时间轴” ：打开时间轴 Alt+F9,2020/10/9,参考网址：,5,选中层，单击时间轴右上角的弹出菜单按钮(!)，从弹出的菜单中选择“添加对象”命令 将层的当前位置作为第一帧添加到时间轴上。 这时时间轴上将会出现紫色的动画条，动画条两端的小圆圈叫关键帧。 拖动关键帧还可以改变动画条的长短，因而就能改变动画的播放时间。,2020/10/9,参考网址：,6,单击代表右侧关键帧的小圆圈，选中该关键帧 将层拖动到页面最左端，这是动画的终点位置。 在拖动过程中页面上会出现一条轨迹，该轨迹表明了动画的运动路径。如果没有轨迹出现，说

3、明设置不正确，必须重新设置。 时间轴面板中选中“自动播放”、“循环”两个复选框 将每秒钟播放速度Fps改为5 即每秒钟播放5幅图片。 到此制作完成，保存后，按F12在浏览器中预览。,2020/10/9,参考网址：,7,如果在时间轴上向右拖动右侧关键帧，可以增加帧数目。 在每秒钟帧数不变的情况下，播放时间会延长 播放时间可以由总帧数除以每秒钟播放帧数得到 播放时得到平稳动画，降低跳跃感，增加动画帧数是一个好办法。 如果帧数为：240帧，每秒播放帧数为：24帧， 则这个动画可以播放10秒。,2020/10/9,参考网址：,8,4.1.2增加关键帧,如果想让动画的路径做曲线运动，则可以在动画条的中间

4、位置增加关键帧。 （1）打开时间轴面板，选中动画条。 （2）在动画条的适当位置（如第8帧）单击鼠标右键，在弹出的快捷菜单中选择“增加关键帧”命令。这时该帧的位置会在页面上出现。 （3）拖动对象改变该帧的位置，就改变了动画的运动路线。 可见，如果想让一个对象在页面中一曲线运动，可在页面中添加几个关键帧，并调整好相应的位置。,2020/10/9,参考网址：,9,2020/10/9,参考网址：,10,注意： 在延长关键帧的时候，请留意时间轴上方与之配套的行为标志 这是原有终点帧用于循环留下的行为 应该将其适当处理。,2020/10/9,参考网址：,11,4.1.3 时间轴对象的删除,先选中时间轴面板

5、中的动画条 再单击右侧的三角按钮 在弹出的菜单中选择“移除对象” 或者 先选中时间轴面板中的动画条 单击鼠标右键 在弹出的快捷菜单中选择“移除对象”,2020/10/9,参考网址：,12,4.1.4 第二个时间轴对象的建立,在页面上放置两个动画： （1）在页面上再插入一个层，在层中输入需要的对象，例如一张图片或Flash动画。 （2）打开“窗口”|“其它”|“时间轴”命令，出现时间轴面板。 （3）将层拖动到页面的起始位置。 （4）选中层 单击时间轴面板右上角的弹出菜单按钮(或单击鼠标右键)，从弹出的菜单中选择“添加对象”命令，将层的当前位置作为第一帧添加到第二层时间轴上。,2020/10/9,

6、参考网址：,13,这时时间轴上将会出现紫色的动画条。,2020/10/9,参考网址：,14,4.2多媒体对象的使用,可以嵌入各种插件来实现 插件是用来扩充程序功能的模块化组件 插件安装之后，就能成为网页文件的一部分，专门用于处理特定类型的文件。,2020/10/9,参考网址：,15,4.2.1插入Flash动画,1插入Flash动画 （1）准备一个Flash动画文件 由Flash软件导出或发布的 .swf文件。 （2）将光标移到页面的插入点，单击对象面板上的插入Flash动画按钮，出现选择文件对话框。 （3）在对话框中找到欲插入的Flash文件，单击“选择”按钮，Flash动画即可插入到页面中

7、。 （4）调整好Flash动画框的大小，再在属性面板中单击“播放”按钮，此时就可以在页面的动画框中预览Flash动画。,2020/10/9,参考网址：,16,图4-7播放的Flash动画,图4-6插入的Flash动画,2020/10/9,参考网址：,17,2Flash动画的属性设置,宽/高：指Flash动画框在页面上的宽度和高度。 文件：指插入页面的Flash文件名称。 对齐： 指Flash动画框与页面上的文本相互之间的对齐方式。 背景色： 指Flash动画在浏览器中播放时，动画的背景颜色。 重设大小： 单击此按钮后，Flash动画框将恢复到初始大小。 播放： 单击后可以直接在页面的动画框内预

8、览动画的播放情况。 ID： ActiveX ID参数，通常用于在不同的ActiveX控件之间传递信息。,2020/10/9,参考网址：,18,垂直边距/水平边距： 指Flash动画框与页面上边和左边的距离。 品质： 指动画播放时的抗锯齿水平。 高品质的画面，在动画播放时边缘处锯齿形不明显 但需要处理器进行更多的运算处理 可能会影响播放速度，反之亦然。 比例： 指在定义了Flash动画播放区域宽度和高度的情况下，该动画在页面上怎样显示。 默认： 整个动画在指定区域可见，维持动画的纵横比，防止变形。 无边框： 边框可能出现在动画的两边 “默认”为“无边框”，除非动画的一部分被遮挡。 严格匹配： 动

9、画充满指定区域 但不保持动画框的纵横比，可能会出现失真。,2020/10/9,参考网址：,19,4.2.2 插入Shockwave电影和Generator对象,Shockwave 是Macromedia公司一种用于在网上传输的交互式标准。 采用压缩格式，可以被快速下载，并可在大多数浏览器中播放。 使多媒体在低速网上传输成为现实。 可以使电影在尚未全部下载之前即可播放。 剩余部分在后台下载，于是给用户以更快的速度感觉。 尤其对于容量很大的电影，其效果十分显著。 Generator 是Macromedia公司提供的一种展示动态网络内容的方式 用户可免费使用Generator模板，用Flash创建G

10、enerator文件。 在页面上插入Shockwave电影和Generator对象的操作方法与Flash类同。,2020/10/9,参考网址：,20,4.2.3 插入Flash按钮,将鼠标移到需要插入Flash按钮处 “插入”|“交互式图像”|“Flash按钮” 在对话框中可以依次设置按钮的 样式、按钮的文本、字体大小、背景颜色 链接 单击“确定”按钮。 如果要对按钮进行修改，只要双击页面上的按钮，就可以进入编辑状态。,2020/10/9,参考网址：,21,2020/10/9,参考网址：,22,4.2.4插入Flash文本,具体操作方法： 将鼠标移到需要插入Flash文本的地方。 “插入”|“

11、交互式图像”|“Flash文本”命令 在对话框中输入具体的文本 设置字体大小、背景颜色、滚转颜色和链接等。 单击“确定”按钮 插入的Flash按钮和Flash文本，会在保存页面时自动形成Flash文件，保存在当前站点中。,2020/10/9,参考网址：,23,2020/10/9,参考网址：,24,4.2.5 插入视频,常用的网上视频播放工具 QuickTime、RealPlay、Windows Media等 将视频图像插入到网页的方法： 准备一个合适的视频文件备用。 在需要插入视频的网页上，选择一个视频链接对象 例如文字或按钮。 单击属性面板上的文件夹按钮 弹出“选择文件”对话框。 在对话框中

12、找到预先准备的视频文件，单击“选择”,2020/10/9,参考网址：,25,4.2.6 插入音频,常用的音频文件 wav、mp3类型的文件 1采用链接的方式插入音频 准备一个合适的音频文件备用。 在需要插入音频的网页上，选择一个音频链接对象。 单击属性面板上的文件夹按钮 在对话框中找到预定的音频文件，单击“选择”按钮。,2020/10/9,参考网址：,26,2020/10/9,参考网址：,27,2采用插入控件的方式插入音频 嵌入方式 将音频文件与网页结合起来，作为一个网页文件 嵌入音频将声音直接并入页面中 但只有在访问站点的访问者具有所选声音文件的适当插件后，声音才可以播放。 用途： 将声音用作背景音乐 将控制音量、播放器在页面上显示出来,2020/10/9,参考网址：,28,网页中添加背景音乐实例： 将用于网页上的音频文件，放在当前站点中。 打开【行为】窗口 【窗口】【行为】 或Shift+F3 添加【播