【摘要】Web技術(shù)的多媒體CAI課件是多媒體CAI課件與Web技術(shù)的結(jié)合。本文介紹了在多媒體CAI課件通過(guò)互聯(lián)網(wǎng)技術(shù)的普及應(yīng)用，Web教學(xué)課件開(kāi)發(fā)過(guò)程中對(duì)課件頁(yè)面進(jìn)行頁(yè)面優(yōu)化的基本思路和方法，并介紹了課件中導(dǎo)航、查詢和測(cè)驗(yàn)等的實(shí)現(xiàn)和應(yīng)用范疇。

【關(guān)鍵詞】多媒體；CAI教學(xué)課件；Web；頁(yè)面優(yōu)化

一、為什么要使用Web課件

傳統(tǒng)類型的課件，由于一般的開(kāi)發(fā)周期比較長(zhǎng)，開(kāi)發(fā)人員較大，投資成本大（如基于編程為主的整體式課件），課件也應(yīng)課程的發(fā)展需要更新升級(jí)，針對(duì)于CDROM的多媒體課），就更加復(fù)雜，已不能滿足日益發(fā)展的需要。伴隨著Web技術(shù)的發(fā)展，基于Web的多媒體CAI課件應(yīng)運(yùn)而生。作為一種全新類型課件的平臺(tái)，Web本身具有統(tǒng)一的通信協(xié)議標(biāo)準(zhǔn)，良好的跨平臺(tái)特性和前所未有的廣泛的覆蓋性。在其基礎(chǔ)上開(kāi)發(fā)出來(lái)的課程軟件有著良好的GUI界面，并且能支持更多不同類型的多媒體格式，可提供高度的交互性，與其他的應(yīng)用程序有著方便良好的接口。同時(shí)，用以開(kāi)發(fā)、維護(hù)基于Web的軟件的工具大多可以免費(fèi)獲得，使得基于Web的CAI課件的開(kāi)發(fā)維護(hù)費(fèi)用相對(duì)低廉，對(duì)于掌握一定技術(shù)能力的教師便可十分容易對(duì)課件進(jìn)行升級(jí)更新。

二、課件頁(yè)面優(yōu)化的基本思路和方法

Web教學(xué)課件頁(yè)面優(yōu)化主要有兩個(gè)方面：（1）優(yōu)化Web頁(yè)面的下載速度；（2）頁(yè)面能根據(jù)設(shè)計(jì)者預(yù)先設(shè)想的方案顯示在

用戶眼前。

1．優(yōu)化Web頁(yè)面的下載速度。頁(yè)面下載速度可分成以下三部分：下載時(shí)間、渲染時(shí)間和可視性。一個(gè)優(yōu)秀的設(shè)計(jì)者應(yīng)考慮到用戶的正常使用時(shí)間，頁(yè)面可以快速的下載到客戶的電腦。從用戶點(diǎn)擊請(qǐng)求到頁(yè)面總體框面顯示僅一眨眼時(shí)間，在頁(yè)面完全渲染完前，用戶便可以從中搜索自己需要的信息。

（1）加快頁(yè)面下載的普遍原則。一是去掉一些不必要的多媒體效果和內(nèi)容：用普通按鈕、靜態(tài)圖像、減少圖形化的文字標(biāo)題等措施來(lái)加速頁(yè)面顯示的速度，從而降低頁(yè)面下載的時(shí)間。二是用一切手段減少各種多媒體元素的大小。三是優(yōu)先使用相同的圖形或多媒體內(nèi)容：瀏覽器會(huì)在RAM或硬盤上設(shè)置緩存來(lái)保存最近用到的圖形和文件，從而提高效率。

（2）優(yōu)化Web課件中的圖片。一是使用存儲(chǔ)容量相對(duì)小的圖形文件：可以通過(guò)剪切圖形或按比例收縮圖形來(lái)實(shí)現(xiàn)，盡量使用GIF圖形文件。同比例的GIF文件比JPG格式的圖形文件儲(chǔ)存的容量要小。二是在HTML文件中為圖形設(shè)置WIDTH和HEIGHT屬性：這種方法并不能加快下載，但可以在下載圖片前先把文字和其他后繼內(nèi)容顯示出來(lái)，使用戶在下載圖片的同時(shí)便可開(kāi)始瀏覽。三是隨同符號(hào)使用LOWSRC屬性：首先下載我們指定另一個(gè)圖片文件，并在由SRC屬性指定的圖形文件之前顯示出來(lái)，一般指定一個(gè)低分辨率、低色度的與SRC圖片相同大小的圖片，下載速度相對(duì)要快。四是使用交錯(cuò)式GIF和漸進(jìn)式JPEG：交錯(cuò)式GIF和漸進(jìn)式JPEG是對(duì)原來(lái)圖形標(biāo)準(zhǔn)的擴(kuò)展。其中交錯(cuò)式GIF向后兼容，而漸進(jìn)式JPEG不能。

2．Web課件的兼容性優(yōu)化。兼容性主要考慮Web課件對(duì)各種操作系統(tǒng)、硬件平臺(tái)和瀏覽器的兼容性。（1）平臺(tái)兼容性上的優(yōu)化。Web的跨平臺(tái)特性使我們不需要關(guān)注用戶的操作系統(tǒng)和電腦配置，避免多次開(kāi)發(fā)，但為了使課件能夠在不同操作平臺(tái)上正常顯示，仍我們需要考慮用戶顯示器的分辨率和色深，對(duì)音、視頻的支持情況，不同平臺(tái)上顯示調(diào)色板之間的差別等細(xì)節(jié)。（2）瀏覽器兼容性的優(yōu)化。瀏覽器的版本很多，各大主流瀏覽器開(kāi)發(fā)廠商或者由于商業(yè)上的考慮而故意制造不兼容情況，或者為了追蹤技術(shù)發(fā)展不得不造成新版本某些部分事實(shí)上不向后兼容。與瀏覽器不兼容帶來(lái)的影響相比，平臺(tái)不兼容對(duì)課件開(kāi)發(fā)所帶來(lái)的影響幾乎可以忽略不計(jì)。如何消除瀏覽器兼容性對(duì)課件開(kāi)發(fā)的影響，才是Web課件開(kāi)發(fā)者真正要關(guān)心的問(wèn)題。

三、Web課件的導(dǎo)航、查詢和測(cè)驗(yàn)

1．導(dǎo)航的設(shè)計(jì)與實(shí)現(xiàn)。Web課件中，導(dǎo)航條一般放在頁(yè)面的顯眼位置，該功能可以告知用戶現(xiàn)在正處于整個(gè)課件的什么位置，學(xué)習(xí)到哪里了。索引與教材目錄相同，常被做成樹(shù)型目錄，很容易操作。查詢提供在整個(gè)站點(diǎn)內(nèi)搜索相關(guān)頁(yè)面的功能，可用于輔助檢索。

2．課程測(cè)驗(yàn)的實(shí)現(xiàn)。課程考試可以用專門的試題庫(kù)系統(tǒng)自動(dòng)生成，但每個(gè)單元后的練習(xí)題和單元測(cè)驗(yàn)題卻可用網(wǎng)頁(yè)加載腳本的形式簡(jiǎn)單實(shí)現(xiàn)，從而大大減輕服務(wù)器和數(shù)據(jù)庫(kù)的負(fù)荷。

四、對(duì)基于Web的多媒體CAI課件發(fā)展方向的探討

按課件實(shí)現(xiàn)的功能，結(jié)合學(xué)生學(xué)習(xí)課件后取得的效果來(lái)分，主要有：“知識(shí)和技能的獲取”型、“應(yīng)用知識(shí)分析和解決問(wèn)題”、“創(chuàng)造性的解決問(wèn)題”型三種。從目前課件開(kāi)發(fā)的情況來(lái)看，“知識(shí)和技能的獲取”型居多，“應(yīng)用知識(shí)分析和解決問(wèn)題”型較少，“創(chuàng)造性的解決問(wèn)題”型第三類幾乎沒(méi)有。個(gè)人認(rèn)為，創(chuàng)造性的解決問(wèn)題是課件開(kāi)發(fā)的主要方向，應(yīng)在這方面加強(qiáng)研究的力度，加快發(fā)展的步伐。從內(nèi)容組織方式來(lái)說(shuō)，目前課件基本都是通過(guò)超鏈接的方式組織起來(lái)的，學(xué)生可以根據(jù)自己學(xué)習(xí)的進(jìn)度進(jìn)行學(xué)習(xí)、交叉索引也比較方便，但課件各部分的內(nèi)容及組織結(jié)構(gòu)仍是預(yù)先固定好的，彈性較小。在動(dòng)態(tài)組織方面，主要以設(shè)計(jì)好的固有流水線模式，目前我們能做到的還只是根據(jù)學(xué)生對(duì)每一個(gè)小節(jié)后習(xí)題的完成情況動(dòng)態(tài)增加一些預(yù)先準(zhǔn)備好的補(bǔ)充頁(yè)，這對(duì)于因材施教是遠(yuǎn)遠(yuǎn)不夠的，這方面的改進(jìn)還有待于在課件上增加智能化功能來(lái)解決。

五、Web課件的發(fā)展及功能定位

1．教學(xué)管理系統(tǒng)：主要為網(wǎng)上教學(xué)管理維護(hù)提供支持。

（1）課程管理：提供課程介紹，包括課程的整體框架、內(nèi)容要求及考試方法等；推薦課程學(xué)習(xí)進(jìn)度表和指導(dǎo)性建議；發(fā)布教師授課要點(diǎn)，包括多媒體課件的組成框架及使用提示、教案提綱和補(bǔ)充材料索引等。（2）教師管理：提供教師介紹，包括本院校各學(xué)科優(yōu)秀教師和聘請(qǐng)的全國(guó)全軍知名專家教授情況介紹；各學(xué)科任課教師的基本情況，包括職稱學(xué)歷、學(xué)識(shí)水平及教學(xué)能力等。（3）考試管理：具有審核入考資格，提供電子注冊(cè)功能；提供分級(jí)測(cè)試標(biāo)準(zhǔn)，授權(quán)題庫(kù)系統(tǒng)隨機(jī)生成試卷；為學(xué)生網(wǎng)上答題、“提交”答卷提供便捷界面，并具有將成績(jī)自動(dòng)登入成績(jī)檔案庫(kù)等功能。（4）信息發(fā)布：提供類似BBS討論區(qū)、Email自動(dòng)回復(fù)等功能，具有接受來(lái)自各方面對(duì)教學(xué)的反饋信息，如教學(xué)問(wèn)卷、學(xué)習(xí)要求及期望等，并提供相應(yīng)的信息處理和對(duì)外發(fā)布功能。

2．網(wǎng)上授課系統(tǒng)：主要為教師在網(wǎng)上開(kāi)展多媒體教學(xué)提供支持。（1）課件教學(xué)：為教師提供一個(gè)利用網(wǎng)上多媒體教學(xué)資源，在多媒體教室或網(wǎng)絡(luò)教室開(kāi)展多媒體課件教學(xué)的服務(wù)。通過(guò)建立導(dǎo)航查詢等，使教師根據(jù)教學(xué)對(duì)象快速可靠地在線選擇不同的學(xué)習(xí)路徑，并與相應(yīng)課件數(shù)據(jù)庫(kù)服務(wù)器鏈接，達(dá)到靈活地組織教學(xué)資源，高效地實(shí)施教學(xué)控制。（2）作業(yè)處理：提供網(wǎng)上教師布置作業(yè)、批改作業(yè)以及學(xué)生獲取作業(yè)題目、提交作業(yè)、取回批改后作業(yè)的界面。（3）輔導(dǎo)答疑：通過(guò)電子白板，學(xué)生可向教師提出問(wèn)題，教師定期在網(wǎng)頁(yè)上公布典型解答，使傳統(tǒng)意義上的輔導(dǎo)答疑不再受時(shí)間和地點(diǎn)的限制。（4）網(wǎng)上討論：通過(guò)電子郵件、公告牌等，學(xué)生和教師可以建立多向異步在線交流，給學(xué)生充分自主權(quán)和發(fā)言權(quán)，如對(duì)課程的某些主題可以在網(wǎng)上展開(kāi)討論，各自發(fā)表見(jiàn)解等。在網(wǎng)上盡管可能只是部分人之間的討論，但各自獨(dú)立的學(xué)生可以在線看到圍繞課程展開(kāi)了哪些討論，使大多數(shù)人從中獲得啟發(fā)和受益。（5）教師工作室：主要為教師開(kāi)展網(wǎng)上教學(xué)活動(dòng)提供不間斷的技術(shù)支持。教師可以在工作室中利用提供的各類軟件工具和友好的操作界面，對(duì)授課要點(diǎn)、網(wǎng)上教材、教學(xué)信息、學(xué)習(xí)進(jìn)度和課外討論區(qū)等進(jìn)行更新維護(hù)。

3．自主學(xué)習(xí)系統(tǒng)：為學(xué)生提供一個(gè)進(jìn)行網(wǎng)上多媒體自主學(xué)習(xí)的環(huán)境。（1）注冊(cè)登錄：通過(guò)建立驗(yàn)證機(jī)制，提供審驗(yàn)學(xué)生入網(wǎng)學(xué)習(xí)資格、注冊(cè)授權(quán)登錄功能。（2）自主學(xué)習(xí)：通過(guò)應(yīng)用靈活多樣的導(dǎo)航技術(shù)，為注冊(cè)學(xué)生自主地選學(xué)必修或相關(guān)課程及內(nèi)容提供快速確定路徑的方式，并由學(xué)生通過(guò)檢索鏈接數(shù)據(jù)庫(kù)服務(wù)器上相關(guān)的多媒體CAI軟件建構(gòu)自身知識(shí)結(jié)構(gòu)，以實(shí)現(xiàn)自主式個(gè)別化學(xué)習(xí)。（3）咨詢交流：提供學(xué)生向教師咨詢問(wèn)題和交流信息的相應(yīng)功能。（4）聯(lián)機(jī)考試：提供學(xué)生利用服務(wù)器中的題庫(kù)資源，自主選題或自動(dòng)組題，進(jìn)行模擬考試、解答試題的相應(yīng)功能。

4．課件開(kāi)發(fā)系統(tǒng)：多媒體課件開(kāi)發(fā)是開(kāi)展多媒體教學(xué)的關(guān)鍵。目前在校園網(wǎng)上主要是開(kāi)發(fā)兩類多媒體課件：一類是用于教師網(wǎng)上授課的廣播式課件；一類是用于學(xué)生網(wǎng)上自主學(xué)習(xí)的交互式課件。課件開(kāi)發(fā)的主體應(yīng)該是教師，有時(shí)也需學(xué)生的共同參與，系統(tǒng)應(yīng)為他們提供一個(gè)集成化開(kāi)發(fā)環(huán)境，并為這個(gè)環(huán)境配備相應(yīng)的集成化開(kāi)發(fā)工具。開(kāi)發(fā)工具可以針對(duì)不同學(xué)科的特點(diǎn)，將該學(xué)科的教學(xué)模式抽象為多個(gè)可以直接套用的模板，并給予相應(yīng)素材資源庫(kù)的支持，有了豐富的資源和使用簡(jiǎn)單的教學(xué)設(shè)計(jì)模板，就可方便地完成多媒體課件對(duì)交互性的要求。在課件編寫過(guò)程中，由于每一步都有模板的提示支持，普通教師經(jīng)過(guò)較短時(shí)間的學(xué)習(xí)就可以輕松地完成課件的編制工作。本系統(tǒng)主要實(shí)現(xiàn)以下功能：（1）課件總體設(shè)計(jì)：從可視化的角

度，基于不同的學(xué)習(xí)風(fēng)格，提供總體上完成教學(xué)內(nèi)容設(shè)計(jì)、稿本設(shè)計(jì)，包括課件結(jié)構(gòu)、各章節(jié)間的層次、框架結(jié)構(gòu)，相應(yīng)各章、節(jié)、頁(yè)面間的導(dǎo)航結(jié)構(gòu)、課件頁(yè)面風(fēng)格和交互界面的定制等。（2）媒體素材組合：提供素材組合和建立多媒體音頻、視頻資料庫(kù)的技術(shù)環(huán)境。（3）基本頁(yè)面制作：提供基本頁(yè)面制作環(huán)境和相應(yīng)的超媒體編輯系統(tǒng)。（4）課件數(shù)據(jù)庫(kù)開(kāi)發(fā)：采用組件對(duì)象的可視編程工具，提供可視化的多媒體課件數(shù)據(jù)庫(kù)開(kāi)發(fā)平臺(tái)。（5）課件合成發(fā)布：為分布開(kāi)發(fā)的課件提供動(dòng)態(tài)合成、發(fā)布更新的管理功能。

六、結(jié)語(yǔ)

隨著網(wǎng)絡(luò)化發(fā)展的大方向，基于Web的多媒體CAI課件的網(wǎng)絡(luò)化學(xué)習(xí)將是未來(lái)多媒體課件的主要形式，也是將來(lái)發(fā)展網(wǎng)絡(luò)教學(xué)的一個(gè)資源基礎(chǔ)。因?yàn)閃eb課件的技術(shù)還不成熟，課件的開(kāi)發(fā)模型、開(kāi)發(fā)工具、開(kāi)發(fā)技術(shù)等相對(duì)較少，優(yōu)質(zhì)實(shí)用性課件為數(shù)不多。個(gè)人認(rèn)為，只有加緊對(duì)這類課件的研究與開(kāi)發(fā)，才可能使網(wǎng)絡(luò)教學(xué)早日步入網(wǎng)絡(luò)化學(xué)習(xí)的新領(lǐng)域。

參 考 文 獻(xiàn)

[1]劉繼紅．《淺談?dòng)?jì)算機(jī)輔助教學(xué)軟件的開(kāi)發(fā)》

[2]薛理銀．《教學(xué)軟件的設(shè)計(jì)與開(kāi)發(fā)》

[3]楊青．《多媒體CAI課件制作技術(shù)與應(yīng)用》．2007

[4]劉俐華．《多媒體在現(xiàn)代教學(xué)中的應(yīng)用藝術(shù)》．2004（15）