资源简介

《Flash导航制作》教学设计
设计依据
1、教材分析：学习内容是清华大学出版社《中文版Dreamweaver+Flash+Photoshop网页制作三合一教程》第13章“使用Action Script语句”第4部分“常见Actions”的内容，作为对原本知识的巩固和提高，本知识内容也是整书Flash部分的一个重点知识，因为在网页制作的应用中Flash按钮和AS代码的应用比较广泛，而“常见Actions”则恰恰是AS部分一个基础内容。
2、学习者分析： 网络工程与管理的学生在前面的课时中已经学习了Flash中基本动画的制作，学习了按钮的使用，并在前一堂课程中通过一个比较复杂的画轴展开实例制作了比较综合的Flash作品，因此在这个基础上学生能够比较顺利的理解和掌握关于本课Flash导航的制作方式，并能制作完成，在这个基础上讲解和添加简单的AS代码来学习“常见Actions”的相关知识。
教学方法及理论依据
1、任务驱动法：就是在教学的过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过对学习资源的积极主动应用，进行自主探索和互动协作的学习，并在完成既定任务的同时，引导学生产生一种学习实践活动。
学生在前阶段的学习中已经对Flash的基本动画制作有了基础，并且从前面的课程中可以发现他们在解决完成一个实际例子时所表现出来的好奇和制作完成后的喜悦是他们对这个知识块学习的兴趣和重点，因此用这个方法能够激励他们更好的完成任务，同时又这个任务又是能够利用前面知识加上今天的学习要点能够完成的。
2、发现学习：发现学习是“以培养探究性思维方法为目标，利用基本教材使学生通过一定的发现步骤进行学习的一种方式。
对前面影片剪辑的制作、补间部分和让学生探索发现这部分内容，对为什么影片剪辑会播放到中间的时候能停住进行探寻原因，充分发挥学生的积极主动和主体地位。
教学目标
知识目标：
1、简单AS代码的理解并合理添加
2、理解并完成制作Flash导航实例
能力目标：
1、能够通过教师引导和学习制作培养分析Flash导航制作的一般方法
2、能够对课堂讲解的这个Flash导航进行修改和再创作
情感目标：
能够对Flash导航界面进行合理的布局和基本色彩的设置
重点难点
重点：简单AS代码的理解并合理添加
难点：能够对课堂讲解的这个Flash导航进行修改和再创作
教学媒体运用
机房、多媒体电子教室
教学过程设计
新课导入（预计1分钟）
前面我们已经学习了FLASH里面的所有最基础的效果：补间（动画、形状）、引导线、遮罩，通过这个可以制作出很多绚丽的效果，那么这门课是网站制作，所以我们学Flash的目的也是为了网页中的应用，那么我们看到的在很多网站中绚丽的导航是用什么制作的？
先不用回答，首先给大家看几个网站。
（教师展示事先准备的带绚丽Flash导航的网站，引起他们的兴趣同时用Dreamweaver打开，看到导航部分插入的是一个Flash，引导学生回答这个问题——用Flash制作导航，引出本课的主题。）
讲授新课引出任务（预计2分钟）
前几天我一个外贸公司的朋友要我给他做一个网站，在网站界面的设计中他特别强调Flash导航的制作，问我们的班级学生能否帮他修改制作他们公司专题网站的Flash导航，他在这里给了我一个样板，要求根据这个需要进行制作修改，因此今天我替他来请大家帮忙完成这个项目，大家可以看大屏幕。
（教师展示需要讲解和探究的任务，激发学生的兴趣。）
有同学能帮我分析下这个导航大概需要我们Flash中的哪些东西呢？
（学生回答：图形元件、补间动画、按钮、影片剪辑、代码等，班级里学生的基础差异比较明显，引出一般导航的构成元素，并探询他们的基本制作方法。）
FLASH导航的认识（预计4分钟）
好了，既然我们要讲解Flash么我们来看一些比较有代表的各种类型的Flash也可以通过网络搜索到很多的导航，平时在浏览网页的时候也能看到很多有创意，形式多样的导航。
观看，分析一个，然后试着让学生大概去分析下它是怎么制作的？注意对色彩的感觉直接决定了你制作的东西好不好看，这里没有特别难的知识点无非就是形状、动画补间，还有就是色彩的变化。
（培养学生审美的素质，并能够发现问题今天探究，利用发现学习可以在教师的引导下让学生分析和探索，有助于他们在学习过程中的思考）
其实大部分的导航都差不多，无非就是按钮结合影片剪辑，在影片剪辑里可以制作漂亮的动画，配合AS代码等来实现。
（讲解和分析最常用的几个AS代码的使用：只有在帧、影片剪辑元件和按钮中可以添加代码，讲解复习stop(); GotoAndplay(); On(press);等，讲解这些代码的意义，并演示效果，这个步骤为了让下面的要点讲解和发现学习扫清知识障碍。）
详细分析和制作一个FLASH导航（预计8分钟）
教师简单分析，然后学生再进行探究和发现，最后完成这个任务：
（1）、首先是这个导航有三个部分组成，空按钮、影片剪辑和文字底色等。
（2）、制作好底色、场景大小、文字、白线
（首先根据你自己的网页需要设置场景的的大小，这里设置场景大小是800*37，背景黑色，帧频率是80帧每秒）
（3）、制作这个影片剪辑，具体的颜色代码看提供在FTP上的文档：
第一个颜色参数是粉红色，在不同图层画一个没有笔触颜色填充为粉红的矩形和一个圆角半矩形（具体做法很多），大小是宽125，高5，放在两条白线中间，然后分别做透明度和形状收缩的补间；在最上面创建一个图层，在第一帧处加入Stop，在32帧处按F6加入Stop；
（在这里主要把大概的做法给学生一个提示和说明，然后在投影仪中演示，给学生足够的想象、创意和探索的空间，让他们在我讲解的过程思考，他们在下面应该怎么做？）
（4）、回到场景，把在这个影片剪辑名字命名为 “a”；（涉及到元件的命名和后面的调用）
（5）、在上面画一个矩形刚好盖住第一个导航的位置，制作一个空按钮，就是只有第4帧，而前3帧都是空的：
（6）、回到场景，鼠标右击空按钮选择“动作”，然后加入如下代码：
on (rollOver) {
a.gotoAndPlay(2);
}
on(rollOut) {
a.gotoAndPlay(33);
}
on (press) {
getURL("../index.asp", "_self");
}
（讲解这段AS的意思，并教学生如何快速的利用脚本助手进行代码的编写，不需要一条条完全自己写，同时讲解脚本调用命名元件，对导航中使用最多的用来进行网页跳转的代码getURL进行分析讲解。）
（7）、复制制作好的影片剪辑和图形元件，修改颜色和元件名字，b、c、d、e、f等，把其他的几个栏目也要求制作好，我那个朋友公司的网站导航需要6个栏目，分别是：首页、公司简介、新闻中心、人力资源、服务中心、联系我们。
学生制作：发现学习、任务驱动（预计25分钟）
大家在讲解的基础上，通过自己的理解和我给定的制作步骤进行制作完成这个任务，帮这个公司网站制作好符合需要的Flash导航，相互之间也可以讨论特别是刚才讲解过程中关于影片剪辑制作的部分和代码的调用部分。
（教师指导巡视，设计这个环节主要是根据前面的讲解让学生进行在以有知识基础上通过讲解部分知识的发现探究学习，教师在巡视过程中选择有针对性的例子，以便为下部分作品讲解做准备）
作品讲解（预计3分钟）
对学生作品中出现的问题进行分析，以典型作品（有优秀的也有很多同学普遍产生问题的例子）为例，分析其内部结构、存在问题、提出可优化的部分。
课后作业：知识扩展——修改创作FLASH导航
前面我们已经制作完成了这个FLASH导航，通过制作也学习了简单的AS代码，知道了常用的导航用空按钮去实现对命名影片剪辑元件的控制，但是通过我的分析还是发现了一些问题，大家可以对这些问题进行修改，同时我们可以对这个导航的色彩搭配、展现方式等都可以进行修改和再创作，作为本堂课的课后作业，要求在下次课之前上交到我的电子邮箱或复制给我。
课堂小结（预计2分钟）
这节课中，我们首先通过观察和分析，总结了一般网页导航的制作方式，引出我们今天需要完成的实际任务中也可能涉及到这些内容，通过对这个实例的分析讲解，在复习回顾原本对影片剪辑制作、按钮制作的同时添加的简单的基本AS代码的应用和添加位置，实现用代码控制动化的流程和动作，并实现网页跳转，符合导航的功能需求，通过今天的学习能够分析网页中导航的一般制作思路，并通过今天的实例操作能够完成制作一个完整的Flash导航，通过课外的作业和不断的练习逐渐能够培养自己创作的能力。
教学反思
本堂课，突出学生的主体地位，在对一般导航的分析和实例制作中多为学生发现探索的空间，也留给他们半堂课以上的时间用于学习和制作，使学生有充分的动手时间，同时教师在学生制作过程中充当小助手的角色，让学生能够在出现问题并自己思考不出时能有一个应急的帮助不至于在制作过程中因一个环节的无法完成而放弃制作，打击他们完成任务的兴趣和自信。
从知识的落实和掌握上看，基本达到了预期的效果，一部分学生在教师的分析、引导和相互帮助下能够制作完成这个导航，并能正常使用，大部分同学只完成了一个栏目的制作，通过分析学生的作品提出几个问题给予他们一个改进、修正的机会，使错误及时得到改正，有利于他们对这个技能的提高。
但是在上课过程中教师对学生的基础估计过高，同时对于这样一个比较复杂的例子给予他们制作的时间还不够，没有完成所有栏目的制作，只完成一个或几个栏目的制作；教师在上课过程中表情过于严肃使一些学生有一些小问题宁愿问旁边同学，在课程中虽然有教师对学生的评价却没有学生对教师的评价。

展开更多......

收起↑