李娜娜

（商丘職業(yè)技術(shù)學(xué)院實(shí)訓(xùn)中心 河南 商丘 476000）

0 緒論

科學(xué)技術(shù)的飛速發(fā)展使人們認(rèn)識(shí)到，研究信息技術(shù)在教育領(lǐng)域中的應(yīng)用，是當(dāng)前教育研究的重要課題之一。傳統(tǒng)的“三中心”(教師中心、課堂中心、書(shū)本中心)的教學(xué)模式已經(jīng)不能適應(yīng)信息社會(huì)的需要?；趙eb的多媒體CAI課件的出現(xiàn)，解決了以上問(wèn)題。作為這種全新類型課件的平臺(tái)，Web本身具有統(tǒng)一的協(xié)議標(biāo)準(zhǔn)，良好的跨平臺(tái)特性和前所未有的廣泛的覆蓋性的優(yōu)點(diǎn)。我們發(fā)現(xiàn)由于目前Web技術(shù)發(fā)展的局限性，使基于Web的課件方案也存在一些不足，主要是面臨網(wǎng)絡(luò)帶寬、網(wǎng)絡(luò)傳輸速度、平臺(tái)兼容性等問(wèn)題的困擾。因此，在開(kāi)發(fā)過(guò)程中必須對(duì)課件頁(yè)面進(jìn)行優(yōu)化，以使之能夠在Web上很好的運(yùn)行。另外，由于相對(duì)來(lái)說(shuō)Web是一種全新的開(kāi)發(fā)平臺(tái)，而Web技術(shù)發(fā)展又非常的快，所以課件中一些功能如導(dǎo)航、查詢等的技術(shù)實(shí)現(xiàn)便成為開(kāi)發(fā)過(guò)程中突出的技術(shù)難點(diǎn)。本文討論的是課件開(kāi)發(fā)設(shè)計(jì)和頁(yè)面優(yōu)化的原則和方法。

1 多媒體CAI課件設(shè)計(jì)原則

1.1 面向用戶設(shè)計(jì)原則

根據(jù)認(rèn)知學(xué)理論原理，人的個(gè)性差異是普遍存在的規(guī)律。在多媒體課件的設(shè)計(jì)過(guò)程中，我們必須承認(rèn)這種差異。堅(jiān)持多媒體CAI課件面向用戶的開(kāi)發(fā)原則，實(shí)際上這也就如同生產(chǎn)廠家堅(jiān)持“用戶是上帝”的生產(chǎn)原則一樣。開(kāi)發(fā)任何教學(xué)系統(tǒng)的目的都是為了在教學(xué)和訓(xùn)練活動(dòng)中使用，是市面上那么多的多媒體產(chǎn)品為什么很少有能用之于課堂教學(xué)的呢?這主要是因?yàn)檫@些軟件在開(kāi)發(fā)過(guò)程中脫離了“這一用戶”的實(shí)際。也就是說(shuō)多媒體CAI課件會(huì)不會(huì)另人滿意，很大程度上取決于它是否滿足用戶的要求。

1.2 面向制作環(huán)節(jié)設(shè)計(jì)原則

即然無(wú)法提高網(wǎng)絡(luò)的傳輸速率，因此在設(shè)計(jì)課件時(shí)，應(yīng)該盡可能地避免導(dǎo)入那些數(shù)據(jù)量比較大，下載時(shí)間比較長(zhǎng)的對(duì)象，合理化地組織流程的結(jié)構(gòu)，使得在下載和數(shù)據(jù)傳輸?shù)倪^(guò)程中分散用戶的注意力，使他們感覺(jué)不到“等待”課件播放。其方法是：

1.2.1 使用盡可能小的演示窗口，這樣就會(huì)降低整個(gè)課件文件的存儲(chǔ)空間。

1.2.2 采用較高壓縮比率的圖形格式。在課件內(nèi)應(yīng)該遵循少用圖，用小圖的原則。

1.2.3 將設(shè)計(jì)的重點(diǎn)放在課件的交互性上。由于交互性的出現(xiàn)，增加了用戶與課件打交道的機(jī)會(huì)，因此將注意力集中在交互上，可以改善人機(jī)交互時(shí)的等待時(shí)間。

1.2.4 在課件內(nèi)應(yīng)該避免使用較長(zhǎng)的視頻與音頻文件，背景圖最好使顏色搭配，而不要使用大幅的圖片。對(duì)于音頻文件來(lái)說(shuō)，可選擇VOX及SWA這兩種格式。

1.2.5 對(duì)課件打包數(shù)據(jù)塊的大小進(jìn)行試驗(yàn)，根據(jù)播放速度和分塊數(shù)量確定一種最佳的分割方案。

1.2.6 使用 Web和 CD-ROM 相結(jié)合的發(fā)布方式，把外部媒體文件存放在CD-ROM上。只有在播放外部媒體文件時(shí)，才會(huì)與CD-ROM打交道。

1.3 面向總體設(shè)計(jì)原則

在開(kāi)發(fā)多媒體課件之前，必須對(duì)課件總體框架進(jìn)行嚴(yán)格的設(shè)計(jì)，即進(jìn)行教學(xué)目標(biāo)分析，使課件中的知識(shí)點(diǎn)形成一個(gè)“金字塔”式的總體結(jié)構(gòu)。然后，自頂向下按模塊化編程方法完成編程任務(wù)，以保證課件的前后連貫一致。課件的結(jié)構(gòu)一般可分為課程、主題和步驟三個(gè)層次。

1）課程與主題之間的關(guān)系：一般每個(gè)課程含有幾個(gè)主題，如何在演示過(guò)程中讓最終用戶有選擇地進(jìn)入主題，這在總體設(shè)計(jì)中必須考慮到。在Author Ware中我們可以來(lái)用熱區(qū)響應(yīng)方式，這樣最終用戶只要用鼠標(biāo)左鍵單擊此課程標(biāo)題區(qū)域，就可以進(jìn)入此標(biāo)題所對(duì)應(yīng)的課程的主題。

2）主題與步驟之間的關(guān)系：一個(gè)主題通常由多個(gè)步驟所組成，當(dāng)一個(gè)主題所設(shè)置的條件滿足時(shí)，就進(jìn)入該主題下的步驟。如何由主題進(jìn)入步驟，我們?nèi)钥梢允褂脽釁^(qū)響應(yīng)方法，每個(gè)主題部位于熱區(qū)內(nèi)，當(dāng)最終用戶單擊熱區(qū)時(shí)，就可以進(jìn)入該主題下的第一個(gè)步驟，然后一步步操作下去，直至完成該主題。事實(shí)上在總體設(shè)計(jì)中還需考慮如何由步驟返回主題或課程，等等。在Author Ware中，除了可以使用熱區(qū)響應(yīng)實(shí)現(xiàn)護(hù)、調(diào)試和用戶使用，在一個(gè)課件中不可隨意使用這些交互方法。

2 課件頁(yè)面優(yōu)化的方法

頁(yè)面優(yōu)化問(wèn)題雖然涉及到多方面，但其根本的立足點(diǎn)和目的是以下兩個(gè)：一個(gè)，是加快頁(yè)面下載速度；另一個(gè)，則是使頁(yè)面能象設(shè)計(jì)者所預(yù)先設(shè)想的那樣在用戶眼前顯示，在Web上這主要需要解決一個(gè)兼容性的問(wèn)題。下面就分別從這兩個(gè)目的出發(fā)，討論一下對(duì)頁(yè)面進(jìn)行優(yōu)化時(shí)所依據(jù)的原則和實(shí)現(xiàn)方法。

2.1 加快頁(yè)面下載速度的優(yōu)化

傳統(tǒng)上,在加快頁(yè)面下載速度方面所做的努力，僅僅局限于減少多媒體元素的使用數(shù)量和降低使用質(zhì)量,以取得較小的文件大小，從而加快頁(yè)面文件在網(wǎng)絡(luò)上的傳輸速度以達(dá)到加快下載速度的目的。我們認(rèn)為，僅依靠這方面的努力是遠(yuǎn)遠(yuǎn)不夠的。所謂的頁(yè)面下載速度便可分成以下三部分：下載時(shí)間，渲染時(shí)間和可視性，好的設(shè)計(jì)者應(yīng)通過(guò)頁(yè)面優(yōu)化在這三者中找到一個(gè)平衡點(diǎn)，進(jìn)而產(chǎn)生理想的下載，從用戶點(diǎn)擊請(qǐng)求到頁(yè)面總體框面顯示僅一眨眼時(shí)間，在頁(yè)面完全渲染完前用戶便可以從中搜索自己需要的信息。

2.1.1 對(duì)圖形的優(yōu)化處理

1）減少圖形文件大?。簻p少文件大小對(duì)加快下載速度有著突出的貢獻(xiàn),可以通過(guò)以下一些方法來(lái)減小圖形文件大小。

減小圖形面積

注意顏色安排

調(diào)整圖像中的對(duì)比水平

抑制抖動(dòng)

2）在HTML文件中為圖形設(shè)置WIDTH和HEIGHT屬性：用WIDTH和HEIGHT屬性來(lái)放大和壓縮圖形面積并不能加快下載，但它可以使瀏覽器在下載圖片前便確定正確的頁(yè)布局，先把文字和其他后繼內(nèi)容顯示出來(lái)，使用戶在下載圖片的同時(shí)便可開(kāi)始瀏覽。

3）使用交錯(cuò)式GIF和漸進(jìn)式JPEG：交錯(cuò)式GIF和漸進(jìn)式JPEG是對(duì)原來(lái)圖形標(biāo)準(zhǔn)的擴(kuò)展。其中交錯(cuò)式GIF向后兼容而漸進(jìn)式JPEG不能。當(dāng)下載后在頁(yè)面上顯示時(shí)效果就如同它是從一套百頁(yè)窗后顯露出來(lái)一樣。盡管他們不能加快下載速度，但用戶的感覺(jué)卻是加快的。

2.1.2 對(duì)表格〈TABLE〉的優(yōu)化處理

雖然用〈LAYER〉和在頁(yè)面布局時(shí)可以做到精確定位，但那也許只是將來(lái)的理想方案。在目前，為了得到一個(gè)真正跨瀏覽器，跨平臺(tái)的設(shè)計(jì)方案，還得用表格進(jìn)行局。

表格也許是目前網(wǎng)頁(yè)中用得最多的布局元素，因此，對(duì)表格的優(yōu)化就顯得特別有價(jià)值，雖然這部分優(yōu)化并不能減少下載時(shí)間，但由于瀏覽器需要在填充表格內(nèi)容前完全理解表格的結(jié)構(gòu)，所以適當(dāng)?shù)谋砀襁\(yùn)用將大大縮短網(wǎng)頁(yè)的渲染時(shí)間。在使用表格時(shí)應(yīng)注意做到：

1）將一個(gè)單一的大表格拆成多個(gè)小表格2）對(duì)〈TABLE〉、〈TD〉適當(dāng)使用 Width 屬性3）千萬(wàn)不要嵌套表格

4）不要將太新的擴(kuò)展多媒體元素放入表格

2.2 對(duì)兼容性的優(yōu)化

在兼容性問(wèn)題上，既要考慮課件對(duì)各種操作系統(tǒng)和硬件平臺(tái)的兼容性，更要考慮課件對(duì)各種瀏覽器的兼容性。

2.2.1 在平臺(tái)兼容性上的優(yōu)化

當(dāng)課件在INTERNET上發(fā)布時(shí)，你無(wú)法設(shè)想你的用戶會(huì)在怎樣配置的機(jī)器上使用怎樣的操作系統(tǒng)，好在Web本身的跨平臺(tái)特性已為我們很好地解決了這個(gè)問(wèn)題，使我們免于多次開(kāi)發(fā)，但為了使課件能夠在各種平臺(tái)上正常顯示，仍需要我們?cè)诙x潛在用戶群時(shí)考慮許多細(xì)節(jié)，包括：顯示器的分辨率和色深，對(duì)音頻和視頻的支持情況，各種平臺(tái)上相同字體的差異，各種平臺(tái)上顯示調(diào)色板之間的差別等等。

2.2.2 在瀏覽器兼容性上的優(yōu)化

與由于瀏覽器不兼容帶來(lái)的影響相比，由于平臺(tái)不兼容對(duì)課件開(kāi)發(fā)所帶來(lái)的影響幾乎可以忽略不計(jì)了，各大主流瀏覽器開(kāi)發(fā)廠商或者由于商業(yè)上的考慮而故意制造不兼容情況，如Netscape和IE；或者為了追蹤技術(shù)發(fā)展不得不造成新版本某些部分事實(shí)上不向后兼容，如Netscape Communicator 4.5與以前版本對(duì)java-script的處理；再加上其他難以計(jì)數(shù)的各種非主流瀏覽器，如何消除瀏覽器兼容性對(duì)課件開(kāi)發(fā)的影響，才是課件開(kāi)發(fā)者所真正要關(guān)心的問(wèn)題。

3 結(jié)論

基于Web的多媒體CAI課件是未來(lái)多媒體課件的主要形式，也是將來(lái)發(fā)展網(wǎng)上教學(xué)的一個(gè)資源基礎(chǔ)。但目前已完成的優(yōu)質(zhì)實(shí)用課件還很少，對(duì)此類課件的開(kāi)發(fā)模型，開(kāi)發(fā)工具，開(kāi)發(fā)技術(shù)等的研究也很少。我們認(rèn)為，只有加緊對(duì)這類課件的研究開(kāi)發(fā)，才有可能使網(wǎng)上教學(xué)早日進(jìn)入實(shí)用領(lǐng)域。本文所提到的方法和技術(shù)都是我們?cè)诨赪eb的多媒體CAI課件開(kāi)發(fā)和設(shè)計(jì)過(guò)程中實(shí)際所應(yīng)用的，實(shí)踐證明是行之有效的。

［1］梁林梅,焦建利.我國(guó)網(wǎng)絡(luò)課程現(xiàn)狀的調(diào)查分析與反思[D].華南師范大學(xué).

［2］邢程,周開(kāi)淼,趙劍波,尹曉東.網(wǎng)絡(luò)教學(xué)中的教學(xué)設(shè)計(jì)探討[J].

［3］朱萬(wàn)森,梁楚材.計(jì)算機(jī)輔助教學(xué)多媒體cai課件設(shè)計(jì)與制作//計(jì)算機(jī)教育應(yīng)用叢書(shū)[M].北京:地質(zhì)出版社,2000.

［4］王治文.計(jì)算機(jī)多媒體輔助教學(xué)及其軟件設(shè)計(jì)[M].浙江科學(xué)技術(shù)出版社.

［5］柳棟.網(wǎng)絡(luò)主題探究（WebQuest）[J].