时间轴与插入多媒体对象Stillwatersrundeep.流静水深流静水深,人静心深人静心深Wherethereislife,thereishope。有生命必有希望。有生命必有希望【知识要点知识要点】1使用时间轴创建动画。使用时间轴创建动画。2插入多媒体对象。插入多媒体对象。【技能目标技能目标】1认识时间轴并能使用时间轴创建动画。认识时间轴并能使用时间轴创建动画。2掌握各种多媒体对象插入与编辑的方法。掌握各种多媒体对象插入与编辑的方法。9.1 使用时间轴创建动画使用时间轴创建动画9.1.1 时间轴简介介时间轴是时间轴是Dreamweaver提供的动画制作工具，它可以通过提供的动画制作工具，它可以通过DHTML来动态地改变图像的源文件，在指定时间执行行为，随时间变来动态地改变图像的源文件，在指定时间执行行为，随时间变化改变层的属性（比如层位置、大小、可见性、层叠顺序），时间轴化改变层的属性（比如层位置、大小、可见性、层叠顺序），时间轴只能移动层，若要使图像或文本移动，就要把图像或文本放入层中。只能移动层，若要使图像或文本移动，就要把图像或文本放入层中。1帧帧帧（帧（frame）是构成动画的画面，整个动画就是由这些画面组成的。）是构成动画的画面，整个动画就是由这些画面组成的。2关键帧关键帧关键帧（关键帧（keyframe）是可以编辑内容的帧，关键帧确定动画的若）是可以编辑内容的帧，关键帧确定动画的若干状态（比如开始和结束），整个动画就是由一个关键帧变换到另一干状态（比如开始和结束），整个动画就是由一个关键帧变换到另一个关键帧的连续过程。个关键帧的连续过程。9.1.2 时间轴面板面板时间轴面板描绘了层和图片随时间变化的属性。执行时间轴面板描绘了层和图片随时间变化的属性。执行时间轴面板描绘了层和图片随时间变化的属性。执行时间轴面板描绘了层和图片随时间变化的属性。执行“ “窗口窗口窗口窗口时间轴时间轴时间轴时间轴” ”命令，打开时间轴面板。命令，打开时间轴面板。命令，打开时间轴面板。命令，打开时间轴面板。播放头动画通道时间轴行为通道循环回放后退播放帧频自 动播放9.1.3 创建建时间轴动画画创建一个时间轴动画，效果如图创建一个时间轴动画，效果如图1、在层中插入图片、在层中插入图片2、打开时间轴面板、打开时间轴面板3、单击第、单击第15帧并将其拖动到第帧并将其拖动到第60帧帧5、拖动网页上的层，出现一条直线、拖动网页上的层，出现一条直线轨迹，在层面板上选择轨迹，在层面板上选择“自动播放自动播放”复选框，如果需要循环播放，则选择复选框，如果需要循环播放，则选择“循环循环”复选框。复选框。在添加的关键帧中移动层在添加的关键帧中移动层9.1.4 通通过录制路径制路径创建建动画画1、录制层路径、录制层路径2、在动画停止处，释放鼠标，自动添加一个动画条到时、在动画停止处，释放鼠标，自动添加一个动画条到时间轴中，同时也添加了适当数量的关键帧间轴中，同时也添加了适当数量的关键帧9.1.5 制作制作滚动公告牌公告牌1、在Layer 1中输入文字2、设置Layer 2的显示属性3、打开“层”面板4、将Layer 1拖入Layer 2中5、拖入层的效果6、设置时间轴属性 7、移动Layer 1位置8、浏览滚动动画效果9.1.6 时间轴中行中行为的的应用用目目标任任务 下面通下面通过一个一个实例来例来讲解解时间轴中行中行为的的应用，效果如用，效果如图 1、在层中插入图像 2、将图像层添加到时间轴3、拖动帧4、在关键帧处移动图像层5、路径调整6、命名按钮7、“行为”面板8、“播放时间轴”对话框9、“停止时间轴”对话框10、勾选“自动播放”和“循环”复选框9.2 插入多媒体对象插入多媒体对象9.2.1 多媒体概述多媒体概述随着科技的发展，表示信息的方式也越来越多，如数字、文字、随着科技的发展，表示信息的方式也越来越多，如数字、文字、图形、图像、动画、声像技术中的音频、视频图像等。这些都可以称图形、图像、动画、声像技术中的音频、视频图像等。这些都可以称为媒体。但这些媒体往往是单一的，而多媒体的概念是把各样媒体有为媒体。但这些媒体往往是单一的，而多媒体的概念是把各样媒体有机结合，全方位地提供给用户，并且允许用户根据自己的需要来选择机结合，全方位地提供给用户，并且允许用户根据自己的需要来选择性地获取某些信息。性地获取某些信息。多媒体产品，其实更像艺术作品。好的表现形式能很好地表现主多媒体产品，其实更像艺术作品。好的表现形式能很好地表现主题，使人产生极深的印象。同样，表现形式精彩的多媒体作品，可以题，使人产生极深的印象。同样，表现形式精彩的多媒体作品，可以使观众对其所表现的内容印象深刻。使观众对其所表现的内容印象深刻。多媒体的主要特征有两个：一是多种媒体形式并存，二是强大的多媒体的主要特征有两个：一是多种媒体形式并存，二是强大的交互交互 功能。功能。9.2.2 插入插入Shockwave影片影片1、选择一个扩展名为.swf的文件2、插入Shockwave电影文件3、Shockwave“属性”面板4、“参数”对话框5、“选择参数值”对话框9.2.3 插入插入Flash动画画在网页文档中插入一个在网页文档中插入一个Flash动画，效果如图动画，效果如图1、选择文件2、插入Flash文件Flash“属性”面板9.2.4 插入插入Java Applet 1插入插入Applet 2设置设置Applet属性属性9.2.5 插入插入ActiveX控件控件 1插入插入ActiveX控件控件在在“文档文档”窗口中，将光标放到要插入窗口中，将光标放到要插入ActiveX的位置。的位置。执行执行“插入插入媒体媒体ActiveX（C）”命令。命令。2设置设置ActiveX控件属性控件属性9.3 综综 合合 实实 验验制作一个网页中的透明制作一个网页中的透明Flash动画，效果如图动画，效果如图1、插入图片与层 2、插入Flash动画3、播放Flash动画4、编辑Flash参数5、添加代码