使用Dreamweaver 8时间轴创建动画与多媒体对象教程

需积分: 9 9 下载量 57 浏览量 更新于2024-08-17 收藏 2.27MB PPT 举报
"本教程是关于Dreamweaver 8中文版的实例教学,重点讲解了如何使用时间轴创建动画和插入多媒体对象。" 在网页设计中,Dreamweaver是一款强大的工具,尤其在处理动态效果和多媒体内容方面。本教程的第9章聚焦于时间轴的运用和多媒体对象的插入,这对于提升网页的互动性和视觉吸引力至关重要。 **9.1 使用时间轴创建动画** 时间轴是Dreamweaver中用于创建动态效果的关键功能,它基于DHTML技术,允许设计师通过控制层的属性变化(如位置、大小、可见性等)来制作动画。时间轴由帧和关键帧构成: 1. **帧**:帧是动画的基本单位,每个帧代表一个静态的画面,连续的帧组合起来形成动态效果。 2. **关键帧**:关键帧是可以编辑内容的帧,它定义了动画的起始和结束状态,动画的过程就是从一个关键帧平滑过渡到另一个关键帧。 **9.1.1 时间轴面板** 时间轴面板是操作和查看动画的界面,包括播放头、动画通道、时间轴、行为通道等元素。通过这个面板,设计师可以调整帧的顺序、添加或删除关键帧、设置播放选项,如帧频率、是否自动播放和循环播放。 **9.1.3 创建时间轴动画** 创建时间轴动画通常包括以下步骤: 1. 在层中放置元素,如图片。 2. 打开时间轴面板。 3. 设置关键帧,例如将第15帧拖动到第60帧。 4. 拖动层来定义路径,并在时间轴上显示轨迹。 5. 如果需要,可以选择“自动播放”和“循环”选项。 **9.1.4 通过录制路径创建动画** 对于更复杂的动画,如物体沿特定路径移动,可以记录层的运动路径,Dreamweaver会自动在时间轴中添加相应的关键帧和动画条。 **9.1.5 制作滚动公告牌** 制作滚动公告牌是一个实用的例子,涉及层的堆叠和时间轴属性设置: 1. 在一个层(如Layer1)中输入文字。 2. 调整另一个层(如Layer2)的显示属性,如透明度或尺寸。 3. 将Layer1拖入Layer2中,利用时间轴控制Layer1的移动,实现滚动效果。 **9.2 插入多媒体对象** 除了动画,Dreamweaver还支持插入多种多媒体内容,如图像、音频、视频等。了解如何正确插入和编辑这些对象是提升网页用户体验的重要技能。插入多媒体时需考虑文件格式、大小优化、以及与网页其他元素的兼容性。 **技能目标** 通过本章节的学习,设计师应能熟练掌握时间轴的使用,创建各种动画效果,并能有效地插入和编辑多媒体对象,提升网页的互动性和视觉吸引力。同时,对时间轴的理解和运用也扩展了网页设计的创意空间。