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

教学设计方案 设计摘要 教学题目 交互式动画之网站首页动画 课 程 网页动画制作 所选教材 中文版Flash CS6网页动画设计教程 设计依据 本教学题目的设计是依据真实的网站首页动画制作的典型工作项目引领的实际操作过程。 一、学习目标 1、能力目标：独立完成首页动画中按钮元件的设计与制作； 学会为关键帧添加脚本stop（），使动画停止在某一帧； 学会为按钮元件添加动作脚本，实现跳转画面的动画效果。 2、知识目标：了解交互式动画的特点； 掌握动作脚本stop（）的作用与用法； 掌握动作脚本gotoAndplay（）的作用与用法。 3、素质目标：提高学生制作网站首页动画的能力； 培养学生自主学习、解决问题的能力。 二、学习内容与重难点 学习内容（附件1） 交互式动画 在Flash中可以通过设置动作来创建交互动画，使用键盘或鼠标与动画交互，增强用户的交互性。 二、简单动作脚本 Stop()：暂停当前动画的播放。otoAndplay([scene,] frame)：到[某场景的]某再开始。 学法：自主学习法、探究学习法 七、教学过程设计 教学环节 教学内容 教师活动 学生活动 设计意图 1.课前任务分析 （3分钟） 了解交互式动画 举例说明交互式动画 1、与教师互动，观看交互式动画实例 让学生直观的感受交互式动画 2.课程导入（2分钟） 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、发布作品 课堂小结 （1分钟） 1、动作脚本stop（）与gotoandplay()的作用与用法 2、为关键帧和按钮添加脚本 1、以当前动画为例解释说明 1、观看投影仪 1、巩固用按钮实现图片切换效果的方法 下次课任务布置 (1分钟） 1、完善动画作品。 1、启发和开拓学生的思路 1、通过浏览各种网页动画，完善之前的动画作品 1、学会制作更多的交互式动画效果 八、教学评价设计 严格按照任务要求判定学生的作品，完成度为100%的成绩为合格，否则为不合格。 九、教学后记 附件1 “网站首页动画”任务书 一、某公司的网站首页需要制作一个banner，要求如下： 1、文档大小为700*400 2、按钮大小为25*10 3、使用给定的图片素材和动画效果素材制作网站首页banner 二、请完整的写出各按钮的动作脚本。 按钮1：on (release){gotoandplay(1)} 按钮2： 按钮3： 按钮4： 三、思考一下，如果让你设计网站首页动画，你会怎么做？ 5 按钮3 按钮1 按钮2 按钮4