文 曹譯文

基于F L A S H的多媒體技術(shù)在網(wǎng)絡(luò)課件中的設(shè)計(jì)與實(shí)現(xiàn)

文 曹譯文

多媒體技術(shù)是一種以計(jì)算機(jī)為載體將文字、圖像、動(dòng)畫(huà)、視頻等多種媒體進(jìn)行整理并統(tǒng)一存儲(chǔ)、傳輸?shù)木C合性電子信息技術(shù)。利用多媒體技術(shù)制作教學(xué)課件，已成為當(dāng)代教學(xué)環(huán)節(jié)中不可或缺的重要手段。本文圍繞FLASH進(jìn)行分析研究，就如何利用FLASH多媒體技術(shù)手段對(duì)網(wǎng)絡(luò)課件進(jìn)行合理設(shè)計(jì)進(jìn)行分析；就如何利用FLASH進(jìn)行課件制作與技術(shù)實(shí)現(xiàn)等進(jìn)行逐一研究。

多媒體技術(shù)在網(wǎng)絡(luò)課件開(kāi)發(fā)中的背景及應(yīng)用

多媒體技術(shù)是以計(jì)算機(jī)為中心以多種媒體作為工具將文字、圖形、圖像、動(dòng)畫(huà)、視頻等多種信息進(jìn)行整理并統(tǒng)一存儲(chǔ)、傳輸?shù)木C合性電子信息技術(shù)，是具有一定的主動(dòng)性和交互性的傳輸技術(shù)。而多媒體課件是基于多媒體技術(shù)而開(kāi)發(fā)的綜合性知識(shí)的傳播形式。

使用多媒體技術(shù)開(kāi)發(fā)教學(xué)課件作為一種新的教學(xué)手段被更多的院校采用。目前最常見(jiàn)的多媒體課件創(chuàng)作軟件如PowerPoint、FLASH、Authorware等。其中，利用FLASH軟件制作課件畫(huà)面生動(dòng)、色彩豐富、交互性能較強(qiáng)，對(duì)創(chuàng)作者有簡(jiǎn)單技術(shù)要求且制作出的課件文件較小，方便傳輸，適用于網(wǎng)絡(luò)空間。而作為課件創(chuàng)作人員，單純的使用一種軟件來(lái)開(kāi)發(fā)教學(xué)課件總是存在一定不足之處，在實(shí)際課件制作過(guò)程中往往使用多種軟件相互配合，取長(zhǎng)補(bǔ)短，利用軟件各自?xún)?yōu)勢(shì)進(jìn)行整合，才能使開(kāi)發(fā)出來(lái)的課件更加生動(dòng)，鮮明。

多媒體技術(shù)在網(wǎng)絡(luò)課件開(kāi)發(fā)中的優(yōu)勢(shì)

多媒體技術(shù)能夠被設(shè)計(jì)者廣為適用，其豐富的交互性能是亮點(diǎn)之一。而多媒體課件不僅可以在內(nèi)容的學(xué)習(xí)使用上提供良好的交互控制，而且可以運(yùn)用適當(dāng)?shù)慕虒W(xué)策略，指導(dǎo)學(xué)生學(xué)習(xí)、更好地體現(xiàn)出“因材施教的個(gè)性化教學(xué)”。從另一種角度而言，多媒體課件就是通過(guò)硬件、軟件、設(shè)計(jì)者和用戶(hù)的參與這四項(xiàng)來(lái)共同實(shí)現(xiàn)的高技術(shù)性藝術(shù)作品。

另外，使用多媒體技術(shù)開(kāi)發(fā)課件還具有豐富的表現(xiàn)力，可以將多姿多彩的視聽(tīng)世界更加自然、逼真的表現(xiàn)出來(lái)。同時(shí)可以對(duì)抽象、無(wú)形事物進(jìn)行生動(dòng)直觀的模擬表現(xiàn)。使原本艱難的教學(xué)活動(dòng)充滿(mǎn)了魅力。

FLASH在網(wǎng)絡(luò)課件開(kāi)發(fā)中的特點(diǎn)

FLASH作為矢量動(dòng)畫(huà)和多媒體創(chuàng)作軟件，可以制作出體積小、可集聲音、視頻、位圖圖像和交互性能為一體的綜合動(dòng)畫(huà)或FLASH網(wǎng)站。在網(wǎng)站的制作過(guò)程中，F(xiàn)LASH可以與Dreamweaver、Fireworks、Photoshop等軟件有效配合，簡(jiǎn)化工作流程，高效的制作內(nèi)容更豐富、交互性更強(qiáng)的網(wǎng)站。[1]

在各種多媒體課件開(kāi)發(fā)軟件中，F(xiàn)LASH軟件具有鮮明的視覺(jué)效果及靈活的交互功能，支持圖形、圖像、聲音、視頻、動(dòng)畫(huà)等多種媒體。在教學(xué)環(huán)節(jié)中可加強(qiáng)視覺(jué)效果、增強(qiáng)學(xué)習(xí)興趣，利于網(wǎng)絡(luò)傳播，使教學(xué)環(huán)節(jié)靈活豐富。

基于《網(wǎng)頁(yè)動(dòng)畫(huà)》課程的FLASH網(wǎng)絡(luò)課件的設(shè)計(jì)

1.課程背景

本文以《網(wǎng)頁(yè)動(dòng)畫(huà)》課程為例，使用FLASH技術(shù)對(duì)多媒體課件的設(shè)計(jì)進(jìn)行分析研究。

《網(wǎng)頁(yè)動(dòng)畫(huà)》課程是廣州大學(xué)華軟軟件學(xué)院數(shù)碼媒體系數(shù)字藝術(shù)專(zhuān)業(yè)的專(zhuān)業(yè)必修課，主要針對(duì)本科層次的教學(xué)環(huán)節(jié)。我系于2004年就開(kāi)設(shè)了該門(mén)課程，目前申請(qǐng)成為我院精品課程。本課程圍繞FALSH軟件，重點(diǎn)講授FLASH動(dòng)畫(huà)制作的基本原理及應(yīng)用，該課程突出體現(xiàn)數(shù)字藝術(shù)專(zhuān)業(yè)建設(shè)特色，將藝術(shù)設(shè)計(jì)及計(jì)算機(jī)有效結(jié)合，使之成為藝術(shù)設(shè)計(jì)與計(jì)算機(jī)交叉學(xué)科代表性課程之一。

該課程以理論為基礎(chǔ)以實(shí)踐操作為輔助教學(xué)，計(jì)劃總學(xué)時(shí)72學(xué)時(shí)，其中理論學(xué)習(xí)33學(xué)時(shí)，實(shí)踐操作39學(xué)時(shí)。教學(xué)內(nèi)容安排為8章。教學(xué)內(nèi)容及學(xué)時(shí)分配如下表所示：

表1-1 教學(xué)內(nèi)容及學(xué)時(shí)分配

2.教學(xué)要求

《網(wǎng)頁(yè)動(dòng)畫(huà)》課程圍繞FALSH軟件的學(xué)習(xí)，通過(guò)理論與實(shí)踐操作相結(jié)合的教學(xué)方法，使學(xué)生樹(shù)立正確的設(shè)計(jì)思想，掌握利用FLASH進(jìn)行網(wǎng)頁(yè)動(dòng)畫(huà)制作的基本流程、基本制作方法，并能獨(dú)立完成從動(dòng)畫(huà)設(shè)計(jì)、制作到打包的整個(gè)過(guò)程。通過(guò)學(xué)習(xí)，基本上要求學(xué)生掌握FLASH工具箱各個(gè)工具的操作及應(yīng)用；掌握FLASH各類(lèi)幀的使用；理解FLASH的圖層與時(shí)間線的關(guān)系；熟練掌握FLASH各種動(dòng)畫(huà)類(lèi)型的制作方法和技巧，并能正確使用遮罩層，引導(dǎo)線；了解FLASH聲音輸入輸出不同的屬性及其功能；認(rèn)識(shí)ACTION的概念及使用方法。

通過(guò)該門(mén)課程的學(xué)習(xí)，培養(yǎng)學(xué)生靈活運(yùn)用FLASH動(dòng)畫(huà)制作技術(shù)處理動(dòng)畫(huà)設(shè)計(jì)實(shí)踐問(wèn)題的能力和創(chuàng)新能力，實(shí)現(xiàn)學(xué)以致用。培養(yǎng)學(xué)生對(duì)平面動(dòng)畫(huà)設(shè)計(jì)軟件的高級(jí)綜合運(yùn)用能力、圖形設(shè)計(jì)語(yǔ)言表達(dá)能力以及平面動(dòng)畫(huà)設(shè)計(jì)理論知識(shí)與實(shí)踐應(yīng)用能力等。

3.課件的實(shí)現(xiàn)

3.1 課件架構(gòu)設(shè)計(jì)

該課件是以《網(wǎng)頁(yè)動(dòng)畫(huà)》課程為依據(jù)，以FLASH網(wǎng)站的形式展示內(nèi)容。將課件設(shè)定為三級(jí)頁(yè)面，每一級(jí)都不可缺少。并且頁(yè)面頂端設(shè)有導(dǎo)航欄，包括首頁(yè)、課程信息、課程教學(xué)、視頻錄像、優(yōu)秀作品、素材下載、學(xué)習(xí)交流等標(biāo)簽。導(dǎo)航欄始終存在于每一級(jí)頁(yè)面之中，使學(xué)生可以快捷的獲取知識(shí)。

第一級(jí)頁(yè)面為首頁(yè)，是本課程的學(xué)習(xí)入口。包括課程的基本信息，學(xué)生對(duì)該課程提出的常見(jiàn)問(wèn)題以及與課程相關(guān)的軟件下載等信息。通過(guò)點(diǎn)擊相應(yīng)鏈接可進(jìn)入到具體頁(yè)面進(jìn)行學(xué)習(xí)。這一頁(yè)面相當(dāng)于課程入口，對(duì)本課程起到一個(gè)簡(jiǎn)單的概述作用。

第二級(jí)頁(yè)面是本課程各個(gè)導(dǎo)航頁(yè)面，點(diǎn)擊導(dǎo)航按鈕進(jìn)入到各自二級(jí)頁(yè)面。二級(jí)頁(yè)面采用框架式結(jié)構(gòu)制作，分為課程信息、課程教學(xué)、視頻錄像、優(yōu)秀作品、素材下載、學(xué)習(xí)交流等六類(lèi)標(biāo)簽。在每個(gè)二級(jí)頁(yè)面的左側(cè)設(shè)有不同類(lèi)型的FLASH展示動(dòng)畫(huà)，使學(xué)生在瀏覽課件的同時(shí)對(duì)FLASH制作效果有更直觀的認(rèn)識(shí)。頁(yè)面的右側(cè)則是該標(biāo)簽的具體學(xué)習(xí)內(nèi)容，學(xué)生可以在相應(yīng)二級(jí)頁(yè)面的右側(cè)進(jìn)行知識(shí)學(xué)習(xí)。

第三級(jí)頁(yè)面則是詳細(xì)的學(xué)習(xí)瀏覽頁(yè)面，在這一層級(jí)中，學(xué)生可以對(duì)相關(guān)知識(shí)進(jìn)行預(yù)習(xí)、復(fù)習(xí)和練習(xí)等，也可以在優(yōu)秀作品欄目下的三級(jí)頁(yè)面中查看到班級(jí)其他同學(xué)的優(yōu)秀作品，從而大大增強(qiáng)學(xué)習(xí)競(jìng)爭(zhēng)力，使同學(xué)間相互學(xué)習(xí)共同進(jìn)步。

3.2課件導(dǎo)航設(shè)計(jì)

FLASH課件沿用FLASH軟件的紅色為基本顏色，其目的是希望達(dá)到統(tǒng)一而不另類(lèi)的視覺(jué)效果，使學(xué)生在打開(kāi)課件的同時(shí)可以聯(lián)想到《網(wǎng)頁(yè)動(dòng)畫(huà)》課程。課件將導(dǎo)航設(shè)計(jì)在網(wǎng)站的頂端，即符合人的視覺(jué)瀏覽規(guī)律又襯托出教學(xué)網(wǎng)站的規(guī)矩和嚴(yán)謹(jǐn)。

本課件應(yīng)用FLASH軟件對(duì)導(dǎo)航按鈕進(jìn)行設(shè)計(jì)制作，由于導(dǎo)航背景為紅色，因此將按鈕文字設(shè)置為白色，選用琥珀字體使按鈕看起來(lái)即不呆板又不失嚴(yán)肅。在按鈕的動(dòng)作設(shè)計(jì)上選擇了鼠標(biāo)觸發(fā)，按鈕上移提示的方式。當(dāng)鼠標(biāo)移動(dòng)到相應(yīng)按鈕上時(shí)，按鈕文字將自動(dòng)上移并輕微顫動(dòng)，以醒目的方式提示用戶(hù)即將選擇的操作。

在本按鈕的設(shè)計(jì)上，采用了在按鈕第二幀“指針經(jīng)過(guò)”上添加影片剪輯的手法制作。首先，在FLASH中創(chuàng)建影片剪輯動(dòng)畫(huà)，并創(chuàng)建按鈕文字并設(shè)置文字上移的運(yùn)動(dòng)漸變動(dòng)畫(huà)，并在移動(dòng)到頂端后設(shè)置輕微顫動(dòng)的運(yùn)動(dòng)效果。將影片剪輯動(dòng)畫(huà)放在“指針經(jīng)過(guò)”上，完成按鈕的制作。如圖1-1。

圖1-1 變化的導(dǎo)航按鈕

3.3 課件動(dòng)畫(huà)設(shè)計(jì)

《網(wǎng)頁(yè)動(dòng)畫(huà)》課程是以動(dòng)畫(huà)制作為主的課程，因此，在課件的制作中必然要體現(xiàn)出“動(dòng)畫(huà)”的制作。在該課件的設(shè)計(jì)中同樣設(shè)計(jì)了大量的動(dòng)畫(huà)效果，但這些動(dòng)畫(huà)并不是隨便制作并放置的。它們是該課程各個(gè)知識(shí)點(diǎn)的總和，也有針對(duì)逐個(gè)知識(shí)點(diǎn)而制作的小動(dòng)畫(huà)，被放在相應(yīng)的章節(jié)或頁(yè)面上。

在課程介紹頁(yè)面上所放置的動(dòng)畫(huà)分別是小人走路的“骨骼運(yùn)動(dòng)”動(dòng)畫(huà)以及鼠標(biāo)點(diǎn)擊控制“下雨”動(dòng)畫(huà)。由于該頁(yè)面是對(duì)課程的整體介紹，因此，放置這兩個(gè)動(dòng)畫(huà)可以突出體現(xiàn)FLASH動(dòng)畫(huà)中可以達(dá)到的某些較為復(fù)雜的人物運(yùn)動(dòng)動(dòng)作或特殊的ActionScript腳本控制動(dòng)畫(huà)效果。如圖1-2、1-3。

圖1-2骨骼動(dòng)畫(huà)

圖1-3 下雨動(dòng)畫(huà)

視頻錄像頁(yè)面中所介紹的是針對(duì)該課程的某個(gè)知識(shí)點(diǎn)來(lái)進(jìn)行的綜合動(dòng)畫(huà)制作步驟的講解，該頁(yè)面放置了各類(lèi)動(dòng)畫(huà)制作詳細(xì)步驟的視頻錄像。在該頁(yè)面添加了遮罩動(dòng)畫(huà)類(lèi)型的兩種效果動(dòng)畫(huà)。遮罩動(dòng)畫(huà)在FLASH動(dòng)畫(huà)制作中屬于特殊圖層屬性動(dòng)畫(huà)類(lèi)型，因此放在該頁(yè)面中以提示動(dòng)畫(huà)制作的特殊性。如圖1-4。

圖1-4 遮罩動(dòng)畫(huà)

優(yōu)秀作品頁(yè)面，將學(xué)生們的優(yōu)秀動(dòng)畫(huà)分期上傳，供同學(xué)們相互學(xué)習(xí)提高。該頁(yè)的動(dòng)畫(huà)不是固定不變的，它根據(jù)課程進(jìn)度的改變而發(fā)生變化，在不同進(jìn)度不同課程內(nèi)容上添加相對(duì)應(yīng)的優(yōu)秀動(dòng)畫(huà)作品，學(xué)生們可以實(shí)時(shí)的在課件上查看大家的作品以促進(jìn)相互學(xué)習(xí)的氛圍。

3.4課件交互設(shè)計(jì)

《網(wǎng)頁(yè)動(dòng)畫(huà)》課件是課程輔助教學(xué)的工具，是學(xué)生課前預(yù)習(xí)、課后復(fù)習(xí)的學(xué)習(xí)工具。為了不影響嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)氛圍，使學(xué)生有一個(gè)良好的學(xué)習(xí)網(wǎng)絡(luò)環(huán)境，因此，在該課件的交互設(shè)計(jì)中采用比較簡(jiǎn)單的單一的鼠標(biāo)點(diǎn)擊按鈕以及鼠標(biāo)控制特定動(dòng)畫(huà)的制作方法。除了各別頁(yè)面動(dòng)畫(huà)鼠標(biāo)控制外，課件的交互設(shè)計(jì)集中體現(xiàn)在按鈕的點(diǎn)擊和視頻錄像頁(yè)面。在視頻錄像頁(yè)面中放置了該課程各章節(jié)重點(diǎn)的動(dòng)畫(huà)案例，學(xué)生可以通過(guò)鼠標(biāo)點(diǎn)擊進(jìn)入到視頻查看動(dòng)畫(huà)，并可以通過(guò)視頻的進(jìn)度調(diào)節(jié)動(dòng)畫(huà)的播放進(jìn)度。

該課件主要制作技術(shù)采用FLASH ActionScript2.0編程語(yǔ)言來(lái)完成。FLASH交互設(shè)計(jì)針對(duì)兩種對(duì)象，第一是按鈕，二是點(diǎn)擊文字連接。給按鈕添加命令，首先創(chuàng)建影片剪輯動(dòng)畫(huà)并給其命名為“a”，鼠標(biāo)選擇使用命令按鈕，打開(kāi)FLASH“窗口”下拉菜單，點(diǎn)擊“動(dòng)作”，打開(kāi)動(dòng)作浮動(dòng)面板。激活腳本助手，在“命令選擇欄”中執(zhí)行“否決的——?jiǎng)幼鳌猼ellTarget”命令，將目標(biāo)（T）設(shè)置“/a”，使其指定控制影片剪輯a，在“命令選擇欄”中執(zhí)行“全局函數(shù)——時(shí)間軸控制——play”，控制影片剪輯的播放效果。命令編輯欄中執(zhí)行命令如下：

總結(jié)

FLASH作為多媒體課件與傳統(tǒng)的板書(shū)式教育模式相比，具有形式新穎、交互靈活、聲色匯聚、趣味性強(qiáng)等特點(diǎn)被學(xué)生們所接受，也對(duì)高校的教育改革起到較大的影響。FLASH課件形式集中了各種先進(jìn)的信息元素，如網(wǎng)絡(luò)、互動(dòng)、視頻、聲音、動(dòng)畫(huà)等于一體，將課程所要表達(dá)的主題和傳達(dá)的各項(xiàng)知識(shí)淋漓盡致的展現(xiàn)出來(lái)，使學(xué)生們可以在輕松愉快的學(xué)習(xí)氛圍中掌握知識(shí)技術(shù)，將教與學(xué)的環(huán)節(jié)很好的融合再一起，大大的高了課程的教學(xué)效果，從某種意義上而言，F(xiàn)LASH課件構(gòu)建了新的教學(xué)互動(dòng)模式，具有良好的發(fā)展前景。

廣州大學(xué)華軟軟件學(xué)院數(shù)碼媒體系）