王春芹

[摘要] 在精品課程網(wǎng)站建設(shè)過(guò)程中,網(wǎng)絡(luò)教學(xué)模塊的設(shè)計(jì)要求使得基于web的多媒體課件成為主要形式,它是多媒體課件與web技術(shù)相結(jié)合的產(chǎn)物。該文結(jié)合《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》精品課程網(wǎng)站建設(shè)過(guò)程中有關(guān)網(wǎng)絡(luò)教學(xué)模塊多媒體課件的設(shè)計(jì)與開(kāi)發(fā)的實(shí)例,介紹了在基于web的多媒體課件開(kāi)發(fā)過(guò)程中如何對(duì)多媒體課件進(jìn)行制作和進(jìn)一步優(yōu)化的問(wèn)題。

[關(guān)鍵詞] 精品課程建設(shè) 網(wǎng)絡(luò)教學(xué) web多媒體課件 制作優(yōu)化

一、網(wǎng)絡(luò)教學(xué)與多媒體課件

隨著網(wǎng)絡(luò)教學(xué)的開(kāi)展,學(xué)校將逐步形成依托校園網(wǎng)絡(luò)的數(shù)字化校園環(huán)境。包括教學(xué)資源的收集、制作、管理系統(tǒng),教學(xué)管理(包括教學(xué)計(jì)劃、課程安排、學(xué)生管理、教師管理、成績(jī)查閱、申請(qǐng)等)系統(tǒng)等。傳統(tǒng)類(lèi)型的課件已不能滿足日益發(fā)展的需要。為了解決以上矛盾,伴隨著Web技術(shù)的發(fā)展,基于Web的多媒體課件應(yīng)運(yùn)而生。同時(shí),學(xué)生由被動(dòng)地接受知識(shí)變成了認(rèn)知的主體,從被動(dòng)地學(xué)到主動(dòng)地學(xué),從生搬硬套、死記硬背地學(xué)到帶著任務(wù)解決實(shí)際問(wèn)題的學(xué)習(xí),從按部就班的學(xué)習(xí)到自定步調(diào)、自定目標(biāo)的學(xué)習(xí),有利于學(xué)生創(chuàng)新能力和信息能力的培養(yǎng)。而教師的角色也將逐步發(fā)生變化,由傳統(tǒng)課堂教學(xué)中的知識(shí)講授者變成信息組織、編制者,成為學(xué)生學(xué)習(xí)的引導(dǎo)者、幫助者、促進(jìn)者,不是“講壇上的圣人”,而是學(xué)生的“指路人”,使課堂教學(xué)、網(wǎng)絡(luò)教學(xué)等多種形式的教學(xué)方式并存,大大提高了教學(xué)質(zhì)量和教學(xué)效益。當(dāng)前,一門(mén)課程能夠成為精品課程,必然會(huì)結(jié)合課堂教學(xué)與網(wǎng)絡(luò)教學(xué)的形式,而網(wǎng)絡(luò)教學(xué)則離不開(kāi)基于web的多媒體課件。

二、精品課程建設(shè)與基于web的多媒體課件

作為一種新類(lèi)型的課件的平臺(tái),web本身就已經(jīng)具有了統(tǒng)一的協(xié)議標(biāo)準(zhǔn),而且具有跨平臺(tái)性和廣泛的覆蓋性等優(yōu)點(diǎn)。在其上開(kāi)發(fā)出來(lái)的軟件也具有高交互性、多支持性,界面良好等優(yōu)點(diǎn),因此,非常適合作為課件開(kāi)發(fā)的平臺(tái)。另一方面,開(kāi)發(fā)和維護(hù)基于web的軟件的工具大多都是免費(fèi)的,基于web的課件對(duì)運(yùn)行的軟硬件平臺(tái)也沒(méi)有什么很高的特殊要求,使得基于web的課件開(kāi)發(fā)維護(hù)費(fèi)用相對(duì)較低,“所見(jiàn)即所得”的編輯工具(如Dreamweaver和FrontPage等)對(duì)開(kāi)發(fā)維護(hù)人員的技術(shù)要求也相對(duì)較低,而且各個(gè)網(wǎng)頁(yè)之間相互獨(dú)立,課件的更新升級(jí)也十分容易。另外,在網(wǎng)絡(luò)教學(xué)中,基于web頁(yè)的課件都是以網(wǎng)頁(yè)為單位進(jìn)行傳輸,具有較快的速度,在目前較低的帶寬下具有較好的應(yīng)用前景?？紤]到以上的種種優(yōu)點(diǎn),精品課程《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》網(wǎng)站建設(shè)過(guò)程中的網(wǎng)絡(luò)教學(xué)模塊就選擇了它作為總體方案。但是在實(shí)際的建設(shè)過(guò)程中,由于目前web技術(shù)的局限性,使得基于web的課件方案也存在一些不足,主要是面臨網(wǎng)絡(luò)帶寬、傳輸速度、平臺(tái)兼容性等問(wèn)題。因此,在開(kāi)發(fā)過(guò)程中必須對(duì)課件進(jìn)行進(jìn)一步的優(yōu)化,使之能夠在web上很好的運(yùn)行,在這些方面大家進(jìn)行了研究和實(shí)踐。

三、多媒體課件的制作優(yōu)化原則

多媒體課件的制作和優(yōu)化問(wèn)題涉及很多的方面,但是最根本的問(wèn)題只有兩個(gè):

1.讓多媒體課件以預(yù)想的方式在用戶面前顯示出來(lái),這在web上主要是去解決兼容性的問(wèn)題(平臺(tái)的兼容性和瀏覽器的兼容性);

2.讓多媒體課件頁(yè)面的下載速度提高。

下面就分別從這兩方面出發(fā),探討頁(yè)面優(yōu)化時(shí)的原則和實(shí)現(xiàn)的方法。

四、以預(yù)想方式顯示多媒體課件的頁(yè)面――解決兼容性問(wèn)題

主要是考慮基于web的多媒體課件對(duì)于各種不同瀏覽器的兼容性,以及課件對(duì)各種操作系統(tǒng)和硬件平臺(tái)的兼容性。

無(wú)法預(yù)測(cè)多媒體課件的使用對(duì)象的系統(tǒng)配置,所以,當(dāng)在internet上發(fā)布了多媒體課件以后也無(wú)法預(yù)測(cè)用戶能夠看到多媒體課件顯示的最終結(jié)果,幸好web本身具有跨平臺(tái)性,不用去考慮操作系統(tǒng)的不同而帶來(lái)的偏差,能做的就是盡量兼顧絕大部分使用者的配置,比如,顯示器的分辨率,字體的差異,還有對(duì)音頻、視頻的支持情況等。

相比較而言,這些兼容性問(wèn)題微乎其微,考慮的重點(diǎn)應(yīng)該放在瀏覽器所帶來(lái)的兼容性問(wèn)題上。調(diào)查發(fā)現(xiàn),目前使用較多的瀏覽器是IE和Netscape,占了90%以上。但是各個(gè)主流瀏覽器的開(kāi)發(fā)廠商由于種種原因而故意制造一些不兼容情況,或者是制造的新版本不向后兼容,再加上目前還有不計(jì)其數(shù)的非主流瀏覽器,要解決眾多瀏覽器的兼容性對(duì)多媒體課件的影響,才是面臨的重點(diǎn)問(wèn)題。所以在該精品課程的多媒體課件開(kāi)發(fā)過(guò)程中,考慮到主流的兩種瀏覽器,所以以IE5.0版本為主,同時(shí)兼顧Netscape 4.0以上的版本,遇到兩者需要使用不兼容的技術(shù)實(shí)現(xiàn)的話,就分別開(kāi)發(fā)兩個(gè)版本,服務(wù)器對(duì)用戶的瀏覽器進(jìn)行判別,然后下載相應(yīng)的版本使用。在腳本語(yǔ)言方面,同樣選擇了跨平臺(tái)的JavaScript,而且它是唯一一個(gè)大多數(shù)主流瀏覽器都支持的腳本語(yǔ)言。

五、讓多媒體課件頁(yè)面的下載速度提高

通常,為了加快頁(yè)面的下載和顯示速度都是在頁(yè)面內(nèi)部做文章,比如,減少一些多媒體文件的使用數(shù)量,或者降低它們的質(zhì)量,以減小頁(yè)面的體積從而提高頁(yè)面的傳輸速度來(lái)加快下載的速度。僅僅依靠這些努力是遠(yuǎn)遠(yuǎn)不夠的,主要從如下幾個(gè)方面來(lái)加快頁(yè)面的下載速度。

1.HTML標(biāo)簽的優(yōu)化

目前使用的網(wǎng)頁(yè)布局方式主要還是表格。表格也是目前網(wǎng)頁(yè)中用得最多的布局元素之一。瀏覽器在充分理解了表格的布局方式以后才能較好地填充表格內(nèi)容,讓頁(yè)面內(nèi)容充分顯示出來(lái),所以,對(duì)表格標(biāo)簽的優(yōu)化顯得尤為重要。在使用表格的時(shí)候應(yīng)注意:(1)將一張大的布局表格拆分成許多小的表格,然后填充內(nèi)容,以提高頁(yè)面的顯示速度;(2)盡量不要使用嵌套的表格,或者使嵌套的表格盡量簡(jiǎn)單;(3)對(duì)表格以及單元格的標(biāo)簽使用寬度和高度屬性,以避免瀏覽器自動(dòng)調(diào)整寬度高度,從而提高下載速度;(4)盡量不要放置太多的擴(kuò)展多媒體元素在表格當(dāng)中,否則瀏覽器會(huì)崩潰。

2.圖像的優(yōu)化

從HTML標(biāo)簽優(yōu)化方面來(lái)說(shuō),首先,應(yīng)該給圖像添加(width/height)寬度和高度屬性,給瀏覽器一個(gè)固定大小的空間,方便瀏覽器確定網(wǎng)頁(yè)的布局,瀏覽器在下載圖片的同時(shí)就可以瀏覽圖片。其次,圖片的大小對(duì)下載速度的影響非常大,圖片在放置到網(wǎng)頁(yè)上之前,對(duì)圖片用優(yōu)化軟件進(jìn)行了一些優(yōu)化壓縮,從圖像的顏色安排,到圖像中的對(duì)比水平,再到抑制抖動(dòng)等方面進(jìn)行優(yōu)化,盡量保持不失真狀態(tài),而讓圖片的體積減到最小。最后,在圖像的格式方面,盡量使用交錯(cuò)式的GIF和漸進(jìn)式的JPEG圖片,這兩種格式都是對(duì)原來(lái)圖像的標(biāo)準(zhǔn)的擴(kuò)展,當(dāng)下載后在頁(yè)面上顯示時(shí)的效果就如百葉窗展開(kāi)的效果,雖然實(shí)際速度沒(méi)有加快很多,但是用戶從視覺(jué)上面感覺(jué)卻是加快的。

3.其它方面的優(yōu)化

對(duì)于使用的腳本程序來(lái)說(shuō),我們通常都會(huì)選擇外部的JavaScript文件,因?yàn)闀?huì)減小HTML文檔的體積,從而加快瀏覽器的下載速度,事實(shí)上不然。我們使用的JS腳本是解釋性語(yǔ)言,絕大部分腳本都是解釋性語(yǔ)言,而非編譯語(yǔ)言,所以,瀏覽器加載以后需要去分析,這也需要一部分渲染時(shí)間,所以,我們?cè)谑褂媚_本語(yǔ)言的時(shí)候,盡量不使用外部文件,而是將腳本添加在當(dāng)前文檔中,避免瀏覽器又一次去請(qǐng)求服務(wù)器,這樣既增加了服務(wù)器的負(fù)荷又延長(zhǎng)了總的下載時(shí)間。對(duì)于頁(yè)面上使用的多媒體元素而言,比如,Flash動(dòng)畫(huà)或者Authorware動(dòng)畫(huà),應(yīng)該盡量壓縮幀數(shù),而且盡量使用GIF動(dòng)態(tài)圖片來(lái)代替,因?yàn)榇篌w積的動(dòng)畫(huà)除了裝飾效果以外,一般沒(méi)有其它的作用,反而會(huì)使得頁(yè)面的體積急劇增加。另外,對(duì)于頁(yè)面所使用的背景音樂(lè),應(yīng)當(dāng)優(yōu)先選用midi格式,它的采樣僅僅需要8位、11Hz。如果需要放置錄音的話,盡量選擇男音,因?yàn)榭梢圆捎帽扰舾鸵稽c(diǎn)的設(shè)置。

六、網(wǎng)絡(luò)教學(xué)發(fā)展方向的一些思考

網(wǎng)絡(luò)教學(xué)系統(tǒng)在教學(xué)上的應(yīng)用標(biāo)志著教學(xué)媒體質(zhì)的飛躍,它將對(duì)教學(xué)效果的提高起到促進(jìn)作用,有利于因材施教的原則。目前比較流行的多媒體教學(xué)網(wǎng)都普遍缺乏一些在網(wǎng)絡(luò)上運(yùn)行的多媒體課件,借助于《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》精品課程網(wǎng)站建設(shè)的機(jī)會(huì),去開(kāi)發(fā)一套與該課程配套的多媒體課件。課件的內(nèi)容組織都通過(guò)超級(jí)鏈接來(lái)實(shí)現(xiàn),學(xué)生可以根據(jù)學(xué)習(xí)情況和進(jìn)度去選擇學(xué)習(xí)內(nèi)容,但是各個(gè)組織部分都是預(yù)先設(shè)置好的一個(gè)靜態(tài)的結(jié)構(gòu),彈性系數(shù)較小。理想當(dāng)中的多媒體課件應(yīng)當(dāng)可以結(jié)合學(xué)生的實(shí)際學(xué)習(xí)情況,通過(guò)一些課后小測(cè)測(cè)試出學(xué)生的水平,進(jìn)而動(dòng)態(tài)地生成一些相應(yīng)水平的補(bǔ)充頁(yè)面,給不同層次的學(xué)生使用。這些改進(jìn)還有待智能化問(wèn)題的解決,也是我們要致力于研究的方向。

參考文獻(xiàn):

[1]高志軍.網(wǎng)絡(luò)課件開(kāi)發(fā)的精品策略[N].教育技術(shù)通訊.

[2]何克抗.基于多媒體網(wǎng)絡(luò)的課件腳本設(shè)計(jì)[N].教育技術(shù)通訊.

[3]黃榮懷.一種基于WEB的協(xié)作學(xué)習(xí)系統(tǒng)模型[J].中國(guó)遠(yuǎn)程教育.