王春芹

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

[關鍵詞] 精品課程建設 網絡教學 web多媒體課件 制作優(yōu)化

一、網絡教學與多媒體課件

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

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

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

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

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

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

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

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

四、以預想方式顯示多媒體課件的頁面――解決兼容性問題

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

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

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

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

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

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

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

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

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

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

對于使用的腳本程序來說,我們通常都會選擇外部的JavaScript文件,因為會減小HTML文檔的體積,從而加快瀏覽器的下載速度,事實上不然。我們使用的JS腳本是解釋性語言,絕大部分腳本都是解釋性語言,而非編譯語言,所以,瀏覽器加載以后需要去分析,這也需要一部分渲染時間,所以,我們在使用腳本語言的時候,盡量不使用外部文件,而是將腳本添加在當前文檔中,避免瀏覽器又一次去請求服務器,這樣既增加了服務器的負荷又延長了總的下載時間。對于頁面上使用的多媒體元素而言,比如,Flash動畫或者Authorware動畫,應該盡量壓縮幀數,而且盡量使用GIF動態(tài)圖片來代替,因為大體積的動畫除了裝飾效果以外,一般沒有其它的作用,反而會使得頁面的體積急劇增加。另外,對于頁面所使用的背景音樂,應當優(yōu)先選用midi格式,它的采樣僅僅需要8位、11Hz。如果需要放置錄音的話,盡量選擇男音,因為可以采用比女音更低一點的設置。

六、網絡教學發(fā)展方向的一些思考

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

參考文獻:

[1]高志軍.網絡課件開發(fā)的精品策略[N].教育技術通訊.

[2]何克抗.基于多媒體網絡的課件腳本設計[N].教育技術通訊.

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