FLASH課件模板如何制作
隨著(zhù)多媒體課件在教學(xué)上的運用，越來(lái)越多的教師開(kāi)始學(xué)習設計自己的課件并用之于課堂教學(xué)實(shí)際。但是卻面臨著(zhù)一個(gè)問(wèn)題：用什么來(lái)制作呢?Powerpoint檔次太低，Authorware又不會(huì )… …所以特地向苦于以上問(wèn)題的教師們介紹一下如何用FLASH打造出精美的多功能課件。
功能簡(jiǎn)介：
首先，要簡(jiǎn)單介紹一下flash：它是一個(gè)Macromedia公司出品的動(dòng)畫(huà)制作軟件，帶有豐富的交互功能，配以適當的Action script腳本，能做出功能豐富，畫(huà)面精美的動(dòng)畫(huà)課件。能讓我們當教師的也來(lái)“閃”一把!
注：本文中代碼后面的“//”表示接下來(lái)是代碼解釋文字
一、先設計出一個(gè)漂亮的界面來(lái)
打開(kāi)flash MX 2004，按Ctrl+F8新建一個(gè)影片剪輯，取名叫“窗口”。然后在主舞臺中畫(huà)一個(gè)窗口界面。(如下圖1，大小為550*400，怎么畫(huà)?你自己想要什么樣的就畫(huà)什么樣的吧!)
說(shuō)明：界面設計不能太花了，但要有主色調。我這里用的是淡綠色。
不建議使用晃眼的色調，因為整個(gè)課件要協(xié)調好。太黑了使人感到郁悶，太亮了眼睛痛，適中最好。
風(fēng)格看個(gè)人的喜好了，比如我喜歡窗口風(fēng)格的。也有好多人喜歡無(wú)窗口的，全由你自己愛(ài)好啦。我這個(gè)版面上面是標題欄，右邊是按鈕控制區，下方是顯示一些說(shuō)明信息。
初步做好后，將它拖放到場(chǎng)景中，剛好與舞臺重合。并在“屬性”欄中，實(shí)例名稱(chēng)中輸入：window
二、界面做好后，就要來(lái)制作交互用的按鈕了
一般我們需要制作3-4種按鈕：
1、控制課件的屏幕大小及關(guān)閉按鈕(名為close_btn、fullscree_btn、small_btn)：
2、響應課件內容及相關(guān)操作的通用按鈕(因為只要在上面加個(gè)名字，就能變成“播放”，“停止”，“音樂(lè )”等按鈕了);
3、臨時(shí)按鈕：主要在課件中進(jìn)行臨時(shí)交互用的。
詳細制作方法：
1、點(diǎn)插入--新建元件, 或按crtl+F8, 取名為“按鈕”，類(lèi)型選“按鈕”,確定。按鈕都有四個(gè)幀“向上”(即平常狀態(tài))、“經(jīng)過(guò)”(鼠標移上去的樣子)、“向下”(鼠標點(diǎn)下去的樣子)、“點(diǎn)擊”(這里什么色無(wú)所謂，它只限定鼠標起作用的范圍)。另外還可以為這個(gè)按鈕加點(diǎn)聲音，按下時(shí)響一下。方法是，點(diǎn)“文件”-“導入”一個(gè)聲音來(lái)。聲音就存在于庫中了，在按鈕圖上新建一層，在“按下”幀插入一個(gè)關(guān)鍵幀，將聲音從庫中拖入編輯窗口中即可。(其實(shí)聲音還可有好多種設置，這里不必要作過(guò)多設置，就不詳說(shuō)了)
2、按自己的想法，分別做好四個(gè)不同的幀，這樣你的多彩的按鈕就做出來(lái)了，建議多用漸變色(包括線(xiàn)性和徑向)。
3、將做好的按鈕拖放到界面中去，命名并輸入文字
在庫中雙擊“界面”元件，進(jìn)入影片剪輯“界面”的編輯狀態(tài)，新建一層，取名為“按鈕”，從庫中把做好的按鈕拖入到適當的位置，擺放整齊。分別在“屬性”欄中的“實(shí)例名稱(chēng)”中輸入：(不包括后面的漢字)
fullscreen_btn全屏 close_btn 關(guān)閉play_btn 播放 stop_btn 暫?！?span lang="EN-US">back_btn 返回 music_btn 音樂(lè )practice_btn 練習 score_btn 計分 help_btn 幫助 quit_btn 退出 。再新建一層，取名為“按鈕文字”，用文本工具在按鈕的上面輸入各按鈕的名稱(chēng)(如下圖)：
4、為各個(gè)按鈕輸入腳本控制語(yǔ)句：
新建一層，取名為“腳本”。按F9調出動(dòng)作面板(如果是FLASH MX，請選“專(zhuān)家模式”)，然后在空白處輸入以下代碼：
fullcreen_btn.onRelease=function(){ //onRlease表示點(diǎn)擊并松開(kāi)運行(function)
fscommand(“fullscree”,true) //fscommand是一個(gè)命令語(yǔ)句 fullscreen是全屏
}
close_btn.onRelease=function(){
fscommand(“quit”,true)//quit表示退出
}
play_btn.onRelease=function(){
_root.play()//播放 _root.表示主場(chǎng)景，加上這個(gè)前綴來(lái)控制主時(shí)間軸，下同
}
stop_btn.onRelease=function(){
_root.stop()//停止
}
back_btn.onRelease=function(){
_root.gotoAndStop(“mulu”) //返回到目錄幀(你在課件中有目錄的幀的屬性面板中找到“標簽”欄，在其中輸入：mulu 這時(shí)在時(shí)間軸會(huì )有一面小紅旗和mulu字樣)
}
music_btn.onRelease=function(){
musiccontrol.play() //這里要涉及一個(gè)音樂(lè )控制影片剪輯，在后面介紹
}
practice_btn.onRelease=function(){
_root.gotoAndStop(“practice”) //跳到練習內容(幀標簽為practice)
}
score_btn.onRelease=function(){
score_mc._visible=true //設置計分板為可見(jiàn)，計分板制作將在后面介紹
}
help_btn.onRelease=function(){
helpcontrol.play() //設置幫助信息的可見(jiàn)與隱藏控制，后面有相關(guān)介紹
}
輸入完成后，點(diǎn)一下上部分的小勾，檢查腳本有無(wú)錯誤，如果出現錯誤提示，認真檢查，并正確輸入。直到提示“此腳本無(wú)錯誤”。
三、制作實(shí)現背景音樂(lè )控制、計分板、幫助信息面板的影片剪輯
在這里順便提一下：建議在庫中建立幾個(gè)文件夾，便于管理眾多的影片剪輯
單擊庫面板中左下角的文件夾圖標，就會(huì )在庫中建立文件夾，可以將各種影片剪輯歸類(lèi)存放：如建立“聲音”、“按鈕”、“面板部件”三個(gè)文件夾，再把相應的元件拖入其中。要使用里面的元件時(shí)，只要雙擊文件夾圖標即可。
1、制作背景音樂(lè )控制元件
導入一個(gè)mp3/wav格式的音樂(lè )文件，不要太大，以1-4M為佳。導入后，在庫面板中會(huì )出現一個(gè)喇叭形狀的圖標，將它拖到“聲音”文件夾中。
新建一個(gè)影片剪輯，取名為“音樂(lè )”。將剛才導入的音樂(lè )拖入到編輯窗口中，單擊第一幀，在“屬性”面板中，將“同步”下拉選單中選“數據流”(如下圖，為的是讓音樂(lè )隨幀播放，便于控制)，然后在700幀左右插入幀(不是關(guān)鍵幀呀!!)，如果音樂(lè )大概是1分鐘就要720幀，自己算算。直到你的最后一幀中無(wú)藍色波形，說(shuō)明音樂(lè )剛好放到那里就完成了。
再新建一個(gè)影片剪輯，取名為“音樂(lè )控制”。在第一幀的幀動(dòng)作中輸入：
stop()
music_mc.play() //讓音樂(lè )放
在第二幀插入一個(gè)關(guān)鍵幀，在幀動(dòng)作中輸入：
stop()
music_mc.stop() //讓音樂(lè )停
在庫中雙擊“界面”元件進(jìn)入它的編輯狀態(tài)，新建一層，取名為“音樂(lè )”，將剛才做好的影片剪輯“音樂(lè )”和“音樂(lè )控制”拖到工作區任意位置，并分別命名為：music_mc和musiccontrol。到此，背景音樂(lè )的控制元件就做好了。能在界面中單擊“音樂(lè )”按鈕進(jìn)行控制了。按Ctrl+Enter鍵測試一下吧!
2、制作計分板元件
這個(gè)里面將要用到“動(dòng)態(tài)文本”，這是一個(gè)可以按要求隨時(shí)改變字符的文本，用來(lái)動(dòng)態(tài)顯示分數。
新建一個(gè)影片剪輯，取名為“計分板”。先畫(huà)好板面，要注意與主界面相配。并在適當的位置用文本輸入各組組號。
新建一層，取名為“分數”，點(diǎn)T文本工具，并在屬性欄中，設為“動(dòng)態(tài)文本”，在面板組名下框出六個(gè)文本區，并分別取“變量”為s1-s6，如圖：
再做一個(gè)加分按鈕和一個(gè)減分按鈕(不細說(shuō)步驟了)，將它們拖放六次到計分板的適當位置，實(shí)例名為：jia1_btn，jian1_btn，jia2_btn，jian2_btn … …如圖：
新建一層，打開(kāi)幀動(dòng)作面板，輸入六段下面類(lèi)似代碼：
a1 = 0;
jia1_btn.onRelease = function() {
a1++;//每次單擊遞加1
s1 = a1;
};
Jian1_btn.onRelease = function() {
a1--;//每次單擊遞減1
s1 = a1;
｝
… …
(以上是1組的加減分按鈕，你就另外加5個(gè)的進(jìn)去吧!只要將1改成2、3、4、5、6即可，注意要認真一點(diǎn)，輸完后要檢查無(wú)誤。)
最后還要拖入一個(gè)可以將計分板關(guān)閉的按鈕來(lái)，放在右上角，實(shí)例名稱(chēng)為：close_btn ，在幀動(dòng)作面板中還要加入條：
close_btn.onRelease=function(){
_parent._visible=false//表示上一級(即計分板)不可見(jiàn)
}
這時(shí)，計分板己做好。在庫面板中，雙擊“界面”，打開(kāi)它的編輯狀態(tài)。
新建一層，取名為“計分”，將做好的“計分板”元件拖入到場(chǎng)景中適當位置，并在“實(shí)例名稱(chēng)”輸入：score_mc 。你再測試一下你的計分板吧!呵呵!
3、制作幫助信息元件
這個(gè)很簡(jiǎn)單，新建一個(gè)影片剪輯，命名為“幫助信息”，畫(huà)個(gè)450*20的矩形，再向里面添加一個(gè)動(dòng)態(tài)文本。變量取為 helptxt就行了。
再新建一個(gè)只有兩幀的類(lèi)似于音樂(lè )控制的影片剪輯：幫助控制
第一幀動(dòng)作：stop()
help_mc._visible=true //幫助為可見(jiàn)
第二幀動(dòng)作：stop()
help_mc._visible=false //幫助為不可見(jiàn)
兩個(gè)做好了，再在庫中雙擊“界面”進(jìn)入編輯狀態(tài)，新建一層，取名為“幫助”，將剛做的“幫助信息”拖到界面的下文橫條上。在實(shí)例名中輸入：help_mc，再將“幫助控制”也拖入，實(shí)例名：helpcontrol 。
要實(shí)現實(shí)時(shí)顯示幫助信息，還得要加入一些代碼，單擊“界面”的第一幀，在動(dòng)作面板中輸入：
close_btn.onRollover=function(){// onRollOver表示在鼠標移到按鈕上時(shí)觸發(fā)事件
help_mc.helptxt=”提示：?jiǎn)螕絷P(guān)閉本課件” //給動(dòng)態(tài)文本的變量helptxt賦值，下同
}
fullscreen_btn.onRollover=function(){
help_mc.helptxt=”提示：?jiǎn)螕羧溜@示課件”
}
small_btn.onRollover=function(){
help_mc.helptxt=”提示：?jiǎn)螕粜∑溜@示本課件”
}
play_btn.onRollOver=function(){
help_mc.helptxt="提示：?jiǎn)螕舨シ耪n件。"
}
stop_btn.onRollOver=function(){
help_mc.helptxt="提示：?jiǎn)螕魰和２シ耪n件。"
}
back_btn.onRollOver=function(){
help_mc.helptxt="提示：?jiǎn)螕舴祷卣n件目錄。"
}
music_btn.onRollOver=function(){
help_mc.helptxt="提示：?jiǎn)螕舨シ呕蛲Ｖ贡尘耙魳?lè )。"
}
score_btn.onRollOver=function(){
help_mc.helptxt="提示：?jiǎn)螕暨M(jìn)入小組計分系統。"
}
practice_btn.onRollOver=function(){
help_mc.helptxt="提示：?jiǎn)螕暨M(jìn)入練習題。"
}
quit_btn.onRollOver=function){
help_mc.helptxt=”提示：?jiǎn)螕魧⑼顺稣n件”
｝
另外，有時(shí)想在課件上顯示時(shí)間，可以加一個(gè)動(dòng)態(tài)文本，變量為：mytime。并在它所在的幀的幀動(dòng)作中輸入：
function showtime(){
var time=new Date() //得到系統時(shí)間字符串
mytime=substring(time,11,9) //只截取其中時(shí)分秒的部分
}
setInterval(showtime,100) //100毫秒刷新一次
提高篇：(可以不做)
1、課件中實(shí)現粉筆的功能(即鼠標畫(huà)線(xiàn)并能擦除)：
在主場(chǎng)景幀動(dòng)作中輸入下面的代碼可以實(shí)現鼠標的畫(huà)線(xiàn)：
_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){//判斷畫(huà)線(xiàn)條件
_root.lineStyle(2,oxff0000,100); //確定線(xiàn)型(線(xiàn)寬，RGB色，透明度)
_root. lineTo(_root. _xmouse,_root._ymouse)
}else{
_root.lineStyle()//如果條件不具備，則利用無(wú)線(xiàn)型，不顯示線(xiàn)條
}
updateAfterEvent()
}
還要另加一個(gè)按鈕來(lái)清除畫(huà)好的線(xiàn)，按鈕動(dòng)作：
on(release){
_root.clear()//清除
}
2、讓計分等面板成為仿windows窗口，可隨意拖動(dòng)
新建一個(gè)影片剪輯，畫(huà)一個(gè)像Windows窗口標題欄樣式的條狀體，，取名為bar
將它放在計分面板上，實(shí)例名設為：bar
然后在它所在幀的幀動(dòng)作中輸入：
bar.onPress=function(){
_parent.startDrag() //當鼠標按下時(shí)能拖動(dòng)
}
bar.onRelease=function(){
_parent.stopDrag()//當鼠標彈起時(shí)停止拖動(dòng)
}
剩下要做的只要做好課件的動(dòng)畫(huà)內容了，在要停的幀中加入一個(gè)幀動(dòng)作：stop()，就能用我們的課件封面來(lái)控制內容顯示了!
聯(lián)系客服
