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

课题 第21课 使用Flash CS5制作网页动画素材（4） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握文本的应用 （2）掌握导入和编辑外部图像的方法 技能目标： （1）能够在Flash当中灵活运用文本 （2）能够在Flash当中使用外部图像 素质目标： 工欲善其事必先利其器，学习中不急不躁，做足充分准备 教学重难点 教学重点：创建文本并美化文本 教学难点：编辑导入的位图 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（25 min）→ 课堂实训（12 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网查询Photoshop和Flash的区别与联系 【学生】按照要求完成课前任务 通过课前任务，让学生从宏观上区分Photoshop和Flash 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 我们在Dreamweaver、Photoshop中都使用文本，那么Flash中是否也可以使用文本？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：使用文本 对比之前学习的Photoshop以及Dreamweaver，引出在Flash中使用文本 传授新知 （30 min） 【教师】讲解新知，使用文本 任务五 使用文本 一、任务说明 使用Flash CS5提供的“文本工具”可以创建不同大小、字体和颜色的文本，还可以通过添加滤镜或将文本分离以对其进行精细调整或美化。 二、预备知识 （一）创建文本 选择“文本工具”后，可在“属性”面板中设置文本类型、字体、大小以及文本颜色等属性，如图9-118所示（详见教材）。设置好属性后，将光标移至舞台上要输入文字的地方单击，然后输入文字即可，输入完毕后，选择工具箱中的其他工具或按【Esc】键可结束输入。此时输入的文字为一个整体，我们称其为文本，如图9-119所示（详见教材）。 【知识库】 在Flash CS5中可以创建“TLF文本”和“传统文本”两种类型的文本，在制作动画时通常使用“传统文本”。而“传统文本”又可以分为静态文本、动态文本和输入文本3种类型，此处重点介绍静态文本。 另一种创建文本的方法是：选择“文本工具”并设置好属性后，将光标移至舞台上，按住鼠标左键并拖动，至合适位置后松开鼠标，创建一个文本框，然后在文本框中输入文字。当输入的文字达到文本框边缘时会自动换行，如图9-120所示（详见教材）。 【课堂问答】 【教师】随机邀请学生回答以下问题 请大家观察并思考，如何修改文本框大小？ 【学生】聆听、思考、回答 【教师】总结学生的回答 输入文本时，将光标移到文本框的4个边角上，当光标呈形状时，按住鼠标左键并拖动可改变文本框宽度 【知识库】 如果要重新设置已输入文本的属性，可用“选择工具”选中文本（或用“文本工具”在文字上单击并拖动以选中个别文字），然后再在“属性”面板上设置其字体、字号、颜色或段落格式等属性。 （二）美化文本 创建文本后将其选中，在“属性”面板“滤镜”区中单击“添加滤镜”按钮，然后在弹出的下拉列表中选择一种滤镜，即可为所选文本添加滤镜效果，例如为文本添加“渐变斜角”滤镜，如图9-121所示（详见教材）；选择滤镜后，还可在“属性”面板中设置其参数，如图9-122所示（详见教材）。 除通过添加滤镜来美化文本外，还可以分离文本后对其美化。选中文本后连续按两次【Ctrl＋B】组合键，可将文本分离为矢量图形，此时可用“选择工具”对其形状进行任意调整，如图9-123左图所示（详见教材）；也可以为其填充渐变色，如图9-123右图所示（详见教材）。但要注意的是，分离文本后，便不能再对其字体、字号等属性进行设置。 【学生】聆听、思考、理解、记录 【教师】引入任务实施内容，为动画广告条添加文本 三、任务实施——为动画广告条添加文本 下面通过为动画广告条添加文本，来练习“文本工具”在实际动画制作中的应用。 【多媒体】展示添加文本后的广告效果图（详见教材），演示为动画广告条添加文本的具体步骤 步骤1 打开本书配套素材“素材与实例\素材\Flash”目录下的“banner1.fla”文档，并在最上方的“图层4”上新建“图层5”。 步骤2 选择“文本工具”，之后在“