网站首页动画教学设计.docxVIP

教学设计方案 设计摘要 教学题目 交互式动画之网站首页动画 课 程 网页动画制作 所选教材 中文版Flash CS6网页动画设计教程 设计依据 本教学题目的设计是依据真实的网站首页动画制作的典型工作项目引领的 实际操作过程。 一、学习目标 1、 能力目标：独立完成首页动画中按钮元件的设计与制作； 学会为关键帧添加脚本stop (),使动画停止在某一帧； 学会为按钮元件添加动作脚本，实现跳转画面的动画效果。 2、 知识目标：了解交互式动画的特点； 掌握动作脚本stop ()的作用与用法； 掌握动作脚本gotoAndplay ()的作用与用法。 3、 素质目标：提高学生制作网站首页动画的能力； 培养学生自主学习、解决问题的能力。 二、学习内容与重难点 1.学习内容(附件1) 一、 交互式动画 在Flash中可以通过设置动作来创建交互动画，使用键盘或鼠标与动画交互， 增强用户的交互性。 二、 简单动作脚本 Stop()：暂停当前动画的播放。 gotoAndplay ([scene, ] frame):跳转到[某场景的]某帧再开始播放。 三、 Flash中添加脚本的方法 将代码直接填写在时间轴的关键帧上； 将代码填写在按钮元件上; 2 ?学习重点及难点 学习重点：创建按钮元件，对按钮元件添加动作脚本。 学习难点：正确判断动作脚本添加的对象。 三、学情分析 本节课的授课班级为五年制的计算机大专班，学生特点如下： 1、 学生的生源为没考上高中的应届初中毕业生，自主学习能力薄弱，学习 积极性一般，且懒于学习。 2、 喜欢上网娱乐，热衷于游戏，软件的操作能力较强。 3、 入学时的年龄较小，心智不成熟，基本没有社会阅历，没有明确的职业 规划，为未来感到很茫然。 四、学习环境选择与要求 学习环境：计算机机房，要求可以连接外网。 教学资源设计 学习资源类型 多媒体学习资源 远程控制软件 学习资源简要说明 学生需要最终的动画效果样例来完成自己的动画作品； 教师需要远程控制软件给全体学生演示设置动作脚本的具体操作步骤。 五、学习情境创设 学习情境类型 模拟真实工作情景 学习情境设计 某公司的网站首页需要制作一个banner,要求如下： 1、 文档大小为700*400 2、 按钮大小为25*10 3、 使用给定的图片素材和动画效果制作网站首页banner 六、教法学法设计 教法：案例法、演示法、讲授法 学法：自主学习法、探究学习法 七、教学过程设计 教学环节 教学内容 教师活动 学生活动 设计意图 1?课前任 务分析 （3分钟） 1. 了解交互式 动画 1?举例说明交 互式动画 1、与教师互动， 观看交互式动画 实例 让学生直观的 感受交互式动 画 2.课程导 入（2分 钟） 1、布置教学任 务 1、在投影仪上 展示操作任务 1、观看分析操作 任务 1.明确本节课 的任务 3.课程实 施过程 （38分 钟） 1、制作逐帧效 果 1、指导学生在 操作过程中遇 到的问题 1、导入图片素材 制作逐帧效果 1、巩固逐帧动 画制作方法 2、根据要求绘 制按钮元件 1、指导学生在 操作过程中遇 到的问题 1、绘制按钮元件 1、巩固绘制按 钮的操作方法 3、为关键帧和 按钮添加动作 脚本 1、 讲解脚本 gotoandplay （） 的作用； 2、 讲解并演示 为按钮添加脚 本的操作方法 1、为按钮添加动 作脚本 1、让学生掌握 用按钮实现图 片切换效果的 方法。 4、为关键帧添 加动作脚本 1、讲解并演示 为关键帧添加 脚本的操作方 法 1、为关键桢添加 脚本stop （） 1、让学生掌握 交互式动画制 作的方法。 5、发布作品 1、记录学生的 完成情况 1、保存文件，发 布作品 1、发布作品 4 ?课堂小 结 （1分钟） 1、动作脚本 stop （）与 gotoandplay（） 的作用与用法 2、为关键帧和 按钮添加脚本 1、以当前动画 为例解释说明 1、观看投影仪 1、巩固用按钮 实现图片切换 效果的方法 5 ?下次课 任务布置 （1分钟） 1、完善动画作 品。 1、启发和开拓 学生的思路 1、通过浏览各种 网页动画，完善 之前的动画作品 1、学会制作更 多的交互式动 画效果 八、 教学评价设计 严格按照任务要求判定学生的作品，完成度为100%的成绩为合格，否则为不合 格。 九、 教学后记 附件1 “网站首页动画”任务书 一、 某公司的网站首页需要制作一个banner,要求如下： 1、 文档大小为700*400 2、 按钮大小为25*10 3、 使用给定的图片素材和动画效果素材制作网站首页banner 二、 请完整的写出各按钮的动作脚本。 按钮1 按钮2 按钮3 按钮4 按钮 1： on (release) {gotoandplay(l)} 按钮2：