网站首页动画教学设计

《网站首页动画教学设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、教学设计方案设计摘要教学题目交互式动画之网站首页动画课程网页动画制作所选教材中文版FlashCS6网页动画设计教程设计依据本教学题目的设计是依据真实的网站首页动画制作的典型工作项目引领的实际操作过程。一、学习目标1、能力目标：独立完成首页动画中按钮元件的设计与制作；学会为关键帧添加脚本stop(),使动画停止在某一帧；学会为按钮元件添加动作脚本，实现跳转画面的动画效果。2、知识目标：了解交互式动画的特点；掌握动作脚本stop()的作用与用法；掌握动作脚本gotoAndplay()的作用与用法。3、素质目标：提高学生制作网站首页动画的能力；培养学生自主学习、解决问题的能力。二

2、、学习内容与重难点1.学习内容(附件1)一、交互式动画在Flash中可以通过设置动作来创建交互动画，使用键盘或鼠标与动画交互，增强用户的交互性。二、简单动作脚本Stop()：暂停当前动画的播放。gotoAndplay([scene,]frame):跳转到[某场景的]某帧再开始播放。三、Flash中添加脚本的方法将代码直接填写在时间轴的关键帧上；将代码填写在按钮元件上;2•学习重点及难点学习重点：创建按钮元件，对按钮元件添加动作脚本。学习难点：正确判断动作脚本添加的对象。三、学情分析本节课的授课班级为五年制的计算机大专班，学生特点如下：1、学生的生源为没考上高中的应届初中毕业

3、生，自主学习能力薄弱，学习积极性一般，且懒于学习。2、喜欢上网娱乐，热衷于游戏，软件的操作能力较强。3、入学时的年龄较小，心智不成熟，基本没有社会阅历，没有明确的职业规划，为未来感到很茫然。四、学习环境选择与要求学习环境：计算机机房，要求可以连接外网。教学资源设计1.学习资源类型多媒体学习资源远程控制软件2.学习资源简要说明学生需要最终的动画效果样例来完成自己的动画作品；教师需要远程控制软件给全体学生演示设置动作脚本的具体操作步骤。五、学习情境创设1.学习情境类型模拟真实工作情景2.学习情境设计某公司的网站首页需要制作一个banner,要求如下：1、文档大小为700*400

4、2、按钮大小为25*103、使用给定的图片素材和动画效果制作网站首页banner六、教法学法设计教法：案例法、演示法、讲授法学法：自主学习法、探究学习法七、教学过程设计教学环节教学内容教师活动学生活动设计意图1・课前任务分析（3分钟）1.了解交互式动画1•举例说明交互式动画1、与教师互动，观看交互式动画实例让学生直观的感受交互式动画2.课程导入（2分钟）1、布置教学任务1、在投影仪上展示操作任务1、观看分析操作任务1.明确本节课的任务3.课程实施过程（38分钟）1、制作逐帧效果1、指导学生在操作过程中遇到的问题1、导入图片素材制作逐帧效果1、巩固逐帧动画制作方法2、根据要求

5、绘制按钮元件1、指导学生在操作过程中遇到的问题1、绘制按钮元件1、巩固绘制按钮的操作方法3、为关键帧和按钮添加动作脚本1、讲解脚本gotoandplay（）的作用；2、讲解并演示为按钮添加脚本的操作方法1、为按钮添加动作脚本1、让学生掌握用按钮实现图片切换效果的方法。4、为关键帧添加动作脚本1、讲解并演示为关键帧添加脚本的操作方法1、为关键桢添加脚本stop（）1、让学生掌握交互式动画制作的方法。5、发布作品1、记录学生的完成情况1、保存文件，发布作品1、发布作品4•课堂小结（1分钟）1、动作脚本stop（）与gotoandplay（）的作用与用法2、为关键帧和按钮添加脚本

6、1、以当前动画为例解释说明1、观看投影仪1、巩固用按钮实现图片切换效果的方法5•下次课任务布置（1分钟）1、完善动画作品。1、启发和开拓学生的思路1、通过浏览各种网页动画，完善之前的动画作品1、学会制作更多的交互式动画效果八、教学评价设计严格按照任务要求判定学生的作品，完成度为100%的成绩为合格，否则为不合格。九、教学后记附件1“网站首页动画”任务书一、某公司的网站首页需要制作一个banner,要求如下：1、文档大小为700*4002、按钮大小为25*103、使用给定的图片素材和动画效果素材制作网站首页banner二、请完整的写出各按钮的动作脚本。按钮1按钮2按钮3按钮4

7、按钮1：on(release){gotoandplay(l)}按钮2：按钮3：按钮4：三、思考一下，如果让你设计网站首页动画，你会怎么做?