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

课题 第23课 使用Flash CS5创建网页动画（2） 课时 2课时（90 min） 教学目标 知识目标： （1）认识元件，掌握创建和应用元件的方法 （2）掌握编辑元件和元件实例的方法 技能目标： （1）能够创建、应用、编辑元件 （2）能够在实际中灵活运用元件 素质目标： 学习中要提高效率，避免做无用功 教学重难点 教学重点：创建和应用元件 教学难点：编辑元件和元件实例 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（22 min）→ 课堂实训（15 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】在上一节课的任务实施中，制作天鹅飞翔动画里用到了天鹅身体部位的元件，让学生查找何为元件 【学生】按照要求完成课前任务 通过课前任务，让学生了解元件在动画制作当中的作用 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3 min） 【教师】提出以下问题，并随机邀请学生进行回答 当图形、按钮或动画等元素在动画中被多次用到时，如何做才能方便使用？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：应用元件 通过实际应用中的常见问题，让学生进行探究，引出本次课元件相关内容 传授新知 （30 min） 【教师】讲解新知，应用元件 任务二 应用元件 一、任务说明 元件是存放在“库”面板中可以重复应用的图形、按钮或动画。当某些元素在动画中被多次用到时，可以将其制作成元件以方便使用。 二、预备知识 （一）认识元件 Flash中的元件分为三种，分别是图形元件、影片剪辑元件和按钮元件，下面分别列出了其相关属性和特点。 图形元件：用于制作可重复使用的静态图像，以及附属于主时间轴的可重复使用的动画片段。需要注意的是，不能在图形元件内添加声音和动作脚本，也不能将动作脚本添加在图形元件实例上。 【提示】 主时间轴是相对于元件内部的时间轴而言，位于元件外，或者说主场景中的时间轴便是主时间轴。 影片剪辑元件：用于制作可重复应用的，独立于主时间轴的动画片段。可以在影片剪辑内添加声音和动作脚本，也可以将动作脚本添加在影片剪辑实例上。 按钮元件：用于创建响应鼠标单击、滑过或其他动作的交互按钮。 【知识库】 元件本身可以是一个静态对象，也可以是一个小动画。另外，元件内部也可以包含元件，通过几个元件合成，可以使复杂的动画变得简单而有条理。 （二）创建和应用元件 1．创建元件 元件的创建方法有两种：一种是将现有对象转换成元件；另一种是直接创建空元件，然后在元件内部绘制、导入或编辑对象。 要将现有对象转换成元件，可先选中舞台上需要转换的对象，然后选择“修改”>“转换为元件”菜单，或按快捷键【F8】，在弹出的“转换为元件”对话框中输入元件名称、选择元件类型、设置对齐点后，单击“确定”按钮，即可将所选对象转换为元件，如图10-22所示（详见教材）。 要新建空白元件，可选择“插入”>“新建元件”菜单，或按【Ctrl＋F8】组合键，在打开的“创建新元件”对话框中输入元件名称，选择元件类型，然后单击“确定”按钮，即可新建一个空白元件，并进入该元件的编辑状态，如图10-23所示（详见教材）。 【知识库】 可以在空白元件中输入文本，绘制图形，也可以将主场景或其他元件中的对象拷贝到新建元件中。 【课堂问答】 【教师】随机邀请学生回答以下问题 请同学们思考，如何退出元件编辑状态？ 【学生】聆听、思考、回答 【教师】总结学生的回答 如要退出元件编辑状态，可单击舞台左上角的按钮，或按【Ctrl＋E】组合键。创建的元件会自动保存在“库”面板中。 2．应用元件 元件只是用于保存图像或动画片段的载体，它无法直接用于动画制作。要应用元件，就需要在舞台上创建该元件的实例。元件实例是对元件的引用，一个元件可以有多个实例。 要创建元件实例，需要将其从“库”面板中拖到舞台上，如图10-24所示（详见教材）；反复执行此操作可为同一元件创建多个实例。 【提示】 在将舞台上的对象转换成元件后，原来的对象将自动转换为该元件的一个实例。 （三）编辑元件和元件实例 在动画制作过程中，经常需要编辑元件或元件实例。 1．编辑元件 可进入元件的编辑状态对创建好的元件进行修改，修改方法与修改主时间轴中的对象相同。进入元件编辑状态的方法主要有以下几种。 使用“选择工具