摘要】 基於Web的多媒體CAI課件是多媒體CAI課件與Web技術的結合，基於Web的多媒體CAI課件開發過程中若干問題的研究和實踐。它將成爲網絡教學多媒體CAI課件的主要形式。本文結合一個實例，介紹了在基於Web的多媒體CAI課件開發過程中對課件頁面進行頁面優化的原則和方法，並詳細介紹了課件中導航、查詢、測試等關鍵功能的javascript 程序實現技術和方法。
1.引 言
傳統類型的課件或者由於投資成本大（如基於編程爲主的整體式課件），或者由於升級更新困難（如基於CDROM的多媒體課件），已不能滿足日益發展的需要。爲了解決以上矛盾，伴隨着Web的出現和Web技術的發展，基於Web的多媒體CAI課件應運而生了。
作爲這種全新類型課件的平臺，Web本身具有統一的協議標準，良好的跨平臺特性和前所未有的廣泛的覆蓋性的優點。在其上開發出來的軟件有着統一的良好的GUI界面，能夠支持多種多媒體格式，可提供高度的交互性，與其他的應用程序有着方便良好的接口，特別是本身便以超聯接作爲組織形式，因此其非常合適作爲課件開發平臺。另一方面，用以開發、維護基於Web的軟件的工具大多可以免費獲得，基於Web的課件對運行的軟硬件平臺也沒有什麼很高的特殊要求，這使得基於Web的CAI課件的開發維護費用相對低廉；目前種種“所見即所得"的全圖形化的開發和維護工具也使得對開發維護人員的技術水平要求相對降低；由於各網頁之間相對獨立，因此可以十分容易的對課件進行升級更新。另外在網絡教學中，基於Web頁的課件可以以網頁爲單位在網絡中傳輸，具有較快的傳輸速度，在目前較低的帶寬下仍具有較好的應用前景。 考慮到基於Web的多媒體CAI課件的以上優點，我們在對國家教育部重點項目“博物館類CAI課件建設"進行總體設計時選擇了它作爲項目總體方案，計算機論文《基於Web的多媒體CAI課件開發過程中若干問題的研究和實踐》。但在項目建設過程中，我們發現由於目前Web技術發展的侷限性，使基於Web的課件方案也存在一些不足，主要是面臨網絡帶寬、網絡傳輸速度、平臺兼容性等問題的困擾。因此，在開發過程中必須對課件頁面進行優化，以使之能夠在Web上很好的運行。另外，由於相對來說Web是一種全新的開發平臺，而Web技術發展又非常的快，所以課件中一些功能如導航、查詢等的技術實現便成爲開發過程中突出的`技術難點。爲此，我們在項目開發過程中，特別在這些方面作了重點研究，並取得了一定的成果。
2.課件頁面優化的原則和方法
頁面優化問題雖然涉及到多方面，但其根本的立足點和目的是以下兩個：一個是加快頁面;另一個則是使頁面能象設計者所預先設想的那樣在用戶眼前顯示，在Web上這主要需要解決一個兼容性的問題。下面就分別從這兩個目的出發，討論一下對頁面進行優化時所依據的原則和實現方法。
2.1加快頁面的優化
傳統上,在加快頁面方面所做的努力，僅僅侷限於減少多媒體元素的使用數量和降低使用質量,以取得較小的文件大小，從而加快頁面文件在網絡上的傳輸速度以達到加快的目的.我們認爲，僅依靠這方面的努力是遠遠不夠的。所謂的頁面便可分成以下三部分：下載時間，渲染時間和可視性，好的設計者應通過頁面優化在三這者中找到一個平衡點，進而產生理想的下載，從用戶點擊請求到頁面總體框面顯示僅一眨眼時間，在頁面完全渲染完前用戶便可以從中搜索自己需要的信息。
2.1.1加快頁面下載的普遍原則
1） 去除不必要的多媒體效果和內容: 可以用普通按鈕取代圖形動態按鈕，用靜態圖像取代GIF動畫，減少圖形化的花哨文字標題，這些措施至少可以讓頁面下載時間縮短一半。
2） 用一切手段減少各種多媒體元素的大小。
3） 優先使用相同的圖形或多媒體內容: 缺省的Netscape和IE都會在RAM或硬盤上設置緩存來保存最近用到的圖形和文件，如果瀏覽器認識相同的文件名，則它會讀緩存，從而大大提高效率。
