《沁園春·雪》Flash課件的設(shè)計與實(shí)現(xiàn)

■王正發(fā)

1 引言

《沁園春·雪》是毛澤東詩詞中的一朵奇葩，被柳亞子盛贊為千古絕唱。這首詞寫于1936年2月，全詞寫景論史，抒發(fā)了作者對祖國壯麗山河的熱愛，歌頌了無產(chǎn)階級革命英雄空前的抱負(fù)，激發(fā)人們的愛國熱情和民族自豪感。為了改變傳統(tǒng)的教學(xué)方式，從以教為中心向以學(xué)為中心轉(zhuǎn)變，探索一條使學(xué)生在信息技術(shù)環(huán)境下自主探究的語文學(xué)科與信息技術(shù)的有效整合之路，設(shè)計和開發(fā)《沁園春·雪》Flash課件，作為一次有益的嘗試。

2 設(shè)計思路

2.1 課件設(shè)計的基本原則

根據(jù)建構(gòu)主義學(xué)習(xí)理論，針對中學(xué)生富于探究，樂于接受挑戰(zhàn)的心理年齡特點(diǎn)，以及本課教學(xué)目標(biāo)和教學(xué)重難點(diǎn)，確定本課件設(shè)計的5點(diǎn)基本準(zhǔn)則。

1）依標(biāo)據(jù)本，目標(biāo)明確的原則。課件的教學(xué)內(nèi)容必須根據(jù)語文課程標(biāo)準(zhǔn)的要求和課文教學(xué)目標(biāo)進(jìn)行設(shè)計，應(yīng)該遵循學(xué)生認(rèn)知規(guī)律，以明確的訓(xùn)練目的作為導(dǎo)向，以提高學(xué)生自主探索能力為主要目標(biāo)。

2）趣味性濃，利于激發(fā)學(xué)生興趣的原則。制作“課文欣賞”Flash MTV，為學(xué)生營造生動情境，學(xué)生一邊聽朗讀，一邊欣賞動畫，在獲得美的體驗的同時，激發(fā)求知欲望。“練習(xí)提高”中學(xué)生通過拖動選項、錄入答案等方法進(jìn)行解答，增加學(xué)習(xí)的趣味性。

3）評價及時，利于學(xué)生矯正錯誤的原則。在評價學(xué)生練習(xí)成果時，不僅能及時出現(xiàn)明確的對錯評價，還有激勵的語言，使學(xué)生準(zhǔn)確知道自己的錯誤，有針對性地進(jìn)行更正和進(jìn)一步學(xué)習(xí)。

4）直觀性強(qiáng)，利于網(wǎng)絡(luò)環(huán)境學(xué)習(xí)的原則。課件直觀簡潔，操作方便，交互性強(qiáng)，既適合學(xué)生在網(wǎng)絡(luò)環(huán)境下進(jìn)行自主學(xué)習(xí)，又適合教師在網(wǎng)絡(luò)環(huán)境下指導(dǎo)學(xué)生學(xué)習(xí)。

5）信息量大，利于學(xué)生“學(xué)”的原則。課件為學(xué)生提供豐富的信息資源，有利于支持學(xué)生主動探索和完成意義建構(gòu)。

2.2 課件的總體設(shè)計

《沁園春·雪》課件包括封面、主界面兩大模塊。

在封面模塊中，設(shè)置“幫助”“音樂停止與播放”“進(jìn)入”3個模塊，主要展示課題信息，顯示詳細(xì)的課件使用說明。

在主界面模塊中，設(shè)置“探究課文”“相關(guān)知識”“練習(xí)提高”“退出”四大模塊。探究課文模塊包含“課文欣賞”“詞語注釋”“課文研討”“課文譯文”“詩歌賞析”5個內(nèi)容；相關(guān)知識模塊包含“作者簡介”“寫作背景”“詞牌介紹”“相關(guān)作品”4個內(nèi)容；練習(xí)提高模塊包含“連一連”（連線題）、“填一填”（填空題）、“選一選”（選擇題）3個內(nèi)容；單擊退出按鈕，在彈出的對話框內(nèi)有是否退出課件的選項，選擇“否”，繼續(xù)使用課件；選擇“是”，在舒緩的音樂中顯示執(zhí)教者信息，然后退出課件。

2.3 頁面設(shè)計

頁面是課件傳遞信息的窗口，是學(xué)生與教學(xué)內(nèi)容交互的媒介。把頁面設(shè)計與課文內(nèi)容緊密結(jié)合，設(shè)計充滿動畫氣息、導(dǎo)航清晰主觀、操作方便靈活的界面吸引學(xué)習(xí)者的注意力，使學(xué)生明確學(xué)習(xí)內(nèi)容，有助于他們對知識的自主學(xué)習(xí)和理解記憶，從而提高課堂教學(xué)效率。

《沁園春·雪》背景采用白色，頁面邊框使用線性漸變的紅色，左下端是一樹橫臥的梅花，整個界面顏色搭配和諧，給學(xué)生溫暖明亮的感覺。

整個課件布局結(jié)構(gòu)借鑒frameset網(wǎng)頁框架布局，最上面是課題名稱，采用按筆畫順序書寫題目的動畫呈現(xiàn)課題；左面是導(dǎo)航樹，用梅花樹上的水晶梅花按鍵來選擇學(xué)習(xí)模塊；右邊是學(xué)習(xí)模塊內(nèi)容呈現(xiàn)區(qū)。

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

3.1 素材的選取和制作

根據(jù)設(shè)計的要求，廣泛搜集素材，選擇恰當(dāng)?shù)能浖λ夭倪M(jìn)行加工，使之符合需要。

1）文字素材制作。課件相關(guān)知識模塊及探究課文模塊內(nèi)容的呈現(xiàn)是運(yùn)用加載外部文本文件的方法來實(shí)現(xiàn)的，因此要利用記事本編輯好每個模塊的文本內(nèi)容，并分類命名保存為文本文檔。

2）圖像素材的制作。利用Fireworks制作出課件所需的素材圖片。

3）音頻素材制作。利用Cool Edit Pro合成背景音樂和錄制課文范讀，并對所錄制的音頻進(jìn)行編輯、加工，輸出為MP3格式的音頻文件。

3.2 課件制作工具選擇

本課件開發(fā)工具選擇Macromedia Flash 8.0。Flash是基于矢量圖形與流式播放技術(shù)的動畫創(chuàng)作專業(yè)軟件，其自帶的ActionScript腳本語言，增加了課件設(shè)計與創(chuàng)作的自由度，能創(chuàng)建各種不同的應(yīng)用特效，極大地實(shí)現(xiàn)數(shù)據(jù)之間、人機(jī)之間的交互作用。

3.3 主要技術(shù)手段的運(yùn)用

1）動態(tài)文本與輸入文本。練習(xí)提高模塊中“填一填”“選一選”實(shí)現(xiàn)的關(guān)鍵技術(shù)是動態(tài)文本與輸入文本的應(yīng)用。利用為輸入文本和動態(tài)文本設(shè)置變量，給變量賦予一定的值等方法來實(shí)現(xiàn)學(xué)生通過鍵盤、鼠標(biāo)輸入和選擇答案，再由電腦根據(jù)條件測評是否正確，最后將賦值從動態(tài)文本框中顯示出來并給予語音評價“真聰明”或“不對，再仔細(xì)想想”。

2）影片剪輯的拖曳。練習(xí)提高模塊中“連一連”運(yùn)用拖曳影片剪輯配對的方法。當(dāng)鼠標(biāo)按下時，利用startDrag()動作拖動目標(biāo)影片剪輯；當(dāng)鼠標(biāo)松開時，用stopDrag()動作停止拖動當(dāng)前影片剪輯。利用MoveTo()方法指示繪畫的起始位置，用lineStyle()方法為繪畫路徑的線條指定樣式，用lineTo()方法使用當(dāng)前線條樣式繪制線條。利用hitTest()語句檢測目標(biāo)影片剪輯是否相交，如果相交，符合正確選項，單擊提交按鈕題目后面出現(xiàn)紅色的“√”，并給出相應(yīng)分?jǐn)?shù)；反之題目后面出現(xiàn)紅色的“×”，不得分。

3）Flash MTV的制作。Flash MTV最大的特點(diǎn)就是它能夠把圖片、聲音和文字做成交互性很強(qiáng)的動畫，給人視覺和聽覺的雙重感受。教育心理學(xué)研究表明：人獲取的外界信息中，83%來自視覺，11%來自所覺。制作課文欣賞MTV就是為加深學(xué)習(xí)者的印象，增強(qiáng)學(xué)習(xí)效果。具體圖層設(shè)置為四類：一類放置ActionScript腳本語言，一類放置課文朗讀的MP3，一類放置課文文字，一類放置圖片制作動畫。制作時要做到課文文本與朗讀的同步，動畫的無縫整合。根據(jù)課文內(nèi)容，文本的出現(xiàn)方式選用淡入淡出、打字機(jī)、縮放、風(fēng)吹文字、旋轉(zhuǎn)等效果；鏡頭的連接與轉(zhuǎn)換以淡入淡出為主，輔以圖片遮罩、馬賽克、百葉窗等切換效果。

4 課件主要交互功能的實(shí)現(xiàn)

本課件的交互是利用按鈕、影片剪輯和幀上的ActionScript腳本語言實(shí)現(xiàn)。下面以Flash MTV的導(dǎo)入、外部文本的加載、填一填的評價為例介紹腳本的設(shè)計。

4.1 Flash MTV影片導(dǎo)入的腳本

on (release) {

loadMovie(“kwxs.swf”,kwxs_mc);

}

4.2 加載外部文本的腳本

1）幀上的腳本。

var my_lv = new LoadVars();

m y_l v.o n L o a d =function(success) {

if (success) {

my_txt.text =this.mytext;

} else {

trace(“error“);

}

};

2）按鈕上的腳本。

on (release) {

my_lv.load(“cyzs.txt”);

}

4.3 填一填腳本，以評價填詞牌名的腳本為例

on (release) {

mysound.stop();

if (cpm == “詞牌名”) {

p j 2 = “太棒了！”;

mysound = new Sound();

m y s o u n d.attachSound("tbl");

mysound.start();

} else {

pj2 = “不對，再仔細(xì)看看”;

mysound = new Sound();

m y s o u n d.attachSound("bd");

mysound.start();

}

}

5 結(jié)束語

本文以探索語文學(xué)科與信息技術(shù)的有效整合為切入點(diǎn)，以學(xué)生為中心，以軟件工程開發(fā)思想為指導(dǎo)，探討《沁園春·雪》Flash課件的設(shè)計與開發(fā)流程。課件內(nèi)容詳實(shí)，操作性強(qiáng)，可滿足不同的教學(xué)模式，充分體現(xiàn)了以學(xué)生為主體、教師為主導(dǎo)的理念，真正成為教學(xué)的助手、學(xué)習(xí)的幫手。課件在課堂教學(xué)中運(yùn)用，教學(xué)效果好，得到師生的共同贊譽(yù)。課件參加2010年昭通市首屆電信“天翼杯”電腦作品課件制作大賽獲得一等獎。■