第18课 使用Flash CS5制作网页动画素材（1）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第18课 使用Flash CS5制作网页动画素材（1） 课时 2课时（90 min） 教学目标 知识目标： （1）熟悉Flash工作界面，掌握动画文档基本操作 （2）了解动画制作的基本原理，掌握简单网页动画的制作步骤 技能目标： （1）能够熟练运用Flash软件 （2）能够在Flash中制作简单动画 素质目标： 遇到困难能够不怕困难，迎难而上，培养钻研精神 教学重难点 教学重点：Flash的基本操作 教学难点：绘制和调整线条 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（28 min）→课堂实训（12 min） 第2节课：问题导入（3 min）→ 传授新知（25 min）→ 课堂实训（12 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】网页当中有文本，有图像，之后我们还将学习动画，请对比分析文本、图像、动画的视觉效果 【学生】按照要求完成课前任务 通过课前任务，让学生体会动画在网页中的作用 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 我们之前已经学习了在网页当中添加文本、图像，那么如何在网页中添加动画？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：认识Flash CS5 通过问题导入，引出动画制作软件Flash CS5 传授新知 （28 min） 【教师】讲解新知，认识Flash CS5 任务一 认识Flash CS5 一、任务说明 本任务首先启动Flash CS5并熟悉其工作界面，然后学习动画文档的基本操作，接着了解动画制作的基本原理。 二、预备知识 （一）启动Flash并熟悉其工作界面 正确安装Flash CS5后，可参照以下方法启动Flash CS5。 【多媒体】演示启动Flash CS5的具体操作 步骤1单击“开始”按钮，在弹出的菜单中选择“所有程序”>“Adobe Flash Professional CS5”；如果桌面上有Flash CS5的快捷启动图标，还可直接双击该图标启动Flash CS5。 步骤2启动Flash CS5后，首先显示起始页。单击“新建”列中的“ActionScript 3.0”或“ActionScript 2.0”即可新建一个Flash文档，并进入Flash CS5工作界面（ActionScript是Flash自带的编程语言，它后面的数字是版本号，本书若无特别说明都是选择ActionScript 3.0）。 步骤3进入Flash CS5工作界面后，可以看到其由标题栏、菜单栏、文档选项卡、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成。下面简单了解其特有的各组成元素的作用。 文档选项卡：打开多个文档时，单击以文档名称命名的文档选项卡标签可切换当前编辑的文档，单击文档选项卡右侧的“关闭”按钮，可关闭相应的文档。 编辑栏：用于选择要进行编辑的场景、元件，或设置舞台显示比例。 舞台：用于创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台上绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。 工具箱：提供了绘制、编辑和填充图形，以及缩放和平移舞台的工具。要选择某工具，只需单击该工具即可。另外，部分工具的右下角带有黑色小三角 ，表示该工具中隐藏着其他工具，在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。 “时间轴”面板：默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分，如图9-4所示（详见教材）。“时间轴”面板的左侧区域显示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间轴。 【知识库】 与电影胶片类似，Flash动画的基本单位为帧，多个帧上的画面连续播放，便形成了动画。图层就像堆叠在一起的多张幻灯片，每个图层都有独立的时间轴。如此一来，多个图层综合运用，便能形成复杂的动画。 “属性”面板：“属性”面板默认位于舞台右侧，利用它可以方便地查看和更改当前选定对象的属性。当前选定的对象不同，“属性”面板中的选项也会不同。 其他面板：如利用“颜色”面板可以设置图形的填充颜色或线条颜色；利用“库”面板可以保管Flash动画中用到的素材，如元件、音频、视频和位图等素材。 （二）Flash文档基本操作 1．新建文档