简单教程：FLASH课件模板制作范例教程

FLASH课件模板制作范例教程 FLASH课件模板制作范例教程 在多媒体计算机辅助教学(CAI)过程中常常可使用到此 FLASH课件、FLASH课件教程、课件制作、课件下载 等课件资源,希望此免费课件下载资源可帮助您! 随着多媒体课件在课堂上的利用，越来越多的教师开始学习设计自己的教案并用之于课堂教学实际。但是仍遭遇着一个问题：用哪个来制作呢？Powerpoint 档次太低，Authorware又不会… …于是，本人成为学校校长的一员，特地向苦于以上疑问的教师们介绍一下如何用FLASH打造出精致的多功能课件。 功能简介： 首先，要简单介绍一下flash：它是一个Macromedia公司出品的动画制作工具，带有丰富的交互功能，配以适当的Action script脚本，能做出功能丰富，画面精致的漫画课件。能使我们当老师的也来“闪”一把! 注：本文中代码上面的“//”表示接下来是代码解释文字 一、先设计出一个漂亮的界面来 打开flash MX 2004，按Ctrl+F8新建一个影片剪辑，取名叫“窗口”。然后在主表演中画一个窗口界面。(如下图1flash课件模板制作系列教程之按钮导航(上)，大小为550*400，怎么画？你自己想要什么样的就画什么样的吧!) 说明：界面设计不能太花了，但要有主色调。

我这里用的是淡绿色。 不建议使用晃眼的色彩，因为整个课件要协调好。太黑了使人感到失望，太亮了双眼痛，适中最好。 风格看个人的偏好了，比如我喜欢窗口风格的。也有好多人喜欢无窗口的，全由你自己爱好啦。我这个版面上面是标题栏，右边是按键控制区，下方是显示一些说明信息。 初步做好后，将它拖放到场景中，刚好与表演重合。并在“属性”栏中，实例名称中输入：window 二、界面做好后，就要来制作交互用的按钮了 一般我们必须制作3-4种按钮： 1、控制课件的屏幕大小及关闭按键(名为close_btn、fullscree_btn、small_btn)： 2、响应课件内容及相关操作的通用图标（因为即使在里面加个名字，就能成为“播放”，“停止”，“音乐”等按钮了）； 3、临时按钮：主要在课件中进行临时交互用的。 详细制作方式（不要嫌我啰嗦啊）： 1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”，类型选“按钮”,确定。按钮都有四个帧“向上”（即平常状况）、“经过”（鼠标移进去的样子）、“向下”（鼠标点进去的样子）、“点击”（这里什么色无所谓，它只限定鼠标起作用的范围）。另外还可以为这个按钮加点声音，按下时响一下。

方法是，点“文件”－“导入”一个声音来。声音就存在于库中了，在图标图上新建一层，在“按下”帧插入一个关键帧，将声音从库中拖入编辑窗口中就能。（其实声音还能有好多种设置，这里不必要作过多设置，就不详说了） 2、按自己的看法，分别做好四个不同的帧，这样你的多彩的按钮就做起来了，建议多用渐变色（包括线性和径向）。 3、将做好的按钮拖放到界面中去，命名并输入文字 在库中双击“界面”元件，进入电影剪辑“界面”的编辑状态，新建一层，取名为“按钮”，从库中把做好的按钮拖入到适当的位置，摆放整齐。分别在“属性”栏中的“实例名称”中输入：（不包含下面的汉字） fullscreen_btn 全屏close_btn关闭play_btn播放stop_btn 暂停back_btn 返回music_btn音乐 practice_btn练习score_btn计分help_btn帮助quit_btn退出 。再新建一层，取名为“按钮文字”，用文本工具在按键的上边输入各图标的名称（如下图）： 4、为各个图标输入脚本控制语句： 新建一层，取名为“脚本”。按F9调出动作面板（如果是FLASH MX，请选“专家模

式”），然后在空白处输入下列代码： fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function) fscommand(“fullscree”,true) //fscommand是一个命令语句fullscreen是全屏 } close_btn.onRelease=function(){ fscommand(“quit”,true)//quit表示退出 } play_btn.onRelease=function(){ _root.play()//播放_root.表示主画面，加上这个前缀来控制主时间轴，下同 } stop_btn.onRelease=function(){ _root.stop()//停止 } back_btn.onRelease=function(){ _root.gotoAndStop(“mulu”) //返回至目录帧（你在课件中有目录的帧的属性面板中找到“标签”栏，在其中输入：mulu这时在时间轴会有一面小红旗和mulu字样） } music_btn.onRelease=function(){ musiccontrol.play() //这里应涉及一个音乐控制电影剪辑，在上面介绍 } practice_btn.onRelease=function(){ _root.gotoAndStop(“practice”) //跳至练习内容（帧标签为practice） } score_btn.onRelease=function(){ score_mc._visible=true //设置计分板为可见，计分板制作将在上面介绍 } help_btn.onRelease=function(){ helpcontrol.play() //设置帮助信息的可见与隐藏控制，后面有相关介绍 } 输入完成后，点一下上个别的小勾，检查脚本有无错误，如果发生错误提示，认真检查，并正确输入。

直到提示“此脚本无错误”。 三、制作实现背景音乐控制、计分板、帮助信息面板的电影剪辑 在这里顺便提一下：建议在库中设立几个文件夹，便于管理诸多的影片剪辑 单击库面板中左下角的文件夹图标，就会在库中构建文件夹，可以将各类影片剪辑归类存放：如建立“声音”、“按钮”、“面板部件”三个文件夹，再把相应的元件拖入其中。要使用上面的元件时，只要双击文件夹图标就能。 1、制作背景音乐控制元件 导入一个mp3/wav格式的音乐文件，不要太大，以1－4M为佳。导入后，在库面板中会出现一个喇叭形状的界面，将它拖到“声音”文件夹中。 新建一个影片剪辑，取名为“音乐”。将先前导入的音乐拖入到编辑窗口中，单击第一帧，在“属性”面板中，将“同步”下拉选单中选“数据流”（如下图，为的是使乐曲随帧播放，便于控制），然后在700帧左右插入帧（不是关键帧呀！！），如果音乐一般是1分钟就要720帧，自己算算。直到你的最终一帧中无红色波形，说明音乐刚好放到哪里就完成了。 再新建一个影片剪辑，取名为“音乐控制”。在第一帧的帧动作中输入： stop() music_mc.play() //让音乐放 在第二帧插入一个关键帧，在帧动作中输入： stop() music_mc.stop() //让音乐停 在库中双击“界面”元件开启它的编辑状态，新建一层，取名为“音乐”，将刚刚做好的电影剪辑“音乐”和“音乐控制”拖至工作区任意位置，并分别命名为：music_mc和musiccontrol。到此，背景音乐的控制元件就做好了。能在图标中单击“音乐”按钮进行控制了。按Ctrl+Enter键测试一下吧！ 2、制作计分板元件 这个底下已经用到“动态文本”，这是一个

可以按规定随时改变字符的文本，用来动态显示分数。 新建一个影片剪辑，取名为“计分板”。先画好板面，要切记与主界面相配。并在适当的位置用文本输入各组组号。 新建一层，取名为“分数”，点T文本软件，并在属性栏中，设为“动态文本”，在面板组名下框出六个文本区，并分别取“变量”为s1-s6，如图： 再做一个加分按钮和一个减分按钮（不细说步骤了），将他们拖放六次到计分板的适当位置，实例名为：jia1_btn，jian1_btn，jia2_btn，jian2_btn… …如图： 新建一层，打开帧动作面板，输入六段下面类似代码： a1 = 0; jia1_btn.onRelease = function() { a1++;//每次单击递加1 s1 = a1; }; Jian1_btn.onRelease = function() { a1--;//每次单击递减1 s1 = a1; ｝ … … （以上是1组的加减分按钮，你就另外加5个的出来吧！只要将1改成2、3、4、5、6即可，注意应仔细一点，输完后应检查无误。） 最后需要陷入一个可以将计分板关闭的按键来，放在右上角，实例名称为：close_btn，在帧动作面板中需要加入条： close_btn.onRelease=function(){ _parent._visible=false//表示上一级（即计分板）不可见 } 这时，计分板己做好。

在库面板中，双击“界面”，打开它的编辑状态。 新建一层，取名为“计分”，将做好的“计分板”元件拖入到画面中适当位置，并在“实例名称”输入：score_mc 。你再测试一下你的计分板吧！呵呵！ 3、制作帮助信息元件 这个很简单，新建一个影片剪辑，命名为“帮助信息”，画个450*20的矩形，再向后面添加一个动态文本。变量取为 helptxt就行了。 再新建一个只有两帧的类似于音乐控制的电影剪辑：帮助控制 第一帧动作：stop() help_mc._visible=true //帮助为可见 第二帧动作：stop() help_mc._visible=false //帮助为不可见 两个做好了，再在库中双击“界面”进入编辑状态，新建一层，取名为“帮助”，将刚做的“帮助信息”拖到界面的下文横条上。在例子名中输入：help_mc，再将“帮助控制”也陷入，实例名：helpcontrol 。 要推动实时显示帮助信息，还得要加入一些代码，单击“界面”的第一帧，在动作面板中输入： close_btn.onRollover=function(){// onRollOver表示在鼠标移至按钮上时触发事件 help_mc.helptxt=”提示：单击关闭本课件”//给动态文本的函数helptxt赋值，下同 } fullscreen_btn.onRollover=function(){ help_mc.helptxt=”提示：单击全屏显示课件” } small_btn.onRollover=function(){ help_mc.helptxt=”提示：单击小屏显示本课件” } play_btn.onRollOver=function(){ help_mc.helptxt="提示：单击播放课件。

" } stop_btn.onRollOver=function(){ help_mc.helptxt="提示：单击暂停播放课件。" } back_btn.onRollOver=function(){ help_mc.helptxt="提示：单击返回课件目录。" } music_btn.onRollOver=function(){ help_mc.h

elptxt="提示：单击播放或停止背景音乐。" } score_btn.onRollOver=function(){ help_mc.helptxt="提示：单击进入小组计分系统。" } practice_btn.onRollOver=function(){ help_mc.helptxt="提示：单击进入练习题。" } quit_btn.onRollOver=function){ help_mc.helptxt=”提示：单击将退出课件” ｝ 另外，有时想在课件上显示时间，可以加一个动态文本，变量为：mytime。并在它所在的帧的帧动作中输入： function showtime(){ var time=new Date() //得到系统时间字符串 mytime=substring(time,11,9) //只截取其中时分秒的个别 } setInterval(showtime,100)//100毫秒刷新一次 提高篇：（可以不做） 1、课件中推动粉笔的功能（即鼠标画线并可擦除）： 在主场景帧动作中输入以下的代码可以实现鼠标的画线： _root.onLoad=function(){ i=false; } _root.onMouseDown=function(){ x=_root. _xmouse; y=_root. _ymouse; i=true; _root.moveTo(x,y) } _root.onMouseUp=function(){ i=false; } _root.onMouseMove=function(){ if(i==true){//判断画线条件 _root.lineStyle(2,oxff0000,100); //确定线型（线宽，RGB色flash课件模板制作系列教程之按钮导航(上)，透明度） _root. lineTo(_root. _xmouse,_root._ymouse) }else{ _root.lineStyle()//如果条件不具备，则运用无线型，不显示线条 } updateAfterEvent() } 还要另加一个按钮来去掉画好的线，按钮动作： on(release){ _root.clear()//清除 } 带画线功能课件实例（如图）： 2、让计分等面板作为仿windows窗口，可随意拖动 新建一个影片剪辑，画一个像Windows窗口标题栏样式的点状体，，取名为bar 将它置于计分面板上，实例名设为：bar 然后在它所在帧的帧动作中输入： bar.onPress=function(){ _parent.startDrag() //当鼠标按下时可拖动 } bar.onRelease=function(){ _parent.stopDrag()//当鼠标弹起时停止拖动 } 实际上在所有的面板都可以像这样做，一样可以实现面板可拖动。呵呵，是不是挺酷？ 可拖动窗口课件实例（如图）： 到此为止，我们的多功能课件封面己全部完成了。让我们来测试一下课件吧！如下图： 剩下要做的即使做好课件的动画内容了，在要停的帧中加入一个帧动作：stop()，就能用我们的课件封面来控制内容显示了！赶快行动吧，让我们一起来做一个多功能动画课件，一起来“闪”吧！！