八年级信息技术第11课制作按钮教案

年级： 8 年级 科目： 信息技术 初级中学专用教案本 第三单元 创建交互动画 新 授 课 巩 固 课 综 合 课 实 践 课 课 题 第 11 课 制作按钮 课 型 √ ○ ○ ○ 授课时间 20xx 年 11 月 21 日 改变时间 年 月 日 教学时数 组长签字 年 月 日 总 1 课时 教务处检查 （公章） 年 月 日 第 1 课时 1、能够自己绘制按钮。 2、会为按钮添加声音和动画效果。 教 学 目 标 3、会调用公用库中的按钮。 会为按钮添加声音和动画效果教 学 重 点 会调用公用库中的按钮。教 学 难 点 　 教学方法 演示，讲解，分组讨论，动手操作 学习方法 动手操作 教学用具 机房 板 书 设 计 第三单元 创建交互动画 第 11 课 制作按钮 一、制作简单的按钮 二、制作具有动态效果的按钮 三、调用公用库中的按钮 　课 后 反 思 　　 　 教 学 过 程 在 FLASH 动画的画面中，可以安排一些按钮。 一、制作简单的按钮 按钮是元件的一种，要制作按钮也要先建立原件。 一、制作简单的按钮 大家平时上网看 Flash 的时候，往往遇到上面写有“Play”，当我们用鼠标点击一下就 可以观看影片了，看完影片时会出现一个“Replay”,点击后可以再次观看影片，而且 鼠标放上去的时候甚至会出现不同的状态，比如：变色、移动一下、有声音等现象发 生，这里的“Play”和“Replay”就是所谓的按钮。通过以前的例子，你可能已经感 觉到在预览时它将会自动循环播放而无法控制，按钮主要就是用来对所做影片进行控 制。 启动 Flash 软件，执行【插入】菜单下的【新建元件】命令，命名为“Play”，选择“按钮”，如 图所示。 点击 按钮，如图所示。 图已经显示了按钮的几种状态，UP 是当鼠标没有接触按钮时的状态，鼠标经过是当鼠 标放上去时所呈现的状态，Down 就是当鼠标按下时所呈现的状态，反应区是给按钮设 置一个反应区域或者说给它框定一个范围，当鼠标放在这个范围内的任何地方按钮都 会做出反应。用文本工具在第 1 帧（Up 帧）写入“Play”，将颜色调整为黑色，如图 所示。在第 2 帧（鼠标经过帧）插入关键帧，修改“Play”的颜色为红色并将它向左和向上 移动一点（最好用方向键控制），然后按一下如图所示。 在第 3 帧（Down 帧）插入关键帧，再将“Play”向右和向下移动一点，如图所示。 在第 4 帧（反应区）"再插入关键帧，用矩形工具绘一矩形作为反应区域，用该矩形将 “Play”覆盖，如图所示。将导入的图片转换成图形元件，在第 20 帧处插入关键帧，点缩放工具，选择工具箱下 面的等比缩放按钮 ，将图片调小，如图所示。 用箭头工具点击 2 到 20 帧之间的任何一帧，在属性栏选择“移动”和顺时针旋转 1 次， 如图所示。 不妨先预览一下,我们发现整个过程的动画是做好了，但是此时影片仍然处于不可控制 状态，现在我们就来控制影片。当打开 Flash 时，第一帧应该停止下来等待用户去点 击“Play”按钮，所以要给第一帧添加一个 stop 动作。打开【窗口】菜单，选择【动 作】命令，就打开了帧动作控制面板，如图所示。用鼠标单击“帧动作”将帧动作面板展开，单击“属性”将属性面板折叠，如图所示。 用鼠标单击第一帧，单击“Action”，然后单击“MoveControl”，最后双击“Stop”， 如图所示。 此时再预览一下，我们发现第一帧已经停止下来。接下来我们再给按钮添加动作，鼠 标单击一下按钮，在动作面板中双击“on”，接着双击“goto”，在右边的帧处输入数 字“2”，如图所示，这样我们就给“Play”按钮添加了动作。这个过程的意思是：当 我们点击鼠标按钮释放后，画面将转到第 2 帧，并从第 2 帧开始播放。这样，影片就 得到了我们的控制。预览一下，点击一下“Play”按钮试试。同样的办法，我们再来做一个“Replay”按钮（参照 Play 按钮的制作），新建一图层， 命名为“Replay”，在 20 帧处插入一空白关键帧，把库打开，将“Replay”按钮拖到 场景中，如图所示。 打开动作面板，鼠标点击第 20 帧（图层 1 或 Replay 层都可以），添加“stop”动作， 如图所示。 鼠标选中“Replay”按钮，给它添加 on 和 goto 动作，右边帧处输入数字“2”，如图所示。再预览一下看看“Replay”按钮是否也发挥了作用。 知道什么时候给帧添加动作，什么时候给按钮添加动作，因为我们要让第 1 帧停止下 来，所以这时要给这一帧添加动作，我们要用鼠标点击按钮让它开始播放，所以这时 就要给按钮添加动作。 1) 大家还容易犯的一点错误一点错误就是不能正确地添加动作，心里想着给按钮添加 结果却添加到了帧上。正确地做法是：当确定给帧添加动作时，就用鼠标点击相应 的帧，然后选择动作面板中的动作，当确定给按钮添加动作时，用鼠标点击一下该 按钮，然后选择动作面板中的动作。 2) 当帧被添加动作后，帧的上面会有一个字母“a”一样的标志 。 养成给按钮添加反应区域的习惯。对于用文本制作按钮来说，反应区域就必不可少， 否则，只有当鼠标接近文字有颜色的地方按钮才会有反应。！ 作业：操作这一节课的内容。