Flash网页动画设计解读

《Flash网页动画设计》课程整体教学设计
一、管理信息
课程名称：《Flash网页动画设计》制定时间：2013.9.1
课程代码：所属部门：经济贸易系
制定人：郑金萍审核：
二、基本信息
学分：6 课程类型：电子商务专业的主干课程
学时：120 先修课程：《PhotoShop 图像处理》
后续课程：《网页制作》授课对象：电子商务专业二年级学生
三、课程设计
1．课程目标设计
（1）能力目标
总体能力目标：能够利用Macromedia Flash cs5软件制作二维动画；能够对文本、图像、声音等多种媒体进行集成，借助Flash的ActionScript的交互控制功能，制作Flash 动画广告短片、MTV、网站等有动感的适于在网上传播、展示的各类作品。

（2）知识目标
5.第一次课设计梗概（2课时）
（1）铺垫
①展示精选Flash经典作品。

类型包括：动感广告、MTV、故事短片、课件、网站、特色片段，重点展示企业网站中的优秀动画作品。

目的：让学生认识到Flash软件的强大功能，在于引发学生浓厚的学习兴趣。

②介绍从事动画设计的优秀毕业生。

目的：使学生明确学习本课程的目标，指导学生就业。

③告知学生本课程的总体教学安排、课内外学习方式、学习资源网站，介绍Flash 的安装方法。

目的：使学生明确本课程学习任务，从基于工作过程的学习任务中找到成就感，为以后就业打下坚实的基础；课外有学习平台和软件环境，能自主学习。

④介绍课程考核方式。

目的：主要告知学生功在平时，平时成绩占总分30%。

实训时的表现、课后的实训作业、阶段的综合实训项目、小组讨论学习的情况和出勤的情况等都是平时成绩的重要组成部分。

（2）进入正题。

①完成基本能力训练：一个简单的逐帧动画，作品名称为“欢迎进入闪客世界”。

教学实施过程：
首先，师出示“欢迎进入闪客世界.SWF”文件，介绍主要实现的关键技术，示范实现过程。

并在示范过程中，使学生熟悉时间轴、面板、工具栏和部分菜单等Flash基本工作界面的操作，掌握制作一个Flash所需的完整操作流程。

接着，生完成“欢迎进入闪客世界”动画文件，文字内容生自己创意，不必和示例相同。

师巡回指导，并从中了解学情。

②完成拓展能力训练：在前一作品的基础上，略微提高一点难度，即关键技术是逐帧加简单遮罩，作品名称为“Flash学习之旅”。

教学实施过程：
首先，让学生分组讨论动画效果的变化之处和技术上的解决办法。

接着，开展分组抢答的方式，以归纳技术要点和操作要领。

师从中了解学情。

然后，师根据学生讨论学习的情况作出点评，并对遮罩技术重点讲解
接着，生完成拓展能力训练“Flash学习之旅”动画文件，文字内容生自己创意，不必和示例相同。

师巡回指导，再次并从中了解学情。

最后，师归纳本次课学习要点，展示下次课学习任务，布置课外预习内容。

四、考核方案设计
1．基本思路
（1）本课程操作性强，鉴于平时学习过程、实训操作的重要性，考核以平时课堂表现、课后训练为主，基于过程的期末考试为辅的形式。

具体比例如下：平时成绩占总分30%，采分依据主要来自于考勤（5%）、课内课外完成的作品质量和数量（20%）、理论作业（5%）。

期中考试成绩占30%。

期末考试采用基于过程的上机操作方式，占总分的40%。

（2）课程设计与课程名称——“网页动画设计”紧紧相扣，每个课程项目都是网络动画的一个应用方面，期末的课程设计重点在于检验学生通过一个学期的学习，对Flash 动画制作各项技术的综合应用能力，时间安排的期末最后两个星期。

（3）制作的作品要求包括：设计并制作网站装载进度动态显示效果、网站动画欢迎页面、网站动态头部动画、网站动态效果导航条等，并能通过场景切换和元件调用实现作品的连缀。

要求：
①界面规范、美观。

②运行流畅。

③ActionScript代码的规范（含格式）。

④作品用到的技术全面（含图像制作、形变、运动渐变、逐帧、引导、遮罩、按钮、音效等）。

⑤结构、方法合理。

⑥有自己的创意。

⑦独立、按时完成。

五、教材、资料
教材：郑芹.Flash动画设计.北京：电子工业出版社，2008
参考资料：
1．李冬芸.Flash动画实例教程.北京：电子工业出版社，2010 2．王圣强.中文版Flash MX实用教程.北京：北京希望电子出版社3．网上的各种素材和作品
《Flash网页动画设计》课程单元教学设计
——《引导层与遮罩层动画的综合应用》一、教案头
三、设计说明
1．安排本次教学内容的必要性。

我们在做本课程整体设计时，多次进行探讨，查阅资料，从众多优秀Flash作品中发现，引导层和遮罩层动画是实现生动、形象、复杂和妙趣横生动画的重要奠基石。

因此本次教学内容——“引导层与遮罩层动画的综合应用”，在整个课程教学环节中是必不可少的。

2．选择实训载体的科学性。

所有单元教学的实训载体，不拘泥于教材，以“基于工作过程”为宗旨，科学安排教学内容和实训项目。

实训项目有的是从网站下载的，有的是来自教学参考资料上的，也有的是我根据教学内容设计的。

各实训项目或生动有趣，或以实际网页动画为教学内容。

使枯燥乏味的绘图工具学习转变为学生都感兴趣的案例，有效地开发了学生的创新思维，进而使学生的学习兴趣更加浓厚；我在安排“动感广告”网页动画和本次课教学内容时，本着服务地方的原则，主要以山东潍坊的一些企业网站动画为教学载休。

3．教学过程充分挖掘学生的主观能动性。

学生是学习的主体，只有充分挖掘学生的主观能动性，让学生自己发现问题和解决问题，才能取得良好的教学效果。

在教学过程，我基本上不手把手教学生如何操作，而是在各个教学环节中，采用合理的教学方式和教学手段，使学生主动完成实训项目。

课前要求学生预习教材案例以自学新授内容，课内展示预习效果，方式有抢答、小组汇报
等；教学引入时主要用任务驱动的教学方式，先出示案例，学生在预习的基础上分组讨论操作要领和必须掌握的理论知识，结合多种教学方式使每位学生参与到小组讨论中；学生操作练习过程中，我在个别指导时，也多以启发诱导方式，让学生主动想出解决办法；归纳总结时，也多以提问方式，让学生自己归纳出关键技术和重点知识。

4．以“做中学，学中做”为主线贯穿整个教学过程。

大多数中职学生不喜欢学习理论知识，喜欢动手操作实践。

因此在课前，要充分了解学情，避重就轻，要让学生边操作边掌握理论知识，为学生的可持续性发展奠定扎实的基础。

那么如何实施“做中学，学中做”这一教学理念？我基本上采用学生先分组完成案例，分组完成后经过互动的提问、抢答方式，大部分学生自然而然就将理论知识装入大脑了。

首先在实训项目设计上，我采取难度层层递进的方式。

课前预习的内容，课内不再讲授，而是引入时即提问简单的理论知识，以检验学生是否预习，一般预习的学生均能回答，课内实训项目难度在预习的基础加以提升，总结时提问较深的理论知识。

例如我在安排“遮罩技术”新授课教学环节时，要求学生课前预习教材案例“变换图片”和“花纹文字”，教材上有具体的操作步骤，大部分学生都能完成预习。

引入时我设计了这些问题：
问1：判断正误：
(1)被遮罩层中遮住的部分显示出来，而没有被遮住的部分无法显示。

(2)一个遮罩层可以遮罩多个被遮罩层。

问2：遮罩层决定显示什么？被遮罩层决定显示什么？
学生们都积极踊跃地参与到教学中来，出现了多个学生抢答的场面。

课内要求完成的实训项目为“百叶窗”、“探照灯”和“画卷展开”等，其中“画卷展开”动画，我设计了“水平展开画卷”、“垂直展开画卷”和“美女画卷”，各画卷动画实现技术几乎一样，由学生任选一个完成。

“美女画卷”是多次展开不同的美女图，看似复杂，学生分组探究了关键技术，也就迎刃而解了。

归纳总结时，通过前一阶段的操作训练和下述问题的问答：
问3：动态遮罩层动画有哪几种方式？请举例说明。

学生自己可以轻而易举地归纳出遮罩技术的知识要点。

又如，我在准备某次实训任务时，会合理地将把后续的知识贯穿到本次实训任务中，
当真正教授时，已无须多语，学生已在前几次实训时不知不觉地掌握了操作要领和知识要点。

5．有效地开展分组讨论学习，培养学生的团队协作精神。

根据教学内容，我有目的地组织学生进行课前预习、课内分组探究学习和分组实现案例。

在教学中，发现分组学习可以使学生思维更加活跃，观察力更强，能切实提高学生发现问题和解决问题的能力，使学生在学习中领会到他人智慧的魅力，更加主动地参与分组学习中来，从而培养学生的团队协作精神。