《制作flash遮罩层动画》教案.docx

《制作flash遮罩层动画》教案.docx

《《制作flash遮罩层动画》教案.docx》由会员分享，可在线阅读，更多相关《《制作flash遮罩层动画》教案.docx（12页珍藏版）》请在冰豆网上搜索。

《制作flash遮罩层动画》教案

制作flash遮罩层动画

讲课人：

马振宇

齐河县职业中专

《制作flash遮罩层动画》教案

齐河县职业中专：

马振宇

【教学目标】

1.知识目标

（１）通过实例引导学生进一步理解遮罩动画的含义及其制作方法

（２）通过递进的任务驱动，使学生掌握遮罩层动画的制作方法和技巧。

2．能力目标

（１）能够灵活运用所学动画制作技巧，创作动画作品，拓展学生的知识和能力。

3．情感目标

（１）培养学生自主学习能力、探索创新能力和综合运用知识的能力。

（２）培养学生热爱学校的荣誉感。

【教学重点与难点】

重点：

遮罩图层的含义，遮罩效果的制作方法。

难点：

理解遮罩与被遮罩的关系。

【教学方法】

以层层递进的任务为驱动，引导学生分析、观察、讨论、实践，师生互动完成教学过程。

【教学用具】自制的遮罩演示教具、多媒体电脑、投影仪

【教学过程】

教学流程

教师活动

学生活动

设计意图

创设情境

引出课题

通过几个遮罩层动画导入本节课，看动画的同时思考遮罩动画的原理。

找出片中图片效果还有文字效果的共同点是什么？

引出课题“遮罩动画效果”

先看本节课教学重难点

Flash遮罩效果图，形象、生动、直观的展示给学生，使学生感受到效果图的共同处，由此产生出一种“罩”的感觉。

用几个动画引出遮罩动画的原理，进一步通过设疑引起学生的注意，调动学生主动参与到课堂中来。

探索新知

探索新知

一、遮罩层的概念

1、遮罩层：

遮罩层和引导层一样，是FLASH中特殊的图层。

有两个图层，上边的图层叫遮罩层，其作用是遮盖下一个图层，以禁止对其进行编辑。

下面的图层叫被遮罩层。

用自制的教具，用挖空的纸与学生进行现场模拟遮罩效果。

学生大声朗读

边讲解边模拟，

１、通过学生读概念，巩固对遮罩图层含义和建立方法的理解与掌握。

２、设疑：

（１）要产生遮罩效果，至少要有几个图层？

（２）遮罩图层与被遮罩图层的位置关系。

（３）遮罩动画效果的特点。

带问题学习

２、通过引导学生发现问题，激发学生在实践中解决问题的学习热情。

二、遮罩层的创建方法

遮罩层总是与被遮罩的普通层相联系的,它的创建如下：

1、选择要建立遮罩的普通层，单击普通层新建按钮，在此层的上面新建一个普通层。

2、在新建的层上右击，选择快捷菜单中的遮罩层，即可将当前的普通层转化遮罩层，其下的图层将自动转化为被遮罩层。

。

让学生明确正确的基本操作方法。

三、遮罩层动画的创建

1、静态单层遮罩

遮罩层是图层的一种，其主要功能是遮住下面图层的某一部分不让显示出来。

注解：

遮罩层显示的是遮罩层与被遮罩层相交的部分，不相交的部分不会显示出来。

显示出来的颜色是被遮罩层的颜色，与遮罩层的颜色无关。

2、动态单层遮罩

根据现场做的模拟效果，在Flash中也同样插入了一张有内容的图层和挖空的纸片图层，并使挖空的纸片（遮罩层）从左往右移动。

A、遮罩层动

B、被遮罩层动

3、多层动态遮罩

一个遮罩层可以遮罩多个被遮罩层，就是我们经常所说的多层遮罩。

将现有层直接拖放到遮罩层下面。

选中图层，执行右击“属性”，在对话框中选中“被遮罩”。

让学生观察遮罩层与被遮罩层的不同，得出结论。

给学生任务

分析任务中图层的位置和运动效果的制作

３、通过引导学生探究两种动画的异同来激发学生在原基础上进一步完善作品的学习热情。

4、通过层层递进的任务驱动让学生在完善作品的过程中体验成功的喜悦。

通过学生示范，进一步强化遮罩动画的制作过程。

5、通过组织学生讨论分析，培养学生的合作意识。

6、提高任务是任务拓展的延伸，引导学生运用所学，举一反三，主动探究问题。

评价交流

总结

【交流展示】展示学生作品，交流成果，分享喜悦。

我们总结一下学习了哪些内容

展示大屏幕显示汇总内容

感受成功，交流分享。

促进学生的主动性和积极性。

学生总结

教师补充

通过点评学生作品的点评来及时反馈课堂效果。

作业

必作题：

利用所学知识通过三种不同的形式：

制作卷轴效果的动画

作业分开层次，满足不同能力的学生

结束语

同学们，本课我们学习了遮罩动画的原理及制作方法，今天我们制作的也只是遮罩效果中的沧海一粟，希望大家课后多应用多实践制作出更精彩的作品。

倾听老师的话语。

鼓励学生积极主动地学习Flash软件。

《制作交互网页》教学设计

　　　　　　　盐都区义丰初级中学李中楠

一、教材分析：

《制作交互功能的网页》是苏教版初中信息技术8年级第三章“主题网站设计”的内容，属于第2节“网站的制作”中的第5小节，在本章节中起着承上启下的作用。

本节课内容主要包括交互网页的概念、表单的设计、表单元件的插入及设置方法，重点是掌握表单元件的功能及设置方法。

学好本节课内容不仅使得学生对网页的设计更加的深入，也为后面学习制作动态网页奠定基础。

二、学情分析：

本节课面对的教学对象是初中八年级的学生，学生在前面几节课已经学习了Dreamweaver软件的使用，掌握了新建、打开网页的技能，会简单的静态网页设计。

本节课内容是在学生已经掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计及制作方法。

三、教学目标：

知识与技能：

了解交互网页概念，学会表单的功能设计及表单元件的使用方法；掌握表单元件的设计及属性设置方法。

过程与方法：

通过表单元件的分析设计，体验表单元件在交互网页中的作用；通过表单的制作，培养自主学习与操作的能力。

情感态度与价值观：

在运用、学习、制作的过程中感受表单给网页带来的交互作用。

四、教学重点与难点：

教学重点：

（1）表单元件的正确插入。

（2）表单元件的属性设置。

教学难点：

表单元件的属性设置，根据实际需要正确运用表单元件。

五、教学准备：

1．课前做好一份纸质消防逃生知识问答。

2．利用Dreamweaver制作好消防逃生知识问答交互网页成品。

3．小助手：

（1）把几种元件的插入步骤用图文形式给出发给学生。

（2）把供学生选择的调查项目文本形式发给学生。

4．收集几个常见交互网页（QQ注册、电子邮箱申请以及调查问卷）。

5．设计好《制作交互网页》学习任务单，每位学生一份。

六、教学过程：

（一）创设情境，引入新课

观看视频《爱自己——消防逃生知识》。

分发纸质消防知识问答给学生，让他们完成活动一。

活动一：

填一填——填写纸质“消防知识问答”。

学生填写纸质“消防知识问答”，老师巡视检查。

老师演示用Dreamweaver做好的“消防知识问答”网页，学生观看。

通过这两种方式的对比，让学生感受到交互网页的优势，从而引入新课。

揭题：

制作交互网页——具有交互功能的网页

教师总结：

类似这样的交互式网页可以广泛征求意见，有利于信息的征集和交流。

例如QQ注册、电子邮箱申请，进行问卷调查和知识问答等。

设计意图：

通过学生填写纸质知识问答和老师演示网页知识问答进行对比，发现老师演示的网页问答试卷设计更加合理，激发学生继续探究新知的兴趣。

让学生在实际应用中感受交互网页，激发学生学习热情并积极思考处理问题的方法。

（二）活动引领，合作学习

1．初识表单元件

把QQ注册、电子邮箱申请和康师傅问卷调查的网页发给学生，让他们打开并体验各种交互网页,找出它们的共性，并猜一猜几个出现频繁的图标的作用。

比如：

学生分组活动，组内学生认真分析各图标及其作用，并完成活动二。

活动二：

连一连——。

容概貌惰将图标、对应功能和表单名称连线。

1．学生尝试连接图标和对应功能。

2．连接图标和表单元件的名称。

请学生演示连线。

老师巡视学生完成导学单情况，及时评价反馈。

教师通过小黑板逐个介绍几个常用的表单元件及其作用：

表单、文本域、文本区域、单选按钮、列表/菜单、复选框、按钮等。

设计意图：

这里在讲解表单元件及其作用的地方是通过圆圈、方框等学生感兴趣的图标，让学生先猜一猜这几个图标在交互网页的作用，当然全部学生表述是有困难的，接着老师提示学生完成活动二连一连，学生会有一种醍醐灌顶的感觉，老师乘热打铁用小黑板给出图标在交互网页中的名称。

层层递进，为学生搭建探究学习的支架，引导学生在已知和未知之间轻松过渡。

2．设计表单元件

俗话说“将军不打无准备之仗”，要想顺利完整全面地收集到大众对某件事情的看法和建议，我们是不是还要来做一个规划呢？

请学生分组讨论，构思，完成活动三。

活动三：

试一试——规划问卷调查。

规划问卷调查

对你要做的问卷调查作如下规划：

想调查什么主题？

问卷名是：

调查项目

用何种表单元件

姓名

文本域

供参考问卷主题:

游客问卷调查、网上购物问卷调查、学生家庭情况问卷调查等；

供选择的调查项目：

姓名、性别、家庭住址、学历、工作、一年旅游多少次？

对本景区的建议、月均收入多少？

您经常网购吗？

网购的优点（缺点）、班级、户籍、家庭成员、父母从事什么工作？

联系电话等；

表单元件：

文本域、文本区域、单选按钮、复选框、列表/菜单、提交（重置）按钮等。

设计意图：

让学生体会根据网站架构需求创建合适的表单网页，培养学生的设计意识。

教师给出规划问卷调查，实际上是个半成品，为学生搭建输出支架，学生进行分组讨论并填好，学生在完成设计的同时真正领会表单元件的作用。

活动四：

做一做——制作问卷调查。

老师演示操作插入表单、标签。

学生分组合作完成规划好的问卷调查。

最后保存制作好的表单网页，并演示。

设计意图：

让学生通过实践活动深入了解各个表单元件的作用及适用范围,在制作过程中及时提供给学生帮助，包括小组讨论和自主探究的学件，有效的培养学生自主探究的能力，使学生真正成为课堂的主人！

（三）师生互评，共同进步

展示学生制作的作品，并进行自评和互评。

完成评价表：

1．你所制作的网页中用到了哪几种表单元件：

单选按钮复选框列表/菜单

文本（区）域提交（重置）按钮

2．你的表单元件选择合理吗？

是否

3．你对自己的网页整体设计满意吗？

完整美观残缺拖沓

4．你最喜欢组内___________同学的作品,他的作品哪里最值得你欣赏?

_____________

有建议要送给他吗?

_____________________________________________________

5．欣赏了同学们的作品，听取了同学们的建议，你的作品改进了吗？

学生进一步进行修改完善自己的作品。

设计意图：

展示作品能让学生感受到成功的愉悦，激发他们下一次参与的热情。

而教学的最终目的并不是完成任务或者作品，而在于学生信息素养的提升，所以通过分享收获，提高学生分析归纳能力，再次总结表单元件的作用和用途，激发学生继续学习的兴趣，体现学生的主体地位。

（四）总结本课，拓展提高

请一位同学说一说今天你学会了什么？

有哪些收获？

师总结课堂并提出希望。

设计意图：

梳理本节课的知识，引导学生再次回顾本节课所学知识，深入理解本节课的重难点，抛出更深层次的问题，引发学生思考,鼓励学生利用互联网进一步探索更深层次的知识，培养运用信息技术解决问题的能力。