基于Flash的多媒體課件設(shè)計(jì)與開發(fā)

PAGE基于Flash的多媒體課件設(shè)計(jì)與開發(fā)之荷塘月色摘要隨著信息技術(shù)以及多媒體技術(shù)的發(fā)展，無論教師在課堂上，還是通過遠(yuǎn)程教學(xué)、網(wǎng)絡(luò)教學(xué)，多媒體教學(xué)課件已經(jīng)成為一種全新的現(xiàn)代化的教學(xué)手段，在教學(xué)過程中為學(xué)生建立了一個(gè)動態(tài)的教學(xué)環(huán)境，豐富學(xué)生想象力，調(diào)動學(xué)生積極性，讓學(xué)生有種身臨其境的感覺。從而大大地提高了課堂教學(xué)效率。制作多媒體課件的軟件有很多，但Flash有著自己特定的優(yōu)勢，其制作出來的課件與其他軟件制作出來的課件相比，更別具一格。本文從多媒體課件制作的一般過程、《荷塘月色》課件的規(guī)劃與設(shè)計(jì)、以及Flash課件制作相關(guān)技巧等方面進(jìn)行了詳細(xì)的說明。目的是引導(dǎo)廣大教育工作者認(rèn)識并掌握Flash技術(shù),使其在多媒體教學(xué)過程中發(fā)揮重要作用。關(guān)鍵字：多媒體課件；flash；腳本引言隨著信息技術(shù)走進(jìn)我們?nèi)粘５墓ぷ骱蜕睿沧哌M(jìn)了我們的課堂教學(xué)中。多媒體教學(xué)課件不僅可以更加自然、逼真地表現(xiàn)教師的教學(xué)內(nèi)容，還可以對宏觀和微觀事物進(jìn)行模擬，對抽象、無形事物進(jìn)行生動、直觀的表現(xiàn)；對復(fù)雜過程進(jìn)行簡化再現(xiàn)，因此也提高了學(xué)生的學(xué)習(xí)興趣。Flash具備完善的媒體支持功能，它能導(dǎo)入圖形圖像、聲音、視頻、三維動畫等各種媒體。將教學(xué)內(nèi)容與教學(xué)所涉及到的事物，通過聲音、圖像、動畫等形式表現(xiàn)出來。使學(xué)生通過事物形、色、聲的變化和發(fā)展直接獲取知識，感知世界，并且使許多抽象的概念形象化、具體化，更使教學(xué)有難有易，增加教學(xué)效果，提高教學(xué)效率，具體傳統(tǒng)教學(xué)所不能比擬的優(yōu)越性。1多媒體課件概述1.1相關(guān)概念1.1.1多媒體多媒體（Multimedia）。媒體通常是指傳遞信息的載體。多媒體指將多種媒體進(jìn)行有機(jī)組合而成的一種新的媒體應(yīng)用系統(tǒng)，即多種媒體元素的統(tǒng)稱。在傳統(tǒng)教學(xué)中，使用的媒體是黑板、書籍、聲音（教師的語言）等，比較單一。在計(jì)算機(jī)領(lǐng)域中經(jīng)常使用的媒體有：文字、圖形（靜止圖形、運(yùn)動圖形）、圖像（靜止圖像、運(yùn)動圖像）和音頻等。多媒體技術(shù)（MultimediaTechnology）。是指計(jì)算機(jī)技術(shù)和社會需求相結(jié)合的產(chǎn)物。綜合處理文本、圖形、圖像、聲音、動畫和視頻等多種多媒體數(shù)據(jù)，進(jìn)行有機(jī)組合，使它們建立一種邏輯上的連接，集成為具有交互性的信息技術(shù)。1.1.2多媒體課件多媒體課件（MultimediaCourseware），是利用多媒體技術(shù)，針對具體學(xué)科的學(xué)習(xí)內(nèi)容而開發(fā)設(shè)計(jì)的教學(xué)軟件。簡單來說就是老師用來輔助教學(xué)的工具，創(chuàng)作人員根據(jù)自己的創(chuàng)意，先從總體上對信息進(jìn)行分類組織，然后把文字、圖形、圖像、聲音、動畫、影像等多種媒體素材在時(shí)間和空間兩方面進(jìn)行集成，使他們?nèi)跒橐惑w并賦予它們以交互特性，從而制作出各種精彩紛呈的多媒體應(yīng)用軟件產(chǎn)品。1.2應(yīng)用Flash制作課件的優(yōu)點(diǎn)1.2.1利用Flash制作的動畫是矢量，不論你把它放大多少倍，都不會失真，保證了畫面的亮麗、清晰。1.2.2才能體現(xiàn)利用多媒體課件進(jìn)行教學(xué)的優(yōu)勢。3《荷塘月色》課件的規(guī)劃與設(shè)計(jì)3.1《荷塘月色》課件的規(guī)劃規(guī)劃是對《荷塘月色》主題的整體分析，包括課件的結(jié)構(gòu)設(shè)計(jì)、所需素材和總體風(fēng)格的確定，然后確定課件中各部分的組成方式及各種素材鏈接方式，從而形成一個(gè)有機(jī)整體的步驟?！逗商猎律氛n件的整體結(jié)構(gòu)如圖1所示。課堂練習(xí)課堂練習(xí)片頭作者簡介探究學(xué)習(xí)配音朗誦知識拓展片尾主界面圖1課件整體結(jié)構(gòu)圖3.2《荷塘月色》課件的界面和交互設(shè)計(jì)界面布局應(yīng)該有整體上的一致性、布局要簡明清晰、要注意突出主題信息、要注意文字的顯示效果，界面的設(shè)計(jì)要具有審美感，令人賞心悅目。交互是計(jì)算機(jī)與用戶之間進(jìn)行的信息交流的工程，一個(gè)好的人機(jī)交互方式可以讓使用者很方便地使用課件。因此在交互設(shè)計(jì)時(shí)要考慮到使用的方便性、及所見即所得。六個(gè)界面中的交互按鈕配樂朗誦、作者簡介、探究學(xué)習(xí)、知識拓展、課堂練習(xí)和退出均為統(tǒng)一風(fēng)格、同一位置。3.3素材準(zhǔn)備和制作在flash制作過程中會用到《荷塘月色》朗誦聲音通過windowsxp自帶的錄音軟件自行錄制，相關(guān)背景圖片（如圖2、圖3）、圖形元素、按鈕（如圖4配樂朗誦按鈕）通過photoshop、flash制作，關(guān)于作者、古詩的一些資料，通過網(wǎng)絡(luò)、書籍等途徑搜集。圖2主界面背景圖片圖3退出界面背景圖片圖4配樂朗誦按鈕3.4《荷塘月色》課件的腳本制作課件的腳本是制作多媒體課件的依據(jù)，一個(gè)課件腳本的優(yōu)劣直接決定著多媒體課件的效果的好壞，因此制作腳本是多媒體課件開發(fā)制作的一個(gè)重要環(huán)節(jié)。制作腳本是在文字稿本的基礎(chǔ)上，進(jìn)一步細(xì)化設(shè)計(jì)，根據(jù)多媒體課件的表現(xiàn)特點(diǎn)進(jìn)行構(gòu)思，具體表達(dá)每個(gè)界面的組成、各個(gè)媒體信息在界面中的位置、表現(xiàn)方式、效果和交互情況的制作文檔。與文字稿本相對應(yīng)，制作腳本采用卡片的形式，以下是《荷塘月色》課件的部分制作腳本。如表1名稱：序號：1、2、3內(nèi)容：片頭、主頁面設(shè)計(jì)者：伴隨著背景音樂、標(biāo)題《荷塘月色》與設(shè)計(jì)制作淡入出現(xiàn)，四條小魚在荷塘中游來游去。單擊按鈕可以轉(zhuǎn)入課件相應(yīng)的部分，單擊選擇音樂按鈕可以選擇喜歡的背景音樂。單擊退出按鈕，跳轉(zhuǎn)到片尾，結(jié)束課件播放。（A）名稱：序號：3、4、5內(nèi)容：配樂朗誦設(shè)計(jì)者：左側(cè)為按鈕（其中“配樂朗誦”按鈕字體為紅色，說明當(dāng)前處于配樂朗誦界面）、頂部荷塘月色標(biāo)題。右側(cè)為配樂朗誦動畫以及課文內(nèi)容。單擊“返回”按鈕，退回主界面，單擊其他按鈕轉(zhuǎn)入到相應(yīng)部分。（B）名稱：序號：18內(nèi)容：片尾設(shè)計(jì)者：伴隨著背景音樂，表示作者的文字文字信息不斷漸變。等待10秒自動退出課件。（C）表13.5《荷塘月色》課件的集成與測試在課件制作過程中用到的技術(shù)有：flash基本動畫，如動作、形狀、引導(dǎo)、遮罩、逐幀動畫等，還有影片剪輯、按鈕、組件和ActionScript腳本控制。在圖片制作時(shí)，使用了Photoshop處理圖片，制作效果。課件中的基本元件包括場景中的背景圖、播放按鈕、和多個(gè)影片剪輯；導(dǎo)航按鈕有：配樂朗誦、作者簡介探究學(xué)習(xí)、知識拓展、課堂練習(xí)、退出。影片剪輯有：小魚游動影片剪輯、配樂朗誦影片剪輯、探究學(xué)習(xí)影片剪輯、星星特效影片剪輯、退出文字影片剪輯、各種小裝飾素材。具體制作步驟如下：主界面集成：主界面的背景利用Photoshop制作的一張有荷塘有月色的圖片，打開后首先看見的是具有荷塘、夜色、按鈕，游魚，標(biāo)題以及制作設(shè)計(jì)人，還有悅耳的音樂。單擊菜單按鈕即可進(jìn)入相應(yīng)的頁面（共七個(gè)菜單），其中選擇音樂按鈕可以選擇背景音樂。在action圖層的第一幀添加動作：stop（）;。圖5主機(jī)面時(shí)間軸展示效果按鈕制作：利用flash公共庫中的按鈕（如圖6）圖6配樂朗誦按鈕展示效果按鈕元件上添加動作on(release){Stopallsound（）;Gotoandstop(2);}其他菜單按鈕制作方法同上。退出按鈕制作：按鈕元件上添加動作on(release){Stopallsound（）;Gotoandstop(7);}播放窗口全屏代碼：fscommand("fullscreen","true");作者簡介、探究學(xué)習(xí)、知識拓展、課堂練習(xí)、退出按鈕制作方法類似，不再贅言。游魚的制作：三只魚呈現(xiàn)游動效果，其實(shí)就是幾張圖片的疊加，動感主要表現(xiàn)在魚尾的扭動。如圖7圖7：魚游動效果展示魚從左到右依次對應(yīng)的是時(shí)間軸上的三個(gè)關(guān)鍵幀，連貫起來就做成了一條游動的魚，另一條魚做法相同。水波效果制作：水波效果呈現(xiàn)主要利用逐幀效果完成的。如圖8配樂朗誦影片剪輯制作：“配樂朗誦”影片剪輯制作，圖層結(jié)構(gòu)以及效果如圖9：圖8：水波效果展示圖9：配樂朗誦效果展示其他幾個(gè)影片剪輯的制作方法簡單，用到遮罩、逐幀動畫，不是很復(fù)雜，不再贅言。配樂朗誦、作者簡介、探究學(xué)習(xí)、知識拓展、課堂練習(xí)界面集成：背景利用Photoshop制作的一張有統(tǒng)一的背景圖片（如圖10），打開后界面看見的是具有荷塘月色標(biāo)題、按鈕，還有悅耳的音樂。單擊菜單按鈕即可進(jìn)入相應(yīng)的頁面（共七個(gè)菜單），其中選擇音樂按鈕可以選擇背景音樂。在action圖層的相應(yīng)的幀添加動作：stop（）;。將相應(yīng)的影片剪輯以及圖像元件添加到相應(yīng)界面，方法簡單，不很復(fù)雜，不再贅言。圖10退出界面集成：背景利用Photoshop制作的一張背景圖片（如圖11），打開后界面看見的是具有荷塘月色標(biāo)題、設(shè)計(jì)者的相關(guān)信息影片剪輯（圖12）、游魚、張掖二中校園文化標(biāo)示系統(tǒng)圖片、還有悅耳的音樂。在action圖層的相應(yīng)的幀添加動作：stop（）;設(shè)計(jì)者的相關(guān)信息影片剪輯的最后一幀添加動作：fscommand("quit","true");。圖11退出界面背景圖12設(shè)計(jì)者的相關(guān)信息影片剪輯課件測試：制作過程中，每進(jìn)行一部分制作時(shí)，就可以按“Ctrl+回車”組合鍵進(jìn)行測試，觀看制作的效果，如果有不滿意或不成功的地方，就馬上進(jìn)行修改，

不要等到最后制作完畢才測試，這樣可能會導(dǎo)致很多地方有同樣的問題。最后將集成好的課件對每一個(gè)功能進(jìn)行測試，在通過課堂教學(xué)不斷完善課件的功能。3.6Flash《荷塘月色》課件的評價(jià)優(yōu)點(diǎn)：是面向教學(xué)的課程，是集動畫、聲音、圖片為一體的多媒體作品，結(jié)合Photoshop等軟件進(jìn)行技術(shù)實(shí)現(xiàn)，以增強(qiáng)課件的藝術(shù)效果。它的特點(diǎn)是設(shè)計(jì)思想好，界面美觀、和諧，有較高的欣賞性，適合它所面向的對象，同時(shí)要求課件有交互性，操作簡單、快捷?！逗商猎律氛n件在制作過程中，利用Photoshop、Firework等軟件制作背景圖片，采用了flash動畫動作、形狀、引導(dǎo)、遮罩、逐幀動畫等，還有影片剪輯、按鈕、組件和ActionScript腳本控制。同時(shí)，在課件中應(yīng)用了一下簡單的按鈕進(jìn)行操作，簡單、易懂。不足：由于時(shí)間和本人知識與技能的有限，尤其是美工方面技能的有限，制作的背景圖片的效果還不是很理想，制作過程中僅考慮到一些基本的功能，而且有一些功能并不能充分完成，界面和操作設(shè)計(jì)還不是很美觀，但我相信通過我今后的努力一定能夠彌補(bǔ)自己的缺陷和不足之處。4多媒體課件的幾點(diǎn)技巧4.1圖層。對于不同的內(nèi)容，如按鈕、動畫、背景等，需要分別把它們放到不同的圖層，這樣在操作時(shí)就很容易清楚知道當(dāng)前操作的是哪個(gè)對象，也經(jīng)常需要通過鎖定或隱藏圖層來防止誤編輯?！逗商猎律氛n件采用了背景、按鈕、剪輯、圖形元素分別在不同的圖層，方便使用者編輯。

4.2庫的整理。很多人在制作課件時(shí)都喜歡把元件和素材直接放在庫的最頂層，而沒有建立好文件夾進(jìn)行管理，并且元件的命名隨意，這樣會使得修改課件十分困難，很難找得到自己想要改的元件。所以對元件的命名一定要準(zhǔn)確，并且建立不同的文件夾進(jìn)行管理。此外清除不必要的元件。把圖庫里的沒有用到的元件刪除。《荷塘月色》課件有四個(gè)庫文件夾，即小魚、特效、荷塘月色、朗誦動畫。

4.3交互的靈活性。交互設(shè)計(jì)要考慮到使用的方便性、方便各個(gè)頁面之間的相會轉(zhuǎn)換?！逗商猎律氛n件采用了每一界面都有按鈕，方便了相互切換。

4.4色彩的使用。課件中的色彩應(yīng)根據(jù)課件的主題進(jìn)行選擇，盡可能地突出課件內(nèi)容。《荷塘月色》課件整體上以荷塘的夜色為主，給人以比較舒適的視覺感受。4.5整體風(fēng)格的確定。課件風(fēng)格應(yīng)與課件表現(xiàn)的內(nèi)容一致?！逗商猎律氛n件的背景制作時(shí)，主要選取了魚荷塘、夜色有關(guān)的圖片，按鈕制作時(shí)也盡量做到與環(huán)境融合，這樣可以給學(xué)生的學(xué)習(xí)營造一個(gè)意境，使學(xué)習(xí)更加輕松和愉快。4.6動畫的使用。課件制作時(shí)用到的動畫也應(yīng)該因時(shí)制宜，不同的課件需要的技術(shù)不盡相同，只要能夠很好的表現(xiàn)課件內(nèi)容就可以了?！逗商猎律氛n件在動畫的選擇上比較豐富，動作、形狀、引導(dǎo)、遮罩和逐幀動畫，并且加以簡單的ActionScript腳本控制，使動畫能夠更好地展現(xiàn)詩歌的意境，以幫助學(xué)習(xí)。4.7文字的顯示技巧。為防止因系統(tǒng)字體不全而帶來的字體被替換的問題，在制作與文字相關(guān)的元件時(shí)，都將其打散成矢量圖形，便于編輯。結(jié)束語Flash多媒體課件的開發(fā)集知識和技能于一體、實(shí)踐性強(qiáng)，涉及并整合了美學(xué)、文化基礎(chǔ)知識、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、交流能力、組織能力和教學(xué)設(shè)計(jì)能力等等。一個(gè)制作精美的課件不僅能幫助教師進(jìn)行很好的教學(xué)，方便學(xué)生理解和記憶，達(dá)到事半功倍的教學(xué)效果，同時(shí)也使學(xué)生在聽覺、視覺等美的享受中潛移默化地提升自己的審美情趣。參考文獻(xiàn)[1]鄭伯鴻，張智龍.FlashMXActionScript語法參考詞典.北京：中