《飘扬的旗帜——体验Flash交互动画》教学设计

    沈妹红

    设计思想

    本节课是江苏科学技术出版社八年级信息技术第一章《设计与制作动画》第4节的内容。通过前面三节内容的学习，学生已经掌握了动画的基本原理、元件、补间、层等基础知识，本节课在此基础上学习制作交互动画，用简单的代码让学生感受与计算机动画交互的魅力，提升Flash软件的操作技能。

    本节教学内容分为关键帧中的代码和按钮中的代码两部分，以70周年国庆阅兵式活动导入，通过升旗仪式引出主题——制作升国旗动画，利用“国旗上升后能停止吗？”“国旗能用按钮控制上升吗？”这两个问题，让学生学习“关键帧中添加代码”和“按钮中添加代码”，初步认识“代码”在Flash交互动画中的使用。接着，设置提高任务让学生自主探究学习，制作三个按钮控制三面旗帜上升的动画，熟练添加“代码”的操作，理解“代码”在Flash交互动画中的关键作用。最后，交流、总结Flash动画“交互”的内涵。

    学生分析

    本节课的教学对象是初二年级的学生，他们正处于身心急剧变化的关键时期，向往独立，但也乐于交流。学生熟悉信息技术课程，通过前期学习，已经掌握Flash动画基础知识与基本技能，了解元件、层、补间的概念，能够独立制作简单的动画作品，为本节课的学习奠定了基础。

    教学目标

    知识与技能目标：了解关键帧和代码中常用的控制动画代码;学会在关键帧、按钮中添加代码;学会在Flash中添加按钮;学会按钮控制“影片剪辑”的方法;熟悉“动作面板”的使用。

    过程与方法目标：本节课采用任务驱动的教学方式，设置四个层层深入的任务，学生采取自主学习、实践操作等学习方法，复习、思考、尝试、交流、总结，通过教师引导和指导，学习交互动画知识。

    情感态度与价值观目标：通过制作动画，培养学生的动手能力，激发学生学习Flash的热情;通过完成任务，加深知识印象，增强成功体验，提高Flash软件技能;通过阅读教材和使用学案，培养学生自主学习、协同合作能力;通过展示70年伟大成就，感受祖国强大，激发学生爱国情怀，提升道德修养。

    教学重难点

    教学重点：交互动画的体验、理解和制作。

    教学难点：培养制作交互动画的思维和方法。

    教学流程

    1.主题导入，复习旧知

    师：2019年10月1号的阅兵式大家看了吗？现在让我们来回顾一下国庆阅兵式的升旗仪式。

    学生观看升旗仪式。

    师：今天就让我们用所学的Flash软件制作一个升国旗的动画，让国旗高高飘扬，表达我们对祖国的热爱。国旗分为旗杆和旗帜两部分，你准备建几个图层？用什么补间？谁来说说你准备怎么做？

    学生回忆并讲述制作升国旗动画的步骤。

    师：请同学们打开桌面上的“升国旗.fla”文件，完成升国旗的动画。

    设计意图：①让学生分析并讲述制作升国旗步骤，复习巩固Flash动画基础知识。②“升國旗.fla”源文件中，已经建好“旗杆”和“旗帜”两个图层，并且“旗帜”图片已经转换为“图形元件”放在旗杆底部，学生只需操作两步就能完成动画，确保每位学生都能完成，让学生产生成就感，也能为下面的学习做好素材准备。

    2.自主探究，学习“关键帧中的代码”

    师：放映“升国旗”动画的时候，国旗一直在上升、下降，能不能让国旗升到旗杆顶部后就停止呢？请大家阅读教材第23页“控制动画代码”以及第24页“动作面板”内容，自己试一试，能否让国旗在旗杆顶端停止。

    学生自主学习教材并实践制作。

    教师请一位学生上台演示并讲解操作。

    学生观看并完成代码的添加。

    设计意图：①教材是学生学习的重要资源，充分利用教材，让学生自主学习并实践操作，锻炼学生的自主学习能力。②学生是课堂的主体，创造机会，转换角色，让学生做老师，提高学生的学习主动性。

    师：通过学习，我们只需在第30帧关键帧加入“stop（）”代码，就能让国旗在顶端停止，除此之外还有哪些代码呢？请同学们根据教材来连连看。（PPT展示代码功能列表）

    学生查看教材并学习控制动画的常见代码和功能。

    设计意图：学生完成动画后初步意识到代码在交互动画中的使用，初步体验交互动画的乐趣，然后趁热打铁，进一步学习控制动画的常见代码。

    3.演示操作，学习“按钮中的代码”

    师：现在是放映“升国旗”动画，国旗就自动上升，然后停止，那么能不能设置一个按钮，让国旗在旗杆底部待着，等需要的时候点击按钮，国旗再上升呢？

    师：首先，国旗一直在旗杆底部待着，我们需要怎么做？

    生：在“国旗”图层第一个“关键帧”加入代码“stop（）”。

    师：下面先请同学们阅读教材第P25页“制作按钮”和第26页“执行代码条件”内容，然后，根据教材来连连看。（PPT展示按钮状态和代码列表）。

    学生自主阅读教材，初步了解按钮知识。

    师：（演示讲解）从Flash按钮库里选择一个按钮拖入舞台，放映影片，点击按钮，会看到按钮有指针经过、弹起、按下、点击四种状态。选中按钮，在“动作面板”中添加代码“on（press）{play（）;}”。

    学生观看教师演示操作，完成按钮控制国旗升降的动画。

    设计意图：本环节知识内容是添加按钮和在按钮中加入代码，难度有所增加，因此采用教师讲授和学生教材阅读、实践操作的教学方法：学生浏览一遍教材，将按钮状态和代码连线，在脑海中初步形成“按钮知识”印象，教师通过讲授演示，将知识简洁化、明了化，学生在动画制作练习中逐步理解并掌握按钮的使用方法。

    4.拓展提高，熟练运用关键帧代码和按钮代码

    师：同学们，空中护旗梯队拉开了阅兵分列式的序幕，让我们再次回顾那激动人心的时刻。

    学生观看空中护旗队护卫党旗、国旗、军旗飞过天安门广场的视频。

    师：（展示事先做好的动画）动画中包含三面旗帜、三个控制按钮，同学们会做吗？

    师：（打开动画源文件）时间轴上只有一个关键帧，国旗、党旗、军旗的升起动画预先已经做好并分别放入各自的影片剪辑里。请同学们根据桌面上的“实践指南”文件夹里的操作步骤，完成这个动画，相邻座位同学可交流探讨。

    学生自主探究学习，完成动画制作。

    设计意图：本环节主要是拓展提高，学生经过前半节课的学习，已经初步了解交互动画，并会制作简单的关键帧代码和按钮代码。鼓励学生自主探究、合作学习制作动画，思考按钮、关键帧在控制动画中的使用，熟练库、影片剪辑、动作面板、时间轴的操作，同时加深理解代码在交互动画中的作用。

    5.交流分享，理解“Flash交互动画”的内涵

    师：我们今天做了旗帜的动画，从旗帜自动升降，到设置按钮控制升降，动画成了我们能够控制的动画，这就是Flash交互动画的魅力。谁能说说交互动画的实质是什么？可以讨论后再回答。

    学生交流讨论，总结提炼交互动画的内涵。

    師：Flash交互动画其实就是结合按钮、影片剪辑等组件，通过actionscript代码能够实现交互的功能，有兴趣的同学课后可以继续研究制作。

    设计意图：本环节主要是回顾总结、分享交流，让学生观察做过的升旗动画，从自动动画到可控动画，引出可控动画其实就是互动动画的概念，再引导学生讨论，得出结论——代码在交互动画中起到关键作用，从而深刻理解Flash交互动画的内涵。

    6.展示祖国成就，激发学生爱国情怀

    师：同学们，旗帜是什么？旗帜是忠诚，是信仰，是方向，是力量，是中国亿万人民心中的太阳，正是因为有了它，才有了我们现在的生活、现在的成就。让我们一起来感受祖国70年来的伟大成就吧！（PPT展示70年伟大成就）

    设计意图：这一环节是爱国教育主题的总结，展示祖国70年伟大成就，让学生感受祖国的强大，在为祖国自豪的同时明白现在生活的来之不易，激发学生的爱国情怀和感恩之情。

    教学反思

    本节课以具有爱国主义教育的阅兵式活动为素材，课堂稍显沉静，在观看活动视频、欣赏祖国成就、制作升旗动画的过程中，学生认真专注、积极投入，爱国之情如涓涓细流在课堂中、学生间静静流淌。

    本节课努力做到尊重学生、相信学生，设计自主探究学习和交流讨论环节，培养学生的学习积极性和能动性，学生的表现足以令人惊喜。

    本节课共有四个动画制作任务，多数学生能够操作完成，知识目标基本达成，但在第4环节制作“三个按钮控制三面旗帜”的动画时，还是有少数学生出现不少错误，如将按钮添加到了影片剪辑里、代码写错、影片剪辑实例名称输错等。另外，本节课还有一些遗憾和不足之处，如在第3环节由于学生出错率高，教师讲解“按钮代码”演示了两遍，在第4环节关于“影片剪辑”的内容只是一带而过，这表明教师在时间把控和掌握学情方面还需要改进。