flash电子版教案

1、 BIS Primary School Lesson Plan北京市朝阳区爱迪外国语学校校本教材Flash 动画制作电子教案六年级教师：张丽娜教学进度计划表周次 日期 内容 课时备注第一周9.2-9.6认识flash动画、了解动画种类及形成2第二周9.9-9.13学会使用绘图工具2第三周9.16-9.20制作简单小动画2第四周9.23-9.27文字编辑2第五周10.1-10.7十一放假2第六周10.8-10.11元件的概念及作用2第七周10.14-10.18引导线动画2第八周10.21-10.25引导线动画提高2第九周10.28-11.1文字动画2第十周11.4-11.8文字动画提高2第十一周

2、11.11-11.15遮罩动画2第十二周11.18-11.22遮罩动画提高2第十三周11.25-11.29按钮制作2第十四周12.2-12.6按钮制作提高2第十五周12.9-12.13编辑声音2第十八周12.16-12.20编辑声音提高2第十七周12.23-12.27基本Action2第十八周12.30-1.3综合练习2第十九周1.6-1.10期末考试1Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周1Day 星期Date and Time

3、授课日期及时间星期三Class班级六年级Unit 授课单元/内容第1讲 Flash 8动画制作基础 Teaching Objectives 教学目标 1.了解Flash8制作逐帧动画的方法 2. 熟悉Flash8的设计环境及流程 Key Points 教学重点/难点Teaching Materials 教具准备Teaching Procedure教学过程1、 组织教学2、 新 授范例解析Flash 8用户界面介绍 1、欢迎界面 。 课堂练习运行Flash 8主程序。在欢迎界面中选择 选项，新建一个Flash文档。依次单击【菜单栏】上的各个选项展开其子项，查看并分析各个命令的用途。利用【工具面板

4、】上的各种绘图工具进行绘图操作。选择不同的对象，在【属性面板】中观察属性参数的变换情况 利用Flash进行动画开发，一般都需要经过一个较为固定的流程，如下所示。新建文档设置文档属性动画编辑保存动画发布设置发布测试动画确定新建的Flash文档类型确定文档大小、帧频、背景颜色等属性动画制作主体，完成绝大部分创作工作确定动画源文件的保持位置和格式确定动画发布为何种格式，如：SWF、gif等将动画按照发布设置进行发布范例解析制作“过光文字” 本例将使用逐帧动画来制作一个过光文字的效果，制作思路及效果如图1-3所示 课堂练习制作“数字倒计时” 请同学使用同样的逐帧动画制作方法，制作一个“数字倒计时”效果

5、 Notes on Board板书设计Flash 8用户界面介绍Feedback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周23Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容绘制素材Teaching Objectives 教学目标1 了解Flash绘图工具的使用方法。2 掌握图层的概念，并学习绘制复制图形的方法 。3 掌握艺术类动画素材的绘制方法 。Key Points

6、 教学重点/难点使用Flash绘图工具绘制简易场景效果 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授Flash 8提供了强大的绘图工具，给用户制作动画素材带来了方便和快捷。其【工具】面板中的具体工具的名称和快捷键如图2-1所示。【选择】工具（V）【任意变形】工具（Q）【线条】工具（N）【钢笔】工具（P）【椭圆】工具（O）【铅笔】工具（Y）【描边】工具（S）【滴管】工具（I）【手形】工具（H）笔触颜色填充颜色紧贴至对象平滑【部分选择】工具（A）【填充变形】工具（F）【套索】工具（L）【文本】工具（T）【刷子】工具（B）【颜

7、料桶】工具（K）【橡皮擦】工具（E）【缩放】工具（M，Z）伸直图2-1 Flash 8【工具】面板 用户使用Flash的绘图工具进行图形绘制的时候，可尽量使用对应工具的快捷键去控制工具的选择和更换，这样可以大大提高工作效率。 矢量图形： 定义：用矢量曲线来描述图像，包括颜色和位置等属性。 特点：矢量图形与分辨率无关，可以显示在各种分辨率的输出设备上，而不影响品质。 应用：矢量图形适合用于线性图，特别是二维卡通动画中，能够有效地减少文件容量。 位图图像： 定义：用像素排列在网格内的彩色点来描述图像。 特点：位图图像跟分辨率有关，在比图像本身的分辨率低的输出设备上显示位图时会降低它的外观品质。 应

8、用：位图图像适合用于表现层次和色彩细腻丰富，包含大量细节的图像。矢量图形与位图图形的特点对比如图2-2所示。图2-2 矢量图形与位图图形 图2-2 矢量图形与位图图形 2.1.2 范例解析（一）常用绘图工具练习本例将使用Flash 8中基本的绘图工具绘制一座既简单又生动的建筑物，带领读者来一同体验绘制素材的快乐，设计思路及效果如图2-7所示2.1.4 课堂练习绘制“简易场景”2.2.2 范例解析（一）图层操作练习 图层1 图层2 图层3 图层42.2.3 范例解析（二）绘制“仿真苹果”2.2.4 课堂练习绘制“精美爱心” 课后作业一、操作题 1、利用绘图工具绘制如图2-99所示的蜘蛛网效果。2

9、、利用绘图工具绘制如图2-100所示的太阳效果 。3、利用绘图工具绘制如图2-101所示的鼠标效果Notes on Board板书设计绘制素材矢量图形：位图图像：Feedback 教学反思Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周4Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容导入素材Teaching Objectives 教学目标1. 掌握导入图形文件的方法 。2. 掌握导入音

10、频文件的方法 。3. 掌握导入视频的方法 。4. 掌握打开外部库的方法 。Key Points 教学重点/难点1 使用导入图形的方法制作三维旋转效果 。2 使用导入文件的方法制作一个为地震灾区祈福的蜡烛效果 。3 使用导入视频的方法制作圣诞MTV效果 。4 使用打开外部库的方法制作四季风景效果 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授3.1 导入图形文件 图像是Flash 动画制作中最常用的素材之一，Flash 8支持导入的图像格式有PNG、JPEG、BMP、GIF、AI、EMF和PSD等，从而给动画素材的制备带来了

11、极大的方便。 一、导入图像的方法。（1） 导入到舞台 。（2） 2、导入到库。二、编辑图像的常用操作。（1）将图片从【库】面板中添加到舞台中 。（2）将图像转换为可编辑状态 。3.1.2 范例解析制作“中秋快乐”3.1.3 课堂练习制作“三维旋转效果”三、声音属性的设置。范例解析制作“美声音乐 ”3.2.3 课堂练习制作“悲情的曲调”我国的四川发生了特大地震灾害。这里请同学们使用提供的动画模板，配上一首忧伤的曲子来悼念我们的同胞，效果如图3-38所示 。3.3 导入视频 Flash 8支持导入的视频格式包括：MPEG（动态图像专家组）、DV(数字视频)、MOV (QuickTime电影)和AV

12、I等 .3.3.2 范例解析制作“美丽海景” 3.3.3 课堂练习制作“圣诞节MTV”3.4 打开外部库 导入外部库文件就是在当前Flash文档中打开另外一个文档的【库】面板，然后将里面的资源拖入到当前文档进行再一次的使用，从而可以实现Flash动画素材的重复使用，为Flash动画的制作提供方便。除此之外还可使用复制和粘贴资源或者拖放资源来实现元件在两个文档之间转换。 3.4.2 范例解析制作“探照灯” 本案例将使用迪斯尼公司出品动画马达加斯加中的一个动物们逃跑的画面，再配合其他动画元素来制作一个“探照灯”效果，其制作思路及效果如图3-61所示。3.4.3 课堂练习制作“四季风景” 请同学们使

13、用所学知识打开指定的外部库文件，使用其中提供的素材制作一个四季风景效果，如图3-70所示。3.5 课后作业一、操作题 1、使用导入声音功能，制作如图3-76所示的动态按钮。当鼠标滑过按钮时会听到一个声音，鼠标单击按钮后会听到另一个声音。2、 使用导入视频功能，制作如图3-77所示的动画。Notes on Board板书设计Feedback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周6、7Day 星期Date and Time

14、授课日期及时间星期三Class班级六年级Unit 授课单元/内容 制作逐帧动画Teaching Objectives 教学目标1.了解帧的种类及对帧的操作 。2.使用逐帧动画表现绘图效果 。Key Points 教学重点/难点1.使用逐帧动画表现绘图效果 。2.掌握逐帧动画的原理和制作方法 。3.掌握使用逐帧动画进行细腻表达的方法。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授4.1 逐帧动画原理 逐帧动画的原理比较简单，但是要制作出优秀的逐帧动画对制作者的动画技能要求较高。本节从逐帧原理入手再配合一个较简单的逐帧动画来讲述

15、如何制作逐帧动画 .4.1.1 知识点讲解 一、帧的类型 （1）关键帧 。动作补间动画、形状补间动画、AS代码、关键帧、空白关键帧在【时间轴】中的显示如图4-1所示 。（2）普通帧 。普通帧的最后一帧显示为一个中空矩形，图4-2所示为普通帧在【时间轴】中显示的效果 。二、对帧的操作。 对帧的操作有3种方式：菜单命令（见图4-3）、鼠标右键快捷菜单（见图4-4）和键盘快捷键。 三、逐帧动画的原理。 逐帧动画的原理是逐一创建出每一帧上的动画内容，然后顺序播放各动画帧上的内容，从而实现连续的动画效果，4.2.1 范例解析（一）对操作帧的练习4.1.4 课堂练习制作“旗帜飘扬” 请同学们使用绘图工具，

16、在不同的帧上绘制红旗在空中不同的状态，从而制作如图4-22所示的动态效果。4.2 认识原件和库 元件是Flash动画中的重要元素，灵活的使用元件可以使开发工作达到事半功倍的效果，所以本任务首先从认识元件入手，再配合一个逐帧动画案例剖析来讲述元件这一知识点。 4.2.1 知识点讲解一、元件和库的概念。 元件是指创建一次即可以多次重复使用的图形、按钮或影片剪辑，而元件是以实例的形式来体现，库是容纳和管理元件的工具。 形象地说，元件是动画的“演员”，而实例是“演员”在舞台上的“角色”，库是容纳“演员”的“房子”。如图4-26所示，舞台上的图形如“苹果”、“盘子”都是元件，都存在于【库】中，如图4-2

17、7所示。 元件只需创建一次，就可以在当前文档或其他文档中重复使用，如图4-27中的“苹果”图形 。二、使用元件的优点。（1）可以简化动画的编辑。 （2）减小动画文件尺寸 。（3）加快文件的播放速度 。三、元件的类型。 元件的类型有3种，即【图形元件】、【按钮元件】和【影片剪辑元件】 。 4.2.2 范例解析（一）辨别元件练习 Flash中的3种元件对于很多Flash用户来说都比较容易混淆，特别是图形元件和影片剪辑元件的不同更是很难区分，所以请同学们在老师的带领下做以下操作和观察来区别元件 4.2.3 范例解析（二）书写“生日快乐” 本例将使用逐帧动画来细腻描摹在蛋糕上书写“生日快乐”4个字的动

18、画，其操作思路及效果如图4-33所示 。4.2.4 课堂练习手绘“千里马”4.3 课后作业一、操作题 1、请使用逐帧动画模拟制作一个动态QQ表情效果，如图4-60所示 Notes on Board板书设计制作逐帧动画一、帧的类型 （1）关键帧（2）普通帧Feedback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周8、9Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容制作形

19、状补间动画Teaching Objectives 教学目标1 掌握形状补间动画的原理和创建方法 。2 掌握形状提示点的原理和使用方法 。 Key Points 教学重点/难点1 使用形状补间动画表现事物变化的过程 。2 使用形状提示点动画表现舌头摆动效果的方法 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授5.1 形状补间动画原理 形状补间动画是动画制作中一种常用的动画制作方法，它可以补间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的动画效果。5.1.1 知识点讲解一、形状补间动画的原理。 形状补间动画可以实现

20、两个矢量图形之间颜色、形状、位置的变化。二、创建形状补间动画 。 同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选项，如图5-2所示，就可创建一个形状补间动画 。三、认识形状补间动画的属性面板。 Flash 8的【属性】面板随选定的对象不同而发生相应的变化。当建立了一个形状补间动画后，单击时间轴，其【属性】面板如5-2所示。 其中经常使用的选项有如下两种 ： （1）【缓动】选项 。在【缓动】选项中输入相应的数值，形状补间动画则会随之发生相应的变化 。（2）【混合】选项 。在【混合】选项中包含“角形”和“分布式”两个参数。 5.1.

21、2 范例解析（一）创建形状补间动画练习 5.1.3 范例解析（二）制作“浪漫绽放” 5.1.4 课堂练习制作“魔幻扑克”5.2 形状提示点原理 当用形状补间动画制作一些较为复杂的变形动画时，常常会使画面变得混乱，根本达不到用户想要的变化过程，这时就需要使用形状提示点来进行控制。5.2.1 知识点讲解一、添加形状提示。 单击形状补间动画的开始帧，执行【修改】/【形状】/【添加形状提示】菜单命令。这样在形状上就会增加一个带字母的红色圆圈，相应地在结束帧的形状上也会增加形状提示符，如图5-33所示。 分别将这两个形状提示符安放到适当的位置时，起始关键帧上的形状提示点为黄色，结束关键帧的形状提示点为绿

22、色，如图5-34所示二、形状提示原理 。 继续添加形状提示点，并调节提示点位置，此时图形变化的过程如图5-35所示 图5-36所示为未添加形状提示点的变化过程，经过观察可以清楚的了解形状提示的功能和原理，即形状提示点用于识别起始形状和结束形状中相对应的点，并用字母a到z来表示 。 5.2.2 范例解析（一）使用形状提示点练习5.2.3 范例解析（二）制作“旋转的三棱锥”5.2.4 课堂练习制作“舌头也摇摆” 5.3 课后作业一、操作题 1、使用形状补间动画制作如图5-71所示的变形效果 。2、使用性质补间动画制作一个简单的雨滴效果，Notes on Board板书设计制作形状补间动画形状补间动

23、画可以实现两个矢量图形之间颜色、形状、位置的变化。Feedback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周10、11Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容第6讲 制作动作补间动画 Teaching Objectives 教学目标掌握动作补间动画的原理和创建方法 。掌握时间轴特效的原理和使用方法 。 Key Points 教学重点/难点掌握使用动作补间动画表现

24、蝙蝠飞翔的效果 。掌握使用时间轴特效制作动态影集的方法 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授6.1 动作补间动画原理 动作补间是Flash动画应用最多的表现手法，只要有动画产生的实例中就会使用动作补间，其重要性不言而喻，这里首先来认识其原理 。6.1.1 知识点讲解 一、动作补间动画原理。 动作补间动画是指在两个或两个以上的关键帧之间对元件进行补间的动画，使一个元件随着时间幻化其颜色、位置、旋转等属性，如图6-1所示。 二、创建动作补间动画。在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在【属性】面板上

25、的【补间】下拉列表中选择【动作】命令或直接在该帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，如图6-2所示就可创建动作补间动画。如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间动画失败，如图6-3所示 。 三、认识形状补间动画的属性面板 当选中动作补间动画的任一帧时，其【属性】面板如图6-4所示。其中常用的选项为【缓动】和【旋转】选项，在【旋转】选项中选择不同的方式，将使元件按不同的方式旋转。（1）“顺时针”是指元件播放时以顺时针方向进行旋转，并可在【次】项中设置旋转次数。（2）“逆时针”是指元件播放时以逆时针方向进行旋转，并可在【次】项中设置旋转次数。（3）“自动”

26、是指元件的旋转由用户自己进行设置。（4）“无”是指元件不产生旋转 。6.1.2 范例解析（一）创建动作补间动画练习6.1.3 范例解析（二）制作“云海日出”6.1.4 课堂练习制作“夜空中的蝙蝠”6.2 时间轴特效 时间轴特效功能经常用于以模板的形式制作一些复杂而重复的动画，例如模糊、位移等，恰当合理地运用Flash的时间轴特效功能，可以为Flash动画添加一些动感 。6.2.1 知识点讲解一、添加时间轴特效 。 给一个对象添加时间轴特效时，Flash会新建一个图层，同时把对象传送到新建的层中。对象被放置在特效图形中，特效所需的所有过渡和变形存放在新建层的图形中。新建层的名称与特效的名称相同，

27、并加一个编号，表示特效应用的顺序，如图6-75所示。 添加时间轴特效时，在库中会添加一个以特效名命名的文件夹，内含创建该特效所用的元素，如图6-76所示。二、时间轴特效设置 。 在Flash中包含8种时间轴特效，每种时间轴特效都以特定的方式来处理对象 。用户可以通过改变特效的各个参数，以获得理想的特效。在特效预览窗口中，可以修改特效的参数，快速预览修改参数后的变化，以选择满意的效果 。 6.2.2 范例解析（一）时间轴特效练习6.2.3 范例解析（二）制作“汽车影集”6.2.4 课堂练习制作“动态相册” 6.3 课后作业一、操作题 1、请读者根据所学知识制作一个水晶文字效果，如图6-101所示

28、 。Notes on Board板书设计 制作动作补间动画 动作补间动画:颜色、位置、旋转等属性Feedback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周12、13Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容第7讲 制作引导层动画Teaching Objectives 教学目标掌握引导层动画模拟篮球运动的效果 。掌握使用引导层动画表达艺术创意的方法 。 Key Po

29、ints 教学重点/难点掌握引导层动画制作气泡飘动的效果 。掌握使用多层引导动画模拟鱼儿游动的效果 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授7.1 引导层动画原理 引导层动画的创建方法和原理都是十分简单的，只要通过下面的学习，就可以轻松掌握 。7.1.1 知识点讲解 一、创建引导层和被引导层。 二、引导层动画原理。 图7-4所示为被引导层上小球在第1帧和第50帧处的位置。图7-5所示为小球的全部运动轨迹，通过观察可以很清晰地发现引导层的引导功能引导层上的路径在发布后，并不会显示出来，只是作为被引导元素的运动轨迹。在被

30、引导层上被引导的图形必须是元件，而且必须创建动作补间动画，同时还需要将元件在关键帧处的“变形中心”设置到引导层上的路径上，才能成功创建引导层动画。7.1.2 范例解析（一）创建引导层动画练习7.1.3 范例解析（二）制作“街头篮球” 篮球是目前世界上最受欢迎的体育项目之一，相信读者对其也十分熟悉。利用动画来制作投篮效果就需要使用引导层动画来完成，其设计思路及效果如图7-11所示 。7.1.4 课堂练习制作“花朵气泡”7.2 引导层动画提高7.2.1 知识点讲解观察生活中可以用引导层动画来表达创意的事物。使用引导层动画来模拟表达您的创意。收集素材丰富您的作品。在制作过程中不断完善自己的作品。 7

31、.2.2 范例解析制作“蜓桥相会” 7.2.3 课堂练习制作“鱼儿荷间戏 ”7.3 课后作业一、操作题 2、请同学们根据范例讲解制作“街头篮球”的制作思路，制作发射炮弹的效果，如图7-59所示 。Notes on Board板书设计第7讲 制作引导层动画Feedback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周14、15Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容第

32、8讲 制作遮罩层动画 Teaching Objectives 教学目标掌握遮罩层动画制作眼镜反光效果的方法 。掌握遮罩层动画制作流水效果的方法 。掌握遮罩层动画制作瀑布效果的方法 。 掌握遮罩层动画表现镜面拼图效果的方法 。掌握遮罩动画表现裂纹、断桥效果的方法 。Key Points 教学重点/难点掌握遮罩层动画制作眼镜反光效果的方法 。掌握遮罩层动画制作流水效果的方法 。掌握遮罩层动画制作瀑布效果的方法 。 掌握遮罩层动画表现镜面拼图效果的方法 。掌握遮罩动画表现裂纹、断桥效果的方法 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习

33、引入三新授8.1 遮罩层动画原理 在开始对遮罩层动画进行典型案例分析之前，首先来学习遮罩层动画的创建方法及其原理，为后续的提高打下理论基础 。8.1.1 知识点讲解 一、创建遮罩层。二、遮罩原理。遮罩层中的对象必须是色块、文字、符号、影片剪辑元件（MovieClip）、按钮或群组对象，而被遮层不受限制 8.1.2 范例解析（一）创建遮罩层动画练习 8.1.3 范例解析（二）制作“海边美景”8.1.4 课堂练习制作“瀑布效果”8.2 多层遮罩动画8.2.1 知识点讲解 将普通图层拖动到遮罩层或被遮罩层的下面，即可将普通图层转化为其被遮罩层，在一组遮罩中，遮罩层只能有一个，而被遮罩层可以有多个，那

34、就是多层遮罩，如图8-33所示，其中“图层2”为遮罩层，其余的所有图层都是被遮罩层。多层遮罩的创建原理十分简单，但是要使用多层遮罩动画做出精美的动画作品应该注意以下几点。从现实生活中寻找创作灵感。使用遮罩层动画来模拟表达创意。多种动画技术结合使用。在制作过程中不断完善自己的作品 8.2.2 范例解析制作“镜花水月”拼图游戏曾一度风靡全球，是老少皆宜的一种娱乐方式。本案例将通过多层遮罩动画，创造魔幻镜子拼图的效果，在充满乐趣的轻松的氛围下，带领读者感受唯美的遮罩动画的奥妙。其制作思路及效果如图8-34所示8.2.3 课堂练习制作“断桥遗梦 ” 请同学们使用经典案例“镜花水月”中制作影片剪辑遮罩动

35、画的类似方法，制作一个“断桥遗梦”的场景。在动画中，一面镜子映出一座古桥流水的画卷，被突然下落的石头砸中，产生裂纹，最后散为碎片，只留下梦境一般的一座古桥留在记忆的画面中。其效果图如图8-61所示 。8.3 课后作业一、操作题 1、请同学们根据典型案例制作“眼镜反光特效”的制作思路，制作一个汽车车窗的过光效果，如图8-69所示 。2、请同学们根据典型案例制作“海边美景”的制作思路，制作一个水中倒影的效果，如图8-70所示 。Notes on Board板书设计制作遮罩层动画 遮罩层：色块、文字、符号、影片剪辑元件（MovieClip）、按钮或群组对象被遮层：不受限制 Feedback 教学反思

36、 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周16Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容第9讲 ActionScript 2.0基础编程Teaching Objectives 教学目标掌握按钮的制作方法法 。掌握使用按钮控制时间轴跳转的方法 。Key Points 教学重点/难点掌握使用按钮和时间轴控制函数制作课件的方法 。 掌握使用Date类和影片剪辑元件旋转属性制作闹钟

37、的方法 。掌握使用Date类和动态文本制作电子手表的方法 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授9.1 ActionScript 2.0编程基础 与学习其他编程语言一样，要学习ActionScript 2.0这门编程语言首先从ActionScript 2.0的基本概念和语法规则入手 。9.1.1 ActionScript 2.0的基本概念 一、基本术语 。 (1)语法。（2）语句。（3）类。（4）动作。（5）表达式。（6）事件。鼠标和键盘事件。剪辑事件。帧事件。（7）标识符。（8）实例。（9）实例名称。（10）关键

38、字。（11）对象。（12）属性。（13）方法。（14）标点符号。（15）布尔值。二、语言规则。（1）点语法。（2）大括号：练习1-1：ActionScript语句中使用大括号“”来区分功能块，如下面的脚本所示：on(press)gotoAndPlay(1);（3）分号。（4）大小写字母。（5）注释。（6）关键字。三、常量、变量和数据类型 。（1）常量 。常量值有3种数据类型：数值型、字符串型和逻辑型 。（2）变量 ： 变量命名规则 。 变量的范围 。（3）数据类型 。9.1.2 ActionScript 2.0语法规则 一、运算符和表达式。（1）运算符 。（2）表达式 ： 算术表达式。 字符串

39、表达式。 关系表达式。 逻辑表达式。二、程序控制结构。（1）顺序结构 。（2）选择结构 。（3）循环结构 ： while结构。 for结构。 do while结构。三、函数。 函数是用来对常量、变量等进行某种运算的方法。如产生随机数、进行数值运算、获取对象属性等。如果将参数传递给函数，则函数会对这些值执行运算。函数也可以返回值 。9.2 ActionScript 2.0常用代 ActionScript 2.0是一个强大的编程语言，其为用户提供了大量的内部函数，能完成各种控制功能。但对于初级用户只需掌握一些简单的函数，来对影片进行简单的控制即可 。9.2.1 知识点讲解一、时间轴控制函数 新建一

40、个Flash8影片，选中“图层1”的第1帧，然后按F9快捷键打开【动作-帧】面板，依次展开左边窗口内的【全局函数】/【时间轴控制】选项即可参看所有的时间轴控制函数，如图9-1所示 二、影片剪辑控制函数 。 在【动作-帧】面板中，依次展开左边窗口内的【全局函数】/【影片剪辑控制】选项即可参看所有的影片剪辑控制函数，如图9-2所示 。 9.2.2 范例解析（一）制作按钮9.2.3 范例解析（二）制作“可爱动物秀” 9.2.4 课堂练习制作“公司宣传PPT”9.3 ActionScript 2.0编程提高9.3.1 知识点讲解二、对象属性参数 将【库】面板中的影片简介元件拖入到舞台中，然后可以在【属

41、性】面板中为其设定【实例名称】，如图9-24所示。 9.3.2 范例解析（一）使用动态文字练习9.3.3 范例解析（二）制作“青蛙闹钟”9.3.4 课堂练习制作“电子手表” 9.4 课后作业一、操作题 1、请结合组件和AS，开发一个精美的万年历效果，如图9-54所示 。Notes on Board板书设计第9讲 ActionScript 2.0基础编程 (1)语法。（2）语句。（3）类。（4）动作。（5）表达式。（6）事件。鼠标和键盘事件。剪辑事件。帧事件。（7）标识符。（8）实例。（9）实例名称。（10）关键字。（11）对象。（12）属性。（13）方法。（14）标点符号。（15）布尔值。Fe

42、edback 教学反思 Lesson Plan 教案Year / Semester2013-2014 Sem I 2013-2014学年第一学期Teacher教师张丽娜Subject科目flashTeaching Week教学周17Day 星期Date and Time授课日期及时间星期三Class班级六年级Unit 授课单元/内容第10讲 应用组件Teaching Objectives 教学目标掌握用户接口组件的使用方法 。掌握媒体控制组件和用户接口组件配合制作视频播放器的方法 。 Key Points 教学重点/难点掌握使用用户接口组件制作测试小软件的方法 。掌握媒体控制组件和用户接口组件

43、配合制作路径设置播放器 。Teaching Materials 教具准备Teaching Procedure教学过程一组织教学二复习引入三新授10.1 认识用户接口组件10.1.1 知识点讲解 一、手动创建组件。（1）利用【窗口】/【组件】菜单命令，打开【组件】面板，展开【User Interface】选项，如图10-1所示，一共有22个用户接口组件。（2）组件的创建方法十分简单，只需将一个组件从【组件】窗口中拖入到舞台中，即可创建成功,如图10-2所示 。二、手动修改组件参数 修改组件参数的一般方法是：首先单击选中舞台上的组件，然后在【参数】面板中进行参数设置或修改，图10-3所示为按钮组件

44、的参数面板 。三、代码创建组件及修改组件参数 创建组件和修改组件参数的方法除了手动操作外，还可以通过代码来实现 。10.1.2 范例解析（一）创建“DateChooser”组件练习 10.1.3 范例解析（二）制作“账务结算系统” 10.1.4 课堂练习制作“脑筋急转弯测试10.2 认识媒体播放器组件10.2.1 知识点讲解一、创建视频播放器。（1）执行【窗口】/【组件】菜单命令，打开【组件】面板,目前常用的媒体接口组件放置在【FLV Playback Player8】和【FLV Playback Custom UI】两个选项中，如图10-27所示。（2）将“FLVPlayback”组件拖入到