6.3 城市名片——脚本交互（教案）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

课 题 模块六 城市名片——脚本交互 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《Flash CS6动画制作案例教程》作为中等职业学校计算机应用与软件专业数字媒体及其相关方向的基础教材，作为各类计算机动漫培训教材，本书采用案例教学、模块教学的方法，通过案例引领的方式讲述Flash CS6动画制作基础、工具的应用、基础动画、高级动画、应用文本、多媒体与脚本交互等最常用、最重要的功能和使用方法，并通过综合能力进阶全面展示Flash的动画制作技巧。 本节课内容为教材中模块六 第三部分 城市名片——脚本交互 学情分析 知识储备：通过编辑“代码片断”，实现用按钮控制界面切换的效果。 能力水平：通过单击三个按钮，分别打开风景、视频、简介三个动画界面，声形并茂地呈现了“城市名片”的动态效果。 学习目标 知识目标：制作三个有声音、动态的按钮元件。 能力目标：通过单击三个按钮，分别打开风景、视频、简介三个动画界面，声形并茂地呈现了“城市名片”的动态效果。 素质目标：通过单击三个按钮，分别打开风景、视频、简介三个动画界面，声形并茂地呈现了“城市名片”的动态效果。 学习重难点 教学重点：制作三个有声音、动态的按钮元件； 教学难点：通过单击三个按钮，分别打开风景、视频、简介三个动画界面，声形并茂地呈现了“城市名片”的动态效果。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前对案例进行实操操作，让学生大致了解Flash CS6的基础知识和案例的主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 城市名片——脚本交互 案例描述： 制作如图 6-34 所示的动画，通过单击三个按钮，分别打开风景、视频、简介三个动画界面，声形并茂地呈现了“城市名片”的动态效果。 案例分析： 制作三个有声音、动态的按钮元件。 制作风景切换的动态效果、合理插入视频及图像。 通过编辑“代码片断”，实现用按钮控制界面切换的效果。 1.城市名片——脚本交互 1. 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 操作步骤 1.新建 Flash 文档，设置舞台宽为 600 像素; 高为 500 像素; 类型为 ActionScript3.0，按[Ctrl+S] 组合键保存文件，命名为“城市名片,fa”。 2.把“图层1”重命名为“背景”，导入图片素材“背景jpg”至舞，将其缩放到与舞台相同的尺寸。将时间轴移至 181 顿，按[F5]键插入帧。 3.将素材图片“相框1.png”、“相框 2.png”“相框 3.png”“按钮声音.wav”导入到库。新建按钮元件，命名为“按钮1”。将“相框 ]png拖动到按钮编辑舞台。在“指针经过”帧处按[F6]键插入关键，在“按下”帧处按[F5]键插入顿。 4.在按钮编辑舞台的“图”上方新建“图层 2”。在“指针经过”处插入关键在“按下”顿处插入帧。利用“形”具在指针经过”关键中绘制一个颜色为F9933Alpha 值为 70%的无边矩形。利用文本”工具，输入大小为 50 点: 颜色为黑色:系列为华文隶书的文序风景”。 2.操作步骤 （1）讲解每个特点，并结合实际操作形式和操作方法的形式进行讲授。 （2）听课、理解；针对不明白知识点提问、讨论，询问学生是否对知识理解透彻。 1.按学生的学习规律，循序渐进引入本课重点知识学习 2.通过课件、实操截图等多媒体方式讲解，易于学生理解和实战。 活动二： 调动思维 探究新知 6.用同样的方法，分别利用“相框 2.png”、“相框 3.png”素材制作按钮 2、按钮3,文字分别替为“简介"、“视频”。 7.回到场景 1，在“背景”图层上方新建“按钮”图层，分别将三个按钮拖动到舞台中，并调整其位置、大小及角度，效果如图 6-38 所示。将播放头移至 181 处，按[F5]键插入帧。 8.将素材“风景1.jpg”一“风景 4.jpg”、“简介.ng"、“巴黎的春天.mp3”导入库。在“按钮”图层上方新