全国中小学信息技术课程教学大赛获奖案例《创建按钮元件》教学设计

第十四课创建按钮元件

一、教学目标

（一）知识与技能

1.初步掌握制作按钮的方法；

2.理解按钮元件弹起、指针经过、按下及点击4个关键帧的意义。

（二）过程与方法

1.通过欣赏优秀flash作品，认识按钮在flash中的交互功能；

2.通过亲身实践制作按钮及展示，理解按钮元件4个关键帧的意义；

3.在学生自主探究过程中，初步掌握制作按钮元件的方法。

（三）情感态度与价值观

1•在优秀作品的欣赏中，塑造一定的审美感，激发学生的学习兴趣；

2.让学生参与问题的发生与形成过程，培养学生的自学和应用能力。

二、教材分析

按钮元件是Flash三类元件中的一种，在动画作品中起到画龙点睛的作用。相对于图形元件和影片剪辑元件，按钮元件最大的特性在于它所体现的交互功能。按钮元件的制作和应用比另两类元件更复杂，因此，本课首先安排了创建按钮元件作为学习内容，作为下一课应用按钮元件的基础。

三、学生分析

（-）从学生的年龄特征和认知特征来看

城里八年级学生的思维活跃，对新事物的好奇心和好胜心较强，接受能力较强，具备了一定的信息探究活动经历。

（二）从学生已具备的知识和技能来看

通过前面内容的学习，学生已经掌握flash工具的使用、属性的设置、元件的创建及帧的运用，有较强的操作能力。

（三）从学生有待于提高的知识和技能来看

对于学生要理解按钮元件的4个关键帧的功能，需要观察、思考、交流，进一步掌握按钮元件的制作步骤和方法，体会按钮在Flash中的交互作用，提高学生自主探究能力和设讣创新能力。

四、重点难点

教学重点：初步掌握制作按钮元件的方法。

教学难点：理解按钮元件4个不同状态帧的意义。

五、环境与素材

机房、Flashcs3＞教学网站、微课、flash欣赏作品、半成品素材等。

六、课时安排

1课时

七、教学方法

依据建构主义理论，以及新课程“以学为主”的教育理念，学生通过自主探究和发现，最终构建新知识。因此，本课我采用了以“任务驱动法”为主，“讲授法”、“演示法”、为辅的教学方法，学生通过上机操作，根据“任务”进行自主探究学习。

八、教学过程

（一）创设情境导入新课

倍息技术

《创肚按钮元件》-----

Informatio n Technology

环节一：教师播放一个Flash作品。（这个Flash只能通过点击按钮才能进入下一个环节）

（设计意图：引出按钮的交互功能、重要性）

师：“请问老师刚才在flash中，是通过点击什么从一个界面跳转到另一个界面的？”生：答。

师：是的，我们可以通过按钮来控制播放Flash,体现了按钮的交互性。

那就让我们一起来体验下按钮的魅力吧。

环节二：学生独立欣赏网站中的2个Flash作品。（特效的按钮）

（设讣意图：让学生对按钮产生感性认识，激发学主的学习欲望。）师：同学们觉得这些按钮漂亮吗？生：答。

师：今天，我们就一起来学习如何创建按钮元件。

（板书：课题；网站展示：“学习目标”）

（二）讲授新知提出质疑

环节一：复习创建元件的步骤，创建一个按钮元件。

师：我们请一位同学来说说创建元件的步骤。

生：回答。（这位同学回答不出，就让大家一起说。）

（学生边说，教师边操作。）

环节二：提出问题一一4个关键帧的意义是什么？

师：大家仔细观察按钮元件的时间轴，上面分别有哪4个关键帧？生：弹起、指针经过、按下、点击。

师：那么它们乂是什么意思呢？我们来看一看元芳怎么说。

（设计意图：激发学生好奇心，引出本课难点4个关键帧。）

（三）亲身实践解决质疑

师：元芳愿意带大家一起寻找答案，那就让我们带着问题，一起来探索吧。 同学们可以参照操作指南，也可以利用素材包中的微课来学习。 环节一：通过学习网站中元芳支招，制作一个简单的按钮元件。

《创班按钮元件》一冰皿八下

同学们，跟着我一起探索吧！ •-

任务一：制作一个简单的按钮元件

操作指南：

打开桌面的flash cs3软件.进择ActionScript 2・0,具体操作如下: -S 创建按钮元件

1.在菜单栏中选择“插入”菜单中的“認建元件”， 2•元件屯称：类昙：茨钮：

学生参照网站提示，自主探究。（教师巡视观察，并做好指导。） 请学生上台演示制作过程。（请学生仔细观察，教师注意发现问题） （设讣意图：通过自主探究，使学生掌握本课重点创建按钮元件的步骤，提 高学生解决问题的能力。）

环节二：对照动画播放效果，让学生说说4个关键帧的作用。

试一试

信息技术

《创玮按钮元件》

fcS

师：“弹起”帧颜色为黑色，我们预览时什么时候是黑色的？生：答。 师：所以“弹起”帧的作用是……？生：答。

师:“指针经过”帧颜色为红色，预览时鼠标做了什么动作按钮变成了红色？ 生：答。

师：所以“指针经过”帧的作用是……？生：答。 师：那么“按下”帧呢？生：答。

师：我们在“点击”帧画了一个矩形，但有没有显示出来？生：答。 师：既然没有显示，那它是做什么用的呢？生：答。 师：我们来看看大家的猜想对不对。

（设讣意图：在感性认识后，让学生用自己的语言说出各帧的功能，提高学 生的语言表达能力。）

环节三：教师解释4个关键帧的准确理解。

l.^tE 〃弹起"帧

兰击••弹去••找・选中文字.右三性士设豈字注： Arial CE.字80・埶色：黒色.

Play ° 寸"術

右越单击T 旨针经过亲帧•选择、'插入关越帧"・选中文 字，更改颜兰：红L

Play 3•编辑"按下”侦

单击按下帧.选择"插入关链帧j 选巾文字•.更改 敦生：蓝色：

Play

4•编辑“点击"侦

右惟单击点击帧.闵睪"插入关犍帧”・选择拒形工

貝. 画屮•拓彫・MilH 将"“遍羔件e ■

信息技术