第06章-制作多媒体网页

《网页设计与制作基础教程(第3版)》第六章制作多媒体网页:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::学习目标

除了在网页中使用文本和图像元素来表达页面信息以外，在制作网页时还可以向其中插入Flash动画、视频和音乐控件等内容，以丰富网页的效果。本章将重点介绍使用Flash制作网站动画以及在网页中插入各种多媒体元素的方法。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::本章重点FlashCS6的绘图工具FlashCS6的基本操作

制作Flash网页动画

在网页中插入多媒体:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.1FlashCS6简介

Flash制作的动画是矢量动画，它凭借诸多的优点，广泛用于在互联网、多媒体课件制作以及游戏软件制作等领域。本节将主要介绍FlashCC的工作界面与常用绘图工具，并帮助用户初步掌握使用该软件的方法。

FlashCS6的工作界面网页的布局结构网页的制作流程:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.1.1FlashCS6的工作界面

使用FlashCS6制作动画，首先要熟悉FlashCS6的工作界面，FlashCS6的工作界面主要包括菜单栏、“工具”面板、垂直停放的面板集、“时间轴”面板、舞台等界面要素。

菜单栏“工具”面板

“时间轴”面板

面板集

舞台:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.1.2Flash

CS6的文档操作

使用FlashCS6可以创建新文档进行全新的动画制作，也可以打开以前保存的文档进行再次编辑。本节主要介绍Flash文档的新建、保存和打开等基本操作。

新建Flash文档保存Flash文档打开与关闭Flash文档:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2制作Flash动画

Flash制作的动画是矢量动画，它凭借诸多的优点，广泛用于在互联网、多媒体课件制作以及游戏软件制作等领域。本节将主要介绍FlashCC的工作界面与常用绘图工具，并帮助用户初步掌握使用该软件的方法。

认识时间轴和帧帧的基本操作制作逐帧动画

制作形状补间动画

制作传统补间动画

在动画中使用图层:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2.1认识时间轴和帧

帧是Flash动画的最基本组成部分，Flash动画就是由不同的帧组合而成的。时间轴是摆放和控制帧的地方，帧在时间轴上的排列顺序将决定动画的播放顺序。

时间轴帧:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2.2帧的基本操作

在制作动画时，可以根据需要对帧进行一些基本操作，例如，插入、选择、删除、清除、复制、移动和翻转帧等。

插入帧选择帧

删除帧

清除帧

复制与粘贴帧:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2.3制作逐帧动画

逐帧动画，也被称为“帧-帧动画”，是最常见的动画形式，最适合于图像在每一帧中都在变化而不是在舞台上移动的复杂动画。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2.4制作形状补间动画

形状补间是一种在制作对象形状变化时经常被使用到的动画形式，它的制作原理是通过在两个具有不同形状的关键帧之间指定形状补间，以表现中间变化过程的方法形成动画。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2.5制作传统补间动画

传统补间动画可以用于补间实例、组和类型的位置、大小、旋转和倾斜，以及表现颜色、渐变颜色切换或淡入淡出效果。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.2.6在动画中使用层

图层就像透明的薄片一样，层层叠加，如果一个图层上有一部分没有内容，那么就可以透过这部分看到下面的图层上的内容。

图层的基本操作

转换元件

引导图层

遮罩图层:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.3在网页中插入Flash动画

在Dreamweaver中，Flash动画也是最常用的多媒体插件之一，它将声音、图像和动画等内容加入到一个文件中并能制作较好的动画效果，同时使用了优化的算法将多媒体数据进行压缩，使文件变得很小，因此，非常适合在网上传播。

插入Flash动画设置Flash动画属性:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.4在网页中插入视频与音频

在网络发展的初期，很难在网页中看到图像听到音乐。但现在随着网络传播速度的增强和流式服务的实现，完全可以通过网络观看录像、电影或收听音乐。本节将介绍使用DreamweaverCC在网页中插入视频和音频的方法。

插入与设置Flash视频插入普通音视频:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::6.5在网页中插