ＷＥＢ動(dòng)畫在網(wǎng)絡(luò)課程教學(xué)中的應(yīng)用探究

摘要：通過對(duì)Web動(dòng)畫在網(wǎng)絡(luò)課程開發(fā)中的作用及實(shí)現(xiàn)Web動(dòng)畫技術(shù)特點(diǎn)的分析，探究了Web動(dòng)畫在網(wǎng)絡(luò)課程建設(shè)中的作用與應(yīng)用效果，闡述了Web動(dòng)畫對(duì)網(wǎng)絡(luò)課程建設(shè)質(zhì)量的影響和積極意義。

關(guān)鍵詞：Web動(dòng)畫；網(wǎng)絡(luò)課程教學(xué)；應(yīng)用

網(wǎng)絡(luò)課程作為網(wǎng)絡(luò)教學(xué)資源的重要形式，是順利開展信息化學(xué)習(xí)的前提條件之一。Web動(dòng)畫作為一種基于Web頁面，能完美地和瀏覽器技術(shù)結(jié)合的一種小巧動(dòng)畫形式的媒體素材，不但使網(wǎng)絡(luò)課程的頁面具有動(dòng)感、圖文并茂、豐富多彩，而且還能提供一定的交互性，更好地激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣。真正認(rèn)識(shí)和理解Web動(dòng)畫在網(wǎng)絡(luò)課程建設(shè)中的重要性，充分發(fā)揮其作用，對(duì)于提高網(wǎng)絡(luò)課程的質(zhì)量、教學(xué)效果具有十分重要的現(xiàn)實(shí)意義。

Web動(dòng)畫在網(wǎng)絡(luò)課程建設(shè)中的作用

學(xué)習(xí)者進(jìn)行網(wǎng)絡(luò)課程的學(xué)習(xí)過程，是強(qiáng)調(diào)學(xué)習(xí)者學(xué)習(xí)的自主能動(dòng)性，突出個(gè)人的學(xué)習(xí)、主動(dòng)的學(xué)習(xí)、信息加工的學(xué)習(xí)和創(chuàng)造性學(xué)習(xí)的過程。因此，網(wǎng)絡(luò)課程的設(shè)計(jì)要體現(xiàn)出：學(xué)習(xí)者是主動(dòng)、自主和個(gè)性化地進(jìn)行學(xué)習(xí)，強(qiáng)調(diào)的是以學(xué)生為中心，學(xué)生是認(rèn)知的主體，是知識(shí)意義的主動(dòng)建構(gòu)者。而這正是建構(gòu)主義學(xué)習(xí)理論所強(qiáng)調(diào)的。建構(gòu)主義學(xué)習(xí)理論認(rèn)為，學(xué)習(xí)活動(dòng)是學(xué)生通過一定的情景，借助教師與同學(xué)的幫助，通過協(xié)作和會(huì)話的方式達(dá)到對(duì)知識(shí)的意義建構(gòu)。在這個(gè)過程中，學(xué)生是認(rèn)知活動(dòng)的主體，教師是學(xué)生學(xué)習(xí)的幫助者、促進(jìn)者、引導(dǎo)者。建構(gòu)主義學(xué)習(xí)理論指導(dǎo)下的網(wǎng)絡(luò)課程的設(shè)計(jì)與開發(fā)應(yīng)注重如下幾個(gè)方面：（1）情境的創(chuàng)設(shè)；（2）學(xué)生作為認(rèn)知主體的體現(xiàn)；（3）教師主導(dǎo)作用的體現(xiàn)；（4）知識(shí)的意義建構(gòu)過程的呈現(xiàn)。

創(chuàng)設(shè)有意義的學(xué)習(xí)情境是建構(gòu)主義學(xué)習(xí)理論的核心之一。動(dòng)畫能夠直觀、生動(dòng)、形象地呈現(xiàn)學(xué)習(xí)內(nèi)容，尤其是對(duì)教學(xué)內(nèi)容中用文字、圖像等不能表達(dá)清楚的知識(shí)點(diǎn)、難點(diǎn)、例題等。在網(wǎng)絡(luò)課程的建設(shè)中，設(shè)計(jì)者可以借助Web動(dòng)畫動(dòng)態(tài)演示、提供與演示內(nèi)容交互的優(yōu)勢(shì)，創(chuàng)設(shè)與知識(shí)點(diǎn)內(nèi)容相符的情境與條件，促進(jìn)學(xué)生思維聯(lián)系、對(duì)新知識(shí)的同化和順應(yīng)，激發(fā)學(xué)生的學(xué)習(xí)興趣，從而主動(dòng)地完成對(duì)所學(xué)知識(shí)的意義建構(gòu)，達(dá)到獲得知識(shí)、培養(yǎng)能力的目的。

為了提高網(wǎng)絡(luò)課程的整體質(zhì)量，在網(wǎng)絡(luò)課程的建設(shè)過程中也應(yīng)注意運(yùn)用視覺心理學(xué)的有關(guān)原理和成果。在網(wǎng)絡(luò)課程設(shè)計(jì)中，視覺心理學(xué)所關(guān)注的就是使視覺元素合理定位、合理走向、合理分布，使版面有明確的視覺焦點(diǎn)、清晰的視覺脈絡(luò)及合理的空間分布。符合視覺心理學(xué)標(biāo)準(zhǔn)的網(wǎng)絡(luò)課程頁面設(shè)計(jì)，不但給人一種美的視覺享受，而且可以主次分明，突出重點(diǎn)，使學(xué)生更容易接受知識(shí)，提高學(xué)習(xí)效率。因此，進(jìn)行網(wǎng)絡(luò)課程頁面編排設(shè)計(jì)時(shí)除了遵循整體與局部、統(tǒng)一與變化、焦點(diǎn)與主次、條理與反復(fù)、對(duì)比與調(diào)和等外，還要注意動(dòng)感與靜感的協(xié)調(diào)，比如在靜態(tài)頁面的某處點(diǎn)綴以Web動(dòng)畫，可以增加頁面的美感。

網(wǎng)絡(luò)課程中Web動(dòng)畫的技術(shù)要求

網(wǎng)絡(luò)課程中的動(dòng)畫素材，應(yīng)符合《現(xiàn)代遠(yuǎn)程教育資源建設(shè)技術(shù)規(guī)范》的要求：（1）動(dòng)畫素材使用的格式為GIF格式和Flash格式、AVI動(dòng)畫格式、FLI/FLC動(dòng)畫格式或QuickTime動(dòng)畫格式。所有動(dòng)畫數(shù)據(jù)都需要制作成GIF格式或Flash格式，若有其他格式的音頻數(shù)據(jù)（AVI、FLI/FLC、MOV等），則需要提交兩份，一份是原格式，一份轉(zhuǎn)換為GIF格式或Flash格式。（2）動(dòng)畫色彩造型應(yīng)和諧，幀和幀之間的關(guān)聯(lián)性要強(qiáng)。（3）動(dòng)畫類型：教學(xué)動(dòng)畫、游戲動(dòng)畫、實(shí)驗(yàn)動(dòng)畫等，未能列入之中的類別，請(qǐng)向標(biāo)準(zhǔn)制定機(jī)構(gòu)提交，審定之后納入文本素材類型編碼表中。對(duì)于一些特殊動(dòng)畫屬性，由素材制作者自行確定。此外，本文中所提出應(yīng)用于網(wǎng)絡(luò)課程建設(shè)的Web動(dòng)畫，除應(yīng)遵循上述要求外，還應(yīng)有以下四個(gè)特點(diǎn)：

動(dòng)畫文件小，便于網(wǎng)絡(luò)傳輸在網(wǎng)絡(luò)課程學(xué)習(xí)中，頁面的傳輸速度也是影響學(xué)習(xí)者的一個(gè)重要因素。雖然現(xiàn)在網(wǎng)速較前幾年有所提高，但是網(wǎng)絡(luò)課程中需要傳輸給學(xué)習(xí)者的不僅僅是一個(gè)頁面，可能還會(huì)涉及其他的內(nèi)容，比如在線視頻等。因此，不管是用于裝飾頁面的Web動(dòng)畫，還是演示講解課程內(nèi)容的Web動(dòng)畫，最好把文件壓縮到最小，以加快學(xué)習(xí)者瀏覽頁面的速度。

動(dòng)畫應(yīng)具有一定的交互性教學(xué)環(huán)境中的交互一般以三種形式發(fā)生：與教學(xué)內(nèi)容的交互，與其他學(xué)習(xí)者的交互，與教師的交互。學(xué)習(xí)者在通過網(wǎng)絡(luò)課程進(jìn)行自主學(xué)習(xí)時(shí)，由于師生在空間上呈現(xiàn)永久的“準(zhǔn)分離”狀態(tài)，因此，更需要學(xué)習(xí)者主動(dòng)地通過各種媒體與教學(xué)內(nèi)容進(jìn)行交互。Web動(dòng)畫常用來演示教學(xué)內(nèi)容中用文字和圖像等不能表達(dá)清楚的知識(shí)點(diǎn)、難點(diǎn)、例題，并提供與學(xué)習(xí)者的簡(jiǎn)單交互，使學(xué)習(xí)者的學(xué)習(xí)積極性和熱情得到提高，激發(fā)學(xué)習(xí)者捕捉和研究問題的興趣，發(fā)揮創(chuàng)造力。因此，Web動(dòng)畫在設(shè)計(jì)時(shí)，要體現(xiàn)出設(shè)計(jì)者一定的教學(xué)思想，并設(shè)置恰當(dāng)?shù)慕换シ绞剑瑢?duì)學(xué)習(xí)者對(duì)某一知識(shí)點(diǎn)的自主學(xué)習(xí)有一定的導(dǎo)控作用。

對(duì)客戶機(jī)的瀏覽器要求不高，動(dòng)畫應(yīng)與網(wǎng)頁有效地結(jié)合網(wǎng)絡(luò)課程的內(nèi)容是通過客戶機(jī)的瀏覽器呈現(xiàn)給學(xué)習(xí)者的。因此，網(wǎng)絡(luò)課程的頁面應(yīng)該確保在大多數(shù)計(jì)算機(jī)上能打開，尤其是在現(xiàn)在計(jì)算機(jī)技術(shù)的發(fā)展速度快，而用戶的計(jì)算機(jī)配置稍微滯后的情況下（一些基層學(xué)校的計(jì)算機(jī)配置更是落后）。現(xiàn)在，常見的Web動(dòng)畫，一般都可以基于IE5.0，或是另外安裝瀏覽器插件，比如，瀏覽器中安裝有Macromedia Flash player插件才能瀏覽Flash動(dòng)畫。

動(dòng)畫制作技術(shù)簡(jiǎn)單，對(duì)設(shè)計(jì)者要求不高網(wǎng)絡(luò)課程不是簡(jiǎn)單的教材內(nèi)容的數(shù)字化，其中應(yīng)該蘊(yùn)含一定的教學(xué)思想。網(wǎng)絡(luò)課程的設(shè)計(jì)者和制作者并不一定就是專業(yè)的計(jì)算機(jī)工作者，而且，對(duì)于一個(gè)學(xué)科的某一知識(shí)點(diǎn)、難點(diǎn)來說，從事其教學(xué)工作的教學(xué)人員設(shè)計(jì)出的Web動(dòng)畫，往往更易于讓學(xué)習(xí)者理解、接受。因此，第一線的教學(xué)人員，才真正應(yīng)是網(wǎng)絡(luò)課程設(shè)計(jì)制作的主力軍，在選擇Web動(dòng)畫的實(shí)現(xiàn)技術(shù)時(shí)，應(yīng)以簡(jiǎn)單易學(xué)、功能強(qiáng)大為原則。

Web動(dòng)畫在網(wǎng)絡(luò)課程中的應(yīng)用探討

Web動(dòng)畫的實(shí)現(xiàn)方式很多，目前在網(wǎng)頁上經(jīng)常見到的有GIF、Flash、Java動(dòng)畫等。GIF格式動(dòng)畫數(shù)據(jù)量小，適合于網(wǎng)絡(luò)傳輸，多用于裝飾網(wǎng)頁；Flash動(dòng)畫是由Flash軟件生成的.swf文件。這種文件數(shù)據(jù)量很小，非常適合網(wǎng)絡(luò)上使用，尤其是結(jié)合Action Script函數(shù)，可創(chuàng)建出交互性強(qiáng)的復(fù)雜動(dòng)畫；Java動(dòng)畫是通過Java語言編程實(shí)現(xiàn)的，利用Java技術(shù)，可實(shí)現(xiàn)較復(fù)雜的網(wǎng)上定制動(dòng)畫以及三維動(dòng)畫等。但筆者認(rèn)為，在網(wǎng)絡(luò)課程中運(yùn)用的Web動(dòng)畫應(yīng)以二維為宜。一方面，因?yàn)槿S動(dòng)畫設(shè)計(jì)制作比較麻煩；另一方面，要在瀏覽器中快速顯示三維動(dòng)畫，不得不要求客戶端瀏覽器安裝第三方插件，并對(duì)計(jì)算機(jī)配置也有一定要求。另外，由于人的學(xué)習(xí)心理是遵循簡(jiǎn)化原則進(jìn)行信息加工的，因此，教學(xué)需要的多為簡(jiǎn)約、突出本質(zhì)的動(dòng)畫，也就是說，網(wǎng)絡(luò)課程中的動(dòng)畫應(yīng)以簡(jiǎn)潔的方式去表現(xiàn)事物的本質(zhì)特征。

增加頁面的動(dòng)感，引起注意，突出重點(diǎn)對(duì)于一些文科類課程，由于其學(xué)科特點(diǎn)，頁面主要以文字和與內(nèi)容主題相關(guān)的靜態(tài)圖片為主，但純粹的靜態(tài)頁面，往往使學(xué)習(xí)者感到單調(diào)、枯燥乏味，甚至感到壓抑，因此，可在適當(dāng)?shù)捻撁婕尤隬eb動(dòng)畫，以增加動(dòng)感，尤其是對(duì)于章節(jié)中的重點(diǎn)提示，可用動(dòng)態(tài)效果表示出來，以引起學(xué)習(xí)者注意。然而，需要注意的是：Web頁上的動(dòng)畫不能濫用。尤其是當(dāng)Web動(dòng)畫不能給瀏覽者帶來任何信息的時(shí)候，會(huì)引起視覺上的干擾，這種干擾影響了瀏覽者搜尋信息的能力，分散瀏覽者在有用信息上的注意力。Web動(dòng)畫的設(shè)計(jì)應(yīng)和教學(xué)內(nèi)容及頁面的其他元素有機(jī)結(jié)合。

變抽象為直觀，加深理解、記憶網(wǎng)絡(luò)課程教學(xué)中，需要選擇合適的媒體素材呈現(xiàn)教學(xué)內(nèi)容給學(xué)習(xí)者，合理利用各種媒體素材的表達(dá)優(yōu)勢(shì)創(chuàng)設(shè)情境，促進(jìn)學(xué)習(xí)者對(duì)知識(shí)的建構(gòu)。比如，根據(jù)教學(xué)內(nèi)容的需要，恰當(dāng)?shù)剡\(yùn)用Web動(dòng)畫來突破教學(xué)重點(diǎn)、難點(diǎn)。教材中一些難以用文字、靜態(tài)圖片表述的過程，抽象難懂的概念、原理等，往往能通過動(dòng)畫變得直觀明了。

提供教學(xué)內(nèi)容與學(xué)習(xí)者的交互，促進(jìn)知識(shí)建構(gòu)教學(xué)內(nèi)容與學(xué)習(xí)者之間的交互行為作為教學(xué)環(huán)境中交互的一種重要形式，除了在網(wǎng)絡(luò)課程中體現(xiàn)為良好的導(dǎo)航設(shè)計(jì)或是智能教學(xué)代理外，對(duì)于某一知識(shí)點(diǎn)，則可設(shè)計(jì)為Web動(dòng)畫的形式，F(xiàn)lash動(dòng)畫和Java動(dòng)畫都能提供良好的交互。通過學(xué)習(xí)者與教學(xué)內(nèi)容的交互，以加深對(duì)該章節(jié)內(nèi)容的理解與記憶，同時(shí)促使學(xué)生在學(xué)習(xí)過程中主動(dòng)參與和積極思考，促進(jìn)其知識(shí)建構(gòu)，這正體現(xiàn)了網(wǎng)絡(luò)教學(xué)的特點(diǎn)和以學(xué)生為中心的教學(xué)思想。

信息量大，提高學(xué)習(xí)者的學(xué)習(xí)效率Web動(dòng)畫在網(wǎng)絡(luò)課程中根據(jù)其用途可分為兩類：一類是演示型的Web動(dòng)畫，它純粹是教學(xué)內(nèi)容的直觀演示，可形象、生動(dòng)地說明知識(shí)的推導(dǎo)過程，使教學(xué)的重點(diǎn)、難點(diǎn)簡(jiǎn)單化、生動(dòng)化；另一類是交互型的Web動(dòng)畫，在這種動(dòng)畫中，提供了一種學(xué)習(xí)者與教學(xué)內(nèi)容的交互方式，這是學(xué)習(xí)者對(duì)教學(xué)中所包含信息、思想和觀點(diǎn)等內(nèi)容的內(nèi)部對(duì)話。這些動(dòng)畫形式的學(xué)習(xí)內(nèi)容，從表達(dá)效果來看，形象、直觀、生動(dòng)是它的優(yōu)勢(shì)；從對(duì)事物的描述來看，它的優(yōu)勢(shì)在于過程化描述。借助于Web動(dòng)畫進(jìn)行“形象思維”，不僅能幫助學(xué)習(xí)者加深記憶和理解，而且往往一個(gè)圖像的變化能代替許多文字及靜態(tài)圖片所表達(dá)不出的東西，這樣就能大大提高學(xué)習(xí)者的學(xué)習(xí)效率。

增加學(xué)習(xí)的娛樂因素，激起學(xué)習(xí)者的學(xué)習(xí)興趣興趣是最好的老師，是人們從事活動(dòng)的強(qiáng)大動(dòng)力，是智力開發(fā)的鑰匙。托爾斯泰說過：“成功的教學(xué)不是強(qiáng)制，而是激發(fā)學(xué)生的興趣。”學(xué)習(xí)者在進(jìn)行網(wǎng)上學(xué)習(xí)時(shí)，往往是一個(gè)人的行為，盡管可以通過聊天室、電郵等形式與老師或同學(xué)聯(lián)系。因此，在這種情況下，引起學(xué)習(xí)者的興趣，激發(fā)學(xué)習(xí)動(dòng)機(jī)，增加學(xué)習(xí)中的娛樂因素，對(duì)于保證學(xué)習(xí)者完成學(xué)習(xí)任務(wù)就尤為重要，豐富多彩的Web動(dòng)畫，比靜態(tài)圖片、視頻更能做到這一點(diǎn)。

以上分析表明，Web動(dòng)畫作為現(xiàn)代網(wǎng)絡(luò)課程建設(shè)中的重要媒體素材，在豐富網(wǎng)絡(luò)課程頁面、創(chuàng)設(shè)情境建構(gòu)知識(shí)、深化知識(shí)理解、激發(fā)學(xué)習(xí)興趣等方面發(fā)揮著積極的作用。但是，Web動(dòng)畫作為網(wǎng)絡(luò)教學(xué)媒體素材的一種，也必須和其他媒體素材一起合理搭配使用，才能提高網(wǎng)絡(luò)課程的質(zhì)量和教學(xué)效果。

參考文獻(xiàn)：

[1]何克抗，鄭永柏，謝幼如，等.教學(xué)系統(tǒng)設(shè)計(jì)[M].北京：北京師范大學(xué)出版社，2002：305-306.

[2]邱文祥，詹惠茵.網(wǎng)絡(luò)課程設(shè)計(jì)中的理論應(yīng)用研究[J].中國(guó)電化教育，2006，（9）：81-83.

[3]姚奇富.網(wǎng)絡(luò)輔助教學(xué)理論與設(shè)計(jì)[M].杭州：浙江大學(xué)出版社，2006：59.

作者簡(jiǎn)介：

劉輝（1978—），男，河南項(xiàng)城人，貴州師范大學(xué)數(shù)學(xué)與計(jì)算機(jī)科學(xué)學(xué)院2006級(jí)碩士研究生，研究方向?yàn)橛?jì)算機(jī)輔助教育。

解琳（1980—），女，河南周口人，華中師范大學(xué)外國(guó)語學(xué)院2005級(jí)碩士研究生，研究方向?yàn)橛?guó)語言文學(xué)。