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

课题 第22课 使用Flash CS5创建网页动画（1） 课时 2课时（90 min） 教学目标 知识目标： （1）了解“时间轴”面板，掌握图层种类及基本操作 （2）掌握帧的种类及创建及帧的基本操作 技能目标： （1）能够在Flash中灵活运用图层 （2）理解帧的含义，能够对帧进行操作 素质目标： 不积跬步无以至千里，学习知识也要从点点滴滴开始积累 教学重难点 教学重点：帧和图层的基本操作 教学难点：理解图层和帧的含义 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（32 min）→课堂实训（8 min） 第2节课：问题导入（3 min）→ 传授新知（20 min）→ 课堂实训（17 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网查询Flash中的动画的分类 【学生】按照要求完成课前任务 通过课前任务，让学生了解Flash中动画的分类 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 在Photoshop中，可以将一幅图像的不同部分分别放置在不同的图层中，方便对图像进行编辑和处理，在Flash中是否也可以这样操作？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：认识图层和帧 通过与之前学习的Photoshop中的图层做对比，引出Flash中的图层 传授新知 （32 min） 【教师】讲解新知，认识图层和帧 任务一 认识图层和帧 一、任务说明 图层和帧用于组织Flash动画。图层可以看做是透明胶片，每个图层都有自己的帧，因此可以在不同的图层上制作动画的不同内容。帧是创建Flash动画的基础，也是构建动画最基本的元素，Flash动画就是通过在不同帧上放置不同对象，或设置同一对象的不同属性实现的。下面就来学习帧和图层的基本操作。 二、预备知识 （一）认识“时间轴”面板 “时间轴”面板是制作Flash动画的主要场所，它由图层区、帧区和播放头组成。图层和帧的相关知识将在后面陆续介绍；播放头指示动画的当前帧，也就是说舞台上显示的内容就是播放头所在帧的内容，如图10-1所示（详见教材）。 （二）图层种类及基本操作 在Flash的同一图层中不能同时为多个对象制作动画，因此在制作复杂的动画时，需要使用多个图层来组织动画，即在一个图层中控制一个对象，在另一个图层中控制另一个对象，依此类推，多个动画互不影响，结合后形成复杂的动画。 1．图层种类 Flash动画中图层的类型可以分为3种，分别是普通层、引导层和遮罩层。 普通层：普通层一般放置最基本的动画元素，如矢量对象、位图或元件等。 引导层和被引导层：引导层中的图像可以为被引导层中的对象定位，从而控制对象的运动路径。 遮罩层和被遮罩层：被遮罩层中的对象只能透过遮罩层中的对象显示出来。 【课堂问答】 【教师】随机邀请学生回答以下问题 请大家对比Photoshop中图层的种类与Flash中图层的种类。 【学生】聆听、思考、回答 【教师】总结学生的回答 Photoshop中的图层有多种类型，如普通图层、背景图层、调整图层、填充图层、形状图层和文本图层等；Flash动画中图层的类型可以：普通层、引导层和遮罩层。 2．图层的基本操作 默认情况下，图层是按照创建顺序命名的，如图层1、图层2、图层3等。可根据需要对图层进行移动、重命名、删除和隐藏等操作。 新建图层：常用“新建图层”的方法有两种，一种是单击“时间轴”面板下方的“新建图层”按钮，如图10-2左图所示（详见教材）；另一种是在已有图层上单击鼠标右键，在弹出的快捷菜单中选择“插入图层”命令，在当前图层上方新建一个图层，如图10-2右图所示（详见教材）。 重命名图层：可以根据图层上的内容给图层重新命名，比如背景图层可以命名为“背景”，小花所在图层可以命名为“小花”。可以通过以下操作来重命名图层：双击图层名称，再输入新名称并按【Enter】键确认，如图10-3所示（详见教材）。 删除图层：当时间轴面板上有不需要的图层时，可以将其删除。选中要删除的图层后，单击“时间轴”面板上的“删除图层”按钮，可删除图层，如图10-4所示（详见教材）。 隐藏图层：一般的动画都是由多个图层叠加在一起实现的，为便于观察某个图层中的对象效果，可以将其他图层暂时隐藏起来。要隐藏某个图层，可以单击相应图层名称右侧与“显示或隐藏所有图层”