FLASH课件制作万能FLASH课件模板

【Flash功能】 
Flash，它是一个Macromedia公司出品的动画制作软件，带有丰富的交互功能，配以适当的Action script脚本，能做出功能丰富，画面精美的动画课件。 
【特别说明】本文中代码后面的“//”表示接下来是代码解释文字，实际代码运用中可要可不要。 
【一、设计漂亮的FLASH课件界面】 
步骤：打开FLASH8软件；新建一个影片剪辑元件，实例名称命名为“WINDOWS”；然后在舞台上面绘制一个图形界面，大小可以按默认的500×400；该界面想怎么画就怎么画，只要你满意就行了。 
注意几点：第一界面要力求简洁；第二界面要有主色调；第三界面要尽量留有控制按钮放置的地方，总的来说，也就是界面的设计上要符合一定的原则。举例如下图所示：

提醒：界面的设计中颜色很重要，由于我们现在是在设计一个主背景色调，所以不要选择太亮的颜色，比如黄色等，太刺眼了；也不要选择黑色等，那样给人的感觉也闷了点，一般尽量选择淡点的颜色，我选择了蓝色作为基调颜色，因为蓝色是大众化喜欢的颜色。 
还有界面的设计风格方面，根据自己的喜好来就好了，有的喜欢这样的，也有的喜欢那样的，一般有窗口框架式的，还有网页结构式的，还有上面为眉头，下边为控制区的，不能一概而论，只要符合大众习惯，只要风格统一就好了。我站（FLASH课件吧，http://www.luotao2008.cn）成功地为客户制作了很多的FLASH课件制作，你也可以到我站的FLASH课件样品区去看看，领会一下，不同风格的感受。 
【二，制作交互按钮】

1. 屏幕控制按钮3个（关闭、放大、缩小）：close_btn、fullscree_btn、small_btn；
2. 课件交互过程中要用到的按钮若干：这些按钮可以做成三种不同的样式就可以了，只要在其上面加上不同的文字，就可以变成多用按钮了。比如，主菜单，上一内容，下一内容等。
3. 临时用到的BUTTON：准备一至二个就可以了，还是一样，做成通用的。
4. 制作按钮的方法相信大家都会就不再多说了，所有按钮做好后，再为它们分别命名：fullscreen_btn全屏　close_btn　关闭play_btn　播放　stop_btn 暂停　back_btn 返回　music_btn　音乐practice_btn　练习　score_btn　计分　help_btn　帮助　quit_btn　退出 。
5. 最后再为所有按钮加上控制语句，这样它们就活了。方法如下：

新建一个图层；命名为语言层；选中第一帧；然后添加如下语句： 
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）新建一个名称为“音乐”影片剪辑；双击进入其编辑区；选中第1帧；导入一首背景音乐；然后选中背景音乐，以属性面板中的同步后面选择“数据流”；最后将音乐延长至完。你可以这样估算，播放音乐时1分钟大约是720帧，如果3分钟的音乐的话，你就要乘以3,然后将帧延长至计算的最终结果帧，直到最后一帧中无蓝色小型，说明音乐刚好放完了。一般一首背景音乐大概要放到3000多帧吧。做好后将其拖放到主场景的舞台上面，最后别忘了在属性面板中为这个影片剪辑的“实例名称”改为“music_mc”。 
（2）再新建一个名称为“音乐控制”控制的影片剪辑；进入其编辑区；选中第1帧；输入如下语句： 
stop() 
music_mc.play() //让音乐放 
再在第二帧插入“关键帧”，并添加如下语句： 
stop() 
music_mc.stop() //让音乐停

做好后把它拖放到主场景的舞台上面，最后别忘了在属性面板中为这个影片剪辑的“实例名称”改为“musiccontrol”。

【四、制作记分板元件】 
步骤：1、首先创建一个“计分板”的影片剪辑；选中编辑区内的第一帧；选用工具栏中的文本工具和矩形等工具绘制一个简单的底板，注意与主界面搭配协调。再输入分组信息。 
添加动态记分文本框 
步骤：在“记分板”编辑区内部新建一个图层；在第一帧处，选择工具栏中的文本工具绘制六个动态文本框，属性面板按下图进行设置：

最后为每个动态文本框在属性面板中的“变量名”分别改为“s1,s2,s3……”； 
为“记分板”剪辑添加加分和减分按钮 
步骤：1、首先制作两种按钮； 
2、再分别各复制五个，在舞台上面排列好，并在属性面板中将它们的“实例名称”分别命名为“jia1_btn，jian1_btn，jia2_btn，jian2_btn，…………”。 
添加语言代码 
步骤：在“记分板”影片剪辑内部再新建一个AS层，选中第1帧，添加如下代码： 
a1 = 0;
jia1_ btn.onRelease = function() {
a1++;
//每次单击递加1 
s1 = a1;
};
jian1_ btn.onRelease = function() {
a1--;
//每次单击递减1 
s1 = a1;
};
//第一组 
a2 = 0;
jia2_ btn.onRelease = function() {
a2++;
//每次单击递加1 
s2 = a2;
};
jian2_btn.onRelease = function() {
a2--;
//每次单击递减1 
s2 = a2;
};
//第二组 
a3 = 0;
jia3_btn.onRelease = function() {
a3++;
//每次单击递加1 
s3 = a3;
};
jian3_btn.onRelease = function() {
a3--;
//每次单击递减1 
s3 = a3;
};
//第三组 
a4 = 0;
jia4_btn.onRelease = function() {
a4++;
//每次单击递加1 
s4 = a4;
};
jian4_btn.onRelease = function() {
a4--;
//每次单击递减1 
s4 = a4;
};
//第四组 
a5 = 0;
jia5_btn.onRelease = function() {
a5++;
//每次单击递加1 
s5 = a5;
};
jian5_btn.onRelease = function() {
a5--;
//每次单击递减1 
s5 = a5;
};
//第五组 
a6 = 0;
jia6_btn.onRelease = function() {
a6++;
//每次单击递加1 
s6 = a6;
};
jian6_ btn.onRelease = function() {
a6--;
//每次单击递减1 
s6 = a6;
};
将做好的“计分板”元件拖入到场景中适当位置，并在“实例名称”输入：score_mc 。 
在主场景中制作调用、关闭计分板按钮 
步骤：1、绘制两个按钮：分别用于调用计分板程序和关闭计分板按钮； 
2、选中关闭按钮，打开属性面板；命名为“close_btn”；选中调用计分板程序按钮，打开属性面板；命名为“score_btn”； 
3.在主场景的代码帧中为这两个按钮添加如下代码： 
score_btn.onRelease=function(){ 
score_mc._visible=true //设置计分板为可见 
} 
close_btn.onRelease = function() {
score_mc._visible = false;
//设置计分板为不可见 
}; 
最终效果图

不是多么美观，美化自己去做吧，哈哈 
测试影片：测试一下你的计分板吧！

【五、制作帮助信息元件】 
步骤：1、首先创建一个实例名称为“help_mc”的影片剪辑；在其内部绘制一个动态文本框，变量名为“helptxt”。 
2、再创建一个实例名称为“helpcontrol”的影片剪辑；在其内部创建两个关键帧；第一帧上写上如下代码： 
stop() 
help_mc._visible=true //帮助为可见 
第二帧上写上如下代码： 
stop() 
help_mc._visible=false //帮助为不可见 
3、要实现实时显示帮助信息，还得要加入一些代码，这些代码添加在哪，添加到主场景的帧上，需要添加的代码如下： 
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.helptxt = "提示：单击播放或停止背景音乐。";
};
score_btn.onRollOver = function() {
help_mc.helptxt = "提示：单击进入小组计分系统。";
};
practice_btn.onRollOver = function() {
help_mc.helptxt = "提示：单击进入练习题。";
};
quit_btn.onRollOver = function() {
help_mc.helptxt = "提示：单击将退出课件";
};
注意本帮助信息必须要配合所有按钮才会正常使用哦。相信你会做的，所以不再多说了啊。 
【六、向课件中加入系统时间】 
步骤：1、先制作好一个影片剪辑；

2、在其内部用文本工具框出一个动态文本框，属性面板中按下图进行设置就可以了： 

3、最后在帧上添加如下代码就可以了。 
function showtime(){ 
var time=new Date() //得到系统时间字符串 
mytime=substring(time,11,9) //只截取其中时分秒的部分 
} 
setInterval(showtime,100)　　　//100毫秒刷新一次 

【七、添加粉笔绘画和清除功能】 
步骤：1、首先制作一个清除按钮；实例名称为“clear_btn”;

2、然后向主场景中添加如下代码： 
_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色，透明度） 
_root. lineTo(_root. _xmouse,_root._ymouse) 
}else{ 
_root.lineStyle()　　//如果条件不具备，则利用无线型，不显示线条 
} 
updateAfterEvent() 
} 
clear_btn.onRelease=function(){
_root.clear()
}
【八、打造仿Windows窗口】 
步骤：1、新创建一个影片剪辑，在其编辑区绘制一个仿WINDOWS窗口的标题栏样式的长条；

2、然后选中该长条；将其转换成为一个按钮元件；并在属性面板中将其命名为“bar”；

3、再新创建一个图层，选中第一帧；为其添加如下代码： 
bar.onPress = function() {
_parent.startDrag();
//当鼠标按下时能拖动 
};
bar.onRelease = function() {
_parent.stopDrag();
//当鼠标弹起时停止拖动 
};

FLASH课件制作万能FLASH课件模板OK!!!