人教版信息技术八上
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
人教版信息技术八上《制作按钮》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即可。恭喜你,整个互动按钮就完成了。
var kw;kw="|制作实例|";var temptemp=kw.split("|") document.write ("[点击关键词链接查看更多关于"); for(i=0;i color=red>"+temp[i]+"
[点击关键词在7C教育资源网搜索更多关于制作实例的教学资源]此文章来自中小学教育资源站/ 原文地址:/Article/xuexi/200701/10873.html