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

第十四课创建按钮元件

一、教学目标

（一）知识与技能

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

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

（二）过程与方法

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

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

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

（三）情感态度与价值观

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

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

二、教材分析

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

三、学生分析

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

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

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

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

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

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

四、重点难点

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

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

五、环境与素材

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

1课时

七、教学方法

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

八、教学过程

（一）创设情境导入新课

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

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

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

师：是的，我们可以通过按钮来控制播放Flash，体现了按钮的交互性。那就让我们一起来体验下按钮的魅力吧。

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

（设计意图：让学生对按钮产生感性认识，激发学生的学习欲望。)

师：同学们觉得这些按钮漂亮吗？生：答。

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

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

（二）讲授新知提出质疑

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

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

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

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

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

师：大家仔细观察按钮元件的时间轴，上面分别有哪4个关键帧？

生: 弹起、指针经过、按下、点击。

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

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

（三）亲身实践解决质疑

师：元芳愿意带大家一起寻找答案，那就让我们带着问题，一起来探索吧。

同学们可以参照操作指南，也可以利用素材包中的微课来学习。

环节一：通过学习网站中元芳支招，制作一个简单的按钮元件。

学生参照网站提示，自主探究。（教师巡视观察，并做好指导。）

请学生上台演示制作过程。（请学生仔细观察，教师注意发现问题）

（设计意图：通过自主探究，使学生掌握本课重点创建按钮元件的步骤，提高学生解决问题的能力。）

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

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

师：所以“弹起”帧的作用是……？生：答。

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

生：答。

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

师：那么“按下”帧呢？生：答。

师：我们在“点击”帧画了一个矩形，但有没有显示出来？生：答。

师：既然没有显示，那它是做什么用的呢？生：答。

师：我们来看看大家的猜想对不对。

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

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

对照完成的按钮展示，解释4个关键帧的功能。

师：①“弹起”帧：按钮初始外观。

②“指针经过”帧;鼠标经过按钮时的外观。

③“按下”帧：按下按钮时的外观。

④“点击”帧：按钮点击过程中的响应区域。

（设计意图：用准确的语言理清各个帧的功能，引导学生正确理解。）环节四：强化“点击”帧的理解

呈现两个按钮，一个按钮鼠标放到字上才有响应，另一个没接近字就有响应。

师：你觉得这两个按钮在“点击”帧上的设置有什么不同？生：答。

师：非常聪明，是矩形区域的大小不同，矩形的大小远远超过了文字，所以当鼠标没碰到文字就有响应了。那么按钮的效果需根据实际情况去运用。

（设计意图：突破难点“点击”帧的功能和设置。）

（四）任务驱动自主探究

师：我们知道，一个绚丽的按钮可以给动画带来不少的美感，同时也能让我们产生逼真的体验感。掌握了创建按钮元件的技能之后，接下来就要考考大家的设计能力了，请大家来担任设计师的角色。