网页制作教程说课稿 形变动画和运动动画说课稿

第9章 动画设计（一）—— 形变动画和运动动画说课稿

一、说培养目标

  《网页制作》是职二年级电子商务专业的一门专业基础课。电子商务专业是一个复合型专业，它以互联网为运行平台，将传统经济转变为高效的网络经济。其培养目标可以定位为运用现代电子商务知识和计算机网络技术从事商务工作的人员。因此，掌握网页制作的方法是他们从事电子商务活动的基础。

二、说教材

（一）、教材地位、作用：

Dreamweaver、Flash、Fireworks这三个软件已被公认为网页制作三剑客，通过它们，可以快速、高效地制作网页、动画、处理网上图形，《网页制作》这门课程的教材以这三个软件为主线，通过实例由浅入深，逐层深入，使学生掌握网站制作、动画制作及网页图片处理的方法。

第九章正是基于Flash这根主线，讲授Flash动画制作的基本方法。在Flash中，形变动画和运动动画是动画制作的最基本的两种形式，而对于初学者，在动画制作过程中非常容易将形变动画和运动动画混淆， 导致动画制作失败。所以在实施教学过程中，我对原有教材进行了布局的调整，将第一节和第三节的内容合并为一节作为动画的基础在第一节课进行讲授，将第二节、第四节合并为一节作为运动动画的延伸在第二节课进行讲授,使学生在学习过程中能通过强烈对比，掌握基本动画的制作方法。本节作为本章的第一节课，主要介绍了“形变动画和运动动画”的制作方法。

（二）、教学目标

1、知识目标：

（1）掌握形变动画和运动动画设计的基本思想与方法。

（2）掌握利用形变和运动制作简单动画的方法。

2、技能目标：

（1） 能利用运动和形变制作简单的动画。

（2） 能利用运动和形变综合创作网站的横幅广告。

    3、情感目标

（1） 培养学生的实践能力和创新能力。

（2） 培养学生的团队协作精神。

（三）、教学重点、难点

由于运动动画和形变动画是Flash动画设计中最基础也是最重要的，任何复杂的动画都源于这两种简单的动画形式，但对于大部分初学者来说，对运动动画和形变动画的应用条件经常混淆不清，导致动画失败。因此在教学过程中，我制定了本节的重、难点：

教学重点：掌握运动动画和形变动画的设计方法，制作网站的横幅广告。

教学难点：运动动画和形变动画不同的应用条件。

三、学情分析

通过前两章的学习，学生已经熟悉了Flash的运行环境，掌握了Flash基本工具按钮的使用，具备了利用Flash进行基本素材设计的能力。

本节课的有利因素是：

1、学生动手能力强，喜欢亲自动手尝试，喜欢在制作过程中求新、求异。

2、我在前面Dreamweaver的学习中，已将学生进行分组，使兴趣爱好相同或相近的同学为一组制作主题网站，这为本节课的分组实践做好了铺垫。

不利因素是职专生普遍存在的理论基础差、自学能力差、知识融会贯通的能力差等特点。

四、说教学过程设计

本着培养学生自主学习能力，激发学生创新精神的原则，我将本节课设置为以下几个环节：

1、诱趣探求，引出新知。

首先，采用“诱趣探求法”，利用多媒体网络教室的广播系统向学生演示两个动画实例，并向学生提出问题：“仔细观察这两个动画，除了外形不同外，它们还有哪些方面不同”？以此来激发学生的学习兴趣。（学生通过寻找不同，得出结论：一个动画的运动物体为一个，而另一个动画的运动物体为两个）这时，我引出新课，“这就是Flash中最基本的两种动画形式：形变动画和运动动画。” 

通过这种为学生创设问题情境引出新知的方法，激发了学生的学习积极性，锻炼了学生的观察能力，为本节的重点内容做好了铺垫。

2、任务驱动，体验新知。

为了突出本节重点，我在课前设计了一个学生自主学习网站——空中课堂，让学生亲身体验形变动画和运动动画的制作过程。我以布置任务的方式，要求学生通过访问这个学习网站，亲自动手实践两个实例的制作过程，并在制作过程中，熟记要点，注意总结形变动画和运动动画制作的不同之处。在学习网站中，学生可以通过单击网站中的链接，进入到相应的学习主题；通过单击“下一步”，切换操作步骤。为了方便学生学习，我将主题中动画的每一个操作步骤都设置为一个小窗口，便于学生在操作时浏览；如果学生在操作时遇到困难，还可以单击“演示”按钮进行直观学习。这样，学生便可以很轻松的自主完成学习任务。当学生完成操作后，我让学生对形变动画和运动动画的不同之处进行总结，并将结果写在黑板上：

运动动画：

（1）起始点一个实例，终止点改变该实例的某些属性（移动、翻转、渐隐渐现等）；

（2）对象需要群组或转换成符号；

（3）时间轴帧的背景为淡紫色。

形变动画：

（1）一个图形到另一个图形的变化；

（2）图形或文字必须打散（Ctrl+B）；

（3）时间轴帧的背景为绿色 。

通过这种任务驱动的教学方式，加深了学生对这一知识点的掌握，使本节的重点内容得以成功落实，也达到了突破难点的目的。培养了学生的自主学习能力，使学生的动手能力得到了充分的发挥，让学生真正体验到了学习的快乐。

3、实例拓展，知识整合。

当学生掌握了动画制作的基本方法时，我进一步引导学生综合制作动画的能力。我为学生展示一个动画实例，并让学生分析：在这个动画作品中，满天繁星的效果是如何制作的？为什么星星和灰太狼、懒羊羊可以同时动作？通过对这个实例的分析，引导学生将前面学过的图层和符号的概念引入到动画制作中，使动画效果更加丰富多彩，也达到了拓展学生思维的目的，更加引起学生亲手制作动画的兴趣。

在这一环节的设计中，我主要锻炼学生知识整合，知识迁移以及对知识举一反三的能力。

4、合作探究，拓展深入

由于在本课程中，学习Flash的最终目的是用来美化学生的网页，所以本节课的终点也应该回到网页的美化中去。因此，我为学生布置任务：利用本节课所学的形变动画和运动动画，结合前面所学Flash基本素材的制作、图层、符号的基础知识，设计、制作一个符合自己网站风格的横幅广告，并向学生展示了几个网页广告的样式，为学生开拓眼界，同时演示评价量规，使学生在制作时能够有所依据。这个任务由学生分组协作来完成。在制作过程中，可以自己设计，也可参考辅助教学软件中《网页横幅的制作》来设计。我则巡视全场，帮助学生解决在制作过程中遇到的困难，掌握学生的进展情况。

最后以小组为单位，在全班进行展示并介绍制作过程，学生之间进行交流、评价，最后由我进行综合点评。在评价中，我使用激励性话语，对学生自主学习、创新的成果进行了高度的评价，通过这样的分组协作，激发了学生自主学习的兴趣，培养了学生勇于创新的精神，增强了小组内的凝聚力，锻炼了学生的动手能力，使学生的主体作用得到了充分的发挥，从而落实了本节的情感目标。

评价量规表

5、课堂小结，呼应主题。

最后，我通过板书与学生共同回顾本节课的重点内容，巩固学生对形变动画和运动动画应用条件的掌握，达到了呼应主题的目的。

6、作业设计，埋下伏笔

（1）考虑一下自己的网站中还有哪些部分可用Flash动画来进行美化，搜集相关资料，完善自己的网站，使网站“动”起来。

（2）对于运动的小球一例，如果想让小球从离开桌子后作抛物线运动，我们应该如何解决？为学生设疑，给下一节《运动引导线动画》埋下了伏笔，强化了学生的预习工作。

7、板书设计

在板书设计这一环节，我将形变动画和运动动画的应用条件在黑板上进行展示，这也是本节课的重点内容，这样既便于学生在制作动画过程中时刻注意不犯此类错误，也方便我做最后的课堂小结。

五、说教学方法

针对职专生普遍存在的自学能力差、理论基础知识差，但动手能力较强的特点，本节课我采用了自主探究式教学模式，在“引入新知”环节，我采用了“诱趣探求法”，为学生创设问题情境，使学生在找不同的过程中，对本节课产生浓厚的兴趣，让学生带着兴趣探索新知。在探索新知的环节中，我采用任务驱动、自主学习的方法，用我自己制作的学习网站——空中课堂为学生搭建自主学习的平台，以达到突破本节重、难点，提高课堂效率的目的。在拓展深入环节，我通过合作探究的方法，为学生提供更大的自主空间，让学生积极主动地学习和进行知识探索活动，充分发展自己的兴趣、爱好，使学生成为学习的真正主人。

六、说学法指导

针对学生自学能力差、知识融会贯通能力差的特点，在整个教学过程中我鼓励学生主动参与、相互讨论、协作学习，使学生逐步养成自主学习的学习习惯，培养学生勇于探索的创新精神及团结协作的团队精神。另外，我还在学习过程中逐步引导学会对知识进行迁移、整合，养成学生独立思考的学习习惯，进一步提升学生的综合创作能力。