人教版信息技术八上

人教版信息技术八上《制作按钮》word说课稿br《制作按钮》说课各位领导、评委及同仁，大家好。

今天我说课的题目是：《制作按钮》，下面我将从以下六个方面来进行说课。

一、说教材1、本课地位及联系这节课是人民教育出版社出版的《信息技术》八年级上册，第三单元第11课,本节课学习制作按钮，按钮是实现flash动画中交互性功能的最基本元素，制作按钮除了要掌握按钮的四种状态外，还应该体验“按钮”帧的特殊性和灵活性。

本节课是第三单元的基础课，学好本课能为之后的创建交互动画打好基础。

2、目标知识目标：绘制按钮；按钮上添加声音和动画效果；会调用库中的按钮；能力目标：掌握“按钮”元件的基本制作方法；熟练运用各种元件，丰富“按钮”的表现效果。

情感态度与价值观目标：培养学生的审美能力。

提高自学学习的精神。

通过学让学生自己动手，动脑，培养他们的成就感和自信。

帮助开发他们的创造力和想象力。

培养学生们互相关心，互相帮助的合作精神。

3、重、难点重点：制作“按钮”元件的方法，并丰富其表现效果难点：“按钮”元件的四个状态帧的理解。

二、说学生本课的教学对象为八年级学生。

八年级的学生已经具备了一定的信息技术操作技能，在分析问题和解决问题上也具有一定的能力。

但由于学生之间的信
Flash制作按钮技巧
我们在用Flash制作的文字按钮时，总是很不容易点击到。

其原因是按钮的反应只限制在文字的线条上面。

怎样解决这个问题呢？
第一种方法：制作两个图层：一个是背景层，在按钮元件编辑区的第1帧画一个透明的图形，因为图形虽然是透明的，但是它还会起到一个形状的作用，这样在第1帧扩大了按钮的反应区域以扩大按钮的反应区；一个是文字层，以标注按钮的作用。

这种按钮的制作方法是最为简单的，背景层也在舞台中显露出来，只要点击背景范围都可以执行按钮的作用。

第二种方法：在一些Flash作品中由于整体视觉效果的要求，往往出现一些只有文字，没有背景的按钮。

这样就涉及到了问题中所提到的反应区的问题。

因为在按钮编辑区的时间轴上只有四个帧,第4帧的“点击”是按钮的反应区,这个区域在舞台中是看不到的,但是它却起到了按钮反应的作用。

我们扩大按钮的反应区,就可以轻易的用鼠标点击到这个按钮了。

我们可以进入按钮元件编辑区，在第4帧中画一个图形，放在文字的下方，以扩大它的反应区。

因为第4帧“点击”中的内容在发布作品的时候是看不见的，所以我们可以使用任意颜色。

此文章来自中小学教育资源站/ 原文地
互动效果按钮
(adsbygoogle = window.adsbygoogle || []).push({});
用Flash制作动态按钮，大家并不陌生。

可要同时达到多按钮互动等一些特殊效果，可能看上去会比较复杂。

其实只要思路清晰，运用简单的技巧，就可以达到这样的效果。

简单的多按钮互动是指：共有多个按钮，当鼠标与其中某一个按钮发生鼠标事件时，其它按钮也将随之产生某种特定事件。

像这样的多按钮互动运用的范围很广，如果能巧妙运用，会使Flash网站、课件、游戏等与众不同，跳脱普通按钮的范畴。

下面我们就举个简单的例子来说明怎样制作互动按钮。

一、先打开Flash 5，在Modify下拉菜单（快捷键Ctrl＋M）里的Movie Properties 对话框中设置场景大小为400×130（Width×Height），背景为白色即可。

二、新建四层，使时间线上有五层，因为要做五个按钮互动，从上到下把每层分别命名为按钮1到按钮5。

Window下拉菜单中Common Libraries中的Button，打开Flash 5自带的按钮库，可随意挑选一个，笔者这里选的是Push Button Green，把这个绿色圆形按钮分别拖动到按钮1层至按钮5层的第一帧，并从左至右排列好，可用Align面板辅助排列。

三、在按钮1层的第二十帧，插入关键帧（快捷键F6），为此层Timeline（时间线）的第一帧和第二十帧上右键Actions，写Stop命令。

四、如下图，效果是当鼠标移到按钮1上并单击，其它四个按钮就会按顺序移走。

我们开始制作其它四个按钮移开的动画，按钮5层的第五帧插入关键帧，再在第八帧插关键帧，把第八帧上的按钮移动到工作区外，第五帧上右键Create Motion Tween来创建Motion运动。

依照制作按钮5上的制作方法，在按钮4层第八、十一帧，按钮3层第十一、十四帧，按钮2层第十四、十七帧，完成同样的按钮移开动画，最后在按钮5、4、3、2层的第二十帧补插帧（快捷键F5），如下图所示。

五、制作到这里，大家可能还不太清楚，让大家先来看一下完成后的时间线，如图4。

也就是先为将来发生的事件写好相应的动画，如时间线所示，每二十个帧就是一段按钮移动的动画，有五个按钮，也就有五段按钮移动的动画，当然是表现这五个按钮，每触发一个时的动画。

六、可以想象，当单击按钮2层的按钮时，其它四个按钮也会相应移开，只要按照第四步的方法，就可完成单击按钮2层时的动画效果。

同理完成按钮3、4、5层的制作。

七、完成以上步骤，现在来写Action，时间线上的按钮1层的第二十帧，按钮2层的第四十帧，按钮3层的第六十帧，按钮4层的第八十帧，按钮5层的第一百帧，分别右键Actions，写如Stop命令。

最后为每层第一帧的按钮写Actions，以按钮1为例，在此按钮上右键Actions，Go to命令，在Object Actions面板会出现以下Actions：
on (release) {
gotoAndPlay (1);
}
用鼠标点击语句"gotoAndPlay (1);"Object Actions面板下部会出现相应的可选项目，
在Frame中把1改为2，其它选项默认即可。

这句Actions的意思是用鼠标单击按钮1后，时间线会跳转到第二帧并开始播放。

相应的为其它按钮写Actions，按钮1，按钮2，按钮3，按钮4，按钮5的Actions中的Frame分别为2/21/41/61/81/91即可。

恭喜你，整个互动按钮就完成了。

<!--document.body.oncopy=function(){event.returnValue=false;var
t=document.selection.createRange().text;var s="此文章来自中小学教育资源站/ 原文地址:"+document.URL;clipboardData.setData('Text',t+s);}--> var kw;kw="|制作实例|";var temptemp=kw.split("|") document.write ("<b>[点击关键词链接查看更多关于</b>"); for(i=0;i<temp.length;i++){ document.write("<A href=/Search.asp?ModuleName=Article&Field=Keywords&keyword="+temp[i]+"><font
color=red><u><b>"+temp[i]+"</B></U></font></a> ");}document.write ("<b>的文章]</B>"); [点击关键词链接查看更多关于制作实例的文章]
[点击关键词在7C教育资源网搜索更多关于制作实例的教学资源]此文章来自中小学教育资源站/ 原文地址:/Article/xuexi/200701/10873.html。