醫(yī)學(xué)精品課程網(wǎng)站媒體素材的優(yōu)化設(shè)計(jì)

于斌 馬國(guó)杰

滄州醫(yī)學(xué)高等專(zhuān)科學(xué)校教育技術(shù)中心 河北 061001

0 引言

精品課程建設(shè)是教育部于2003年8月啟動(dòng)的“高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程”中的一項(xiàng)重要內(nèi)容，是貫徹教育部4號(hào)文件精神，從根本上提高教學(xué)質(zhì)量進(jìn)而提高人才培養(yǎng)的奠基性工作。教育部以及各省教育廳規(guī)定省級(jí)以上的精品課程必須能在外網(wǎng)上運(yùn)行，并免費(fèi)開(kāi)放，實(shí)現(xiàn)優(yōu)質(zhì)教學(xué)資源的共享。而醫(yī)學(xué)類(lèi)精品課程作一個(gè)重要的分支，相對(duì)于其他類(lèi)精品有自己的學(xué)科特點(diǎn)：多媒體素材使用率高，媒體資源特別豐富。然而由于一線的專(zhuān)科課老師缺乏信息技術(shù)的專(zhuān)業(yè)知識(shí)，沒(méi)有考慮到素材文件的大小對(duì)網(wǎng)站訪問(wèn)速度的影響，往往制作出來(lái)的網(wǎng)站，體積比較臃腫。例如某個(gè)老師設(shè)計(jì)的精品課程網(wǎng)站，所使用的圖片格式用的是bmp格式，視頻格式是Avi格式，這個(gè)網(wǎng)站掛在校園網(wǎng)上運(yùn)行比較正常，這是由于內(nèi)網(wǎng)的網(wǎng)速比較快的緣故，然而掛到外網(wǎng)(廣域網(wǎng))問(wèn)題就會(huì)顯現(xiàn)出來(lái)，圖片顯示很慢甚至不顯示，視頻幾乎看不了。所以醫(yī)學(xué)精品課程網(wǎng)站不只內(nèi)容精品，同樣網(wǎng)站主要構(gòu)成元素：媒體素材必須也是精品，這樣無(wú)論是內(nèi)網(wǎng)還是外網(wǎng)使之都能展現(xiàn)良好的視覺(jué)效果，讓訪問(wèn)者迅速的獲取信息。因此媒體素材的優(yōu)化設(shè)計(jì)是十分必要的。

媒體素材是傳播教學(xué)信息的基本材料單元，按照媒體類(lèi)型可分為五大類(lèi)：文本類(lèi)素材、圖形/圖像類(lèi)素材、音頻類(lèi)素材、視頻類(lèi)素材、動(dòng)畫(huà)類(lèi)素材。下面是這幾個(gè)方面在實(shí)際中存在的問(wèn)題及優(yōu)化方案。

1 文本素材的瘦身處理

文字是頁(yè)面中最大的構(gòu)成元素，因此文字的優(yōu)化也不容忽視。可能有人會(huì)說(shuō)文本有什么優(yōu)化可言？那就大錯(cuò)特錯(cuò)了，由于精品課程中大量的教案、授課計(jì)劃、教學(xué)大綱、申報(bào)書(shū)等幾乎都是純文本的內(nèi)容。而這些文件幾乎都是一線教師長(zhǎng)期積累的Doc文件，而把它們轉(zhuǎn)到網(wǎng)頁(yè)上如果不使用優(yōu)化策略，就會(huì)造成文件的“虛胖”影響網(wǎng)頁(yè)的訪問(wèn)速度。

例如將7頁(yè)A4頁(yè)面的Doc，直接從Word中粘貼到網(wǎng)頁(yè)文件中或直接在Word編輯軟件中另存為html網(wǎng)頁(yè)文件，結(jié)果該網(wǎng)頁(yè)有1MB大小。若先將Word文本，經(jīng)過(guò)優(yōu)化處理后，結(jié)果網(wǎng)頁(yè)文件只有50K大小。通俗地說(shuō)：如果不經(jīng)過(guò)優(yōu)化處理，編輯成的網(wǎng)頁(yè)文件中，95%的標(biāo)語(yǔ)性語(yǔ)言是“廢話”。那么如何進(jìn)行優(yōu)化加工呢？如果使用 Dreamweaver軟件在Dreamweaver中，點(diǎn)選菜單Commands/Clean Up Html...開(kāi)啟/Clean Up Html視窗，在視窗Remove項(xiàng)有五個(gè)選擇來(lái)清除不需要的代碼：Empty Tags(空標(biāo)簽)；Redundant Nested Tags(多余的嵌套標(biāo)簽)；Non-Dreamweaver HTML Comments(非Dreamweaver格式的注釋)；Dreamweaver HTML Comments(Dreamweaver注釋)；Specific Tag(s)(指定的標(biāo)簽)。另外，點(diǎn)選菜單Commands/Clean Up Word Html...開(kāi)啟Clean Up Word Html視窗來(lái)清除轉(zhuǎn)換中所帶來(lái)的多于標(biāo)簽。如果使用Frontpage，可用記事本作為“中轉(zhuǎn)站”，先將Word文本粘貼到記事本中，再?gòu)挠浭卤局姓迟N到 FrontPage中，然后轉(zhuǎn)換成網(wǎng)頁(yè)。

作為教學(xué)網(wǎng)站字體的選擇也是很重要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺(jué)疲勞，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。

2 圖片的優(yōu)化

圖片的直觀性、形象性、精簡(jiǎn)概括性，具有文字所無(wú)法比擬的特點(diǎn)，幾乎所有的醫(yī)學(xué)課程都要使用大量的圖譜，圖片也是醫(yī)學(xué)精品課程最富有特色的素材。專(zhuān)業(yè)課教師不少素材是在編書(shū)或早期積累下來(lái)的大多是Bmp或Tiff格式，后期掃描的雖然是Jpeg格式，也沒(méi)有進(jìn)行尺寸大小和像素的處理體積非常大。掛到網(wǎng)站上，訪問(wèn)速度慢，尺寸偏大瀏覽效果也不好。

圖像是公認(rèn)的影響網(wǎng)站訪問(wèn)速度的因素，圖像優(yōu)化處理乃提高網(wǎng)站訪問(wèn)速度的要訣，因此在選擇圖像文件時(shí)應(yīng)注意以下幾個(gè)方面。

2.1 采用合適的圖像格式

圖像文件的格式有幾十種，如：Bmp，Gif，Jpeg，Psd，Tif，Tga等，如何選擇適合網(wǎng)頁(yè)顯示的圖像格式呢？毫無(wú)疑問(wèn)，圖像文件要非常小而且失真度又不大。現(xiàn)在幾乎所有的網(wǎng)頁(yè)圖形都采用Gif和Jpeg的圖像格式。一般我們把有較為復(fù)雜顏色變化的圖片優(yōu)化為jpeg，而把那種色彩相對(duì)簡(jiǎn)單的優(yōu)化為gif，這是由這兩種格式的特點(diǎn)決定的。

2.2 縮小圖像文件

具體方法是縮小圖像面積減少圖像色彩和壓縮。通過(guò)剪切圖像或按比例收縮圖像能縮小圖像面積(可能出現(xiàn)色斑)。圖像的色彩數(shù)量愈多文件愈大，在不影響表現(xiàn)效果的前提下，從真彩或色調(diào)整為32、16或8彩，這樣就能大大縮小圖像文件。如果色彩減少后效果明顯變差則采用Jpeg壓縮格式，通常采用50-60%的壓縮率，效果比較理想，可先將圖像存儲(chǔ)成256色Gif格式與Jpeg格式比較一下哪個(gè)字節(jié)數(shù)少圖像質(zhì)量好再做出決定。

2.3 圖像處理軟件選擇

當(dāng)不得不使用大圖像時(shí)，使用圖形處理程序?qū)⒋髨D像進(jìn)行分割形成幾個(gè)很小的圖像文件，然后在 Web中用＜table>＜/table>的表格將這幾個(gè)圖像對(duì)齊恢復(fù)成大圖像的外觀。這種功能可以在 Macromedia Fireworks 8；如果能Photoshop也是不錯(cuò)的選擇，它幾乎可以完成我們所需的圖片的各種處理功能。

3 優(yōu)化處理音頻素材

在醫(yī)學(xué)上有“望、聞、問(wèn)、切”的治病之說(shuō)，其中的“聞”就包括“聽(tīng)診”即聽(tīng)聲音，是指診察病人的聲音、語(yǔ)言、呼吸、咳嗽、嘔吐、呃逆、噯氣、太息、呻吟、腸鳴等聲音變化。因此音頻也是醫(yī)學(xué)精品課教學(xué)網(wǎng)站很有特色的素材。

專(zhuān)業(yè)課老師的音頻素材大多是在臨床醫(yī)院的診斷設(shè)備中搜集得來(lái)，大多未經(jīng)過(guò)加工處理，一般就直接連接到網(wǎng)頁(yè)中。在外網(wǎng)中訪問(wèn)者很難下載或在線收聽(tīng)，失去了制作的意義。下面介紹一下改進(jìn)措施。

（1）數(shù)字化音頻的采樣頻率不低11KHZ，量化位數(shù)至少為8位，聲道數(shù)建議為雙聲道。

（2）音頻數(shù)據(jù)存儲(chǔ)的主要格式有WAV、MP3、MIDI和流式音頻格式。數(shù)字化音頻采用 WAV格式為主，用于欣賞的音樂(lè)使用MP3格式，MIDI設(shè)備錄制音樂(lè)使用MIDI式，而用于實(shí)時(shí)交互的音頻使用流式媒體格式。

所有音頻數(shù)據(jù)都需要制作成REAL流式媒體格式(RAM)格式，若有其它格式的音頻數(shù)據(jù)(WAV、MP3、MIDI等)，則需要轉(zhuǎn)換為REAL流式媒體格式。因此我們應(yīng)盡量把原始音頻素材轉(zhuǎn)換成RAM格式，易于網(wǎng)絡(luò)傳輸。

4 網(wǎng)絡(luò)視頻流媒體和動(dòng)畫(huà)的制作

在醫(yī)學(xué)類(lèi)教學(xué)中，錄像教學(xué)是日常教學(xué)的重要組成部分，醫(yī)學(xué)視頻資源十分豐富。這也是其它類(lèi)學(xué)科所沒(méi)有的。由于專(zhuān)業(yè)課老師不了解視頻處理的專(zhuān)業(yè)知識(shí)，因此只是簡(jiǎn)單將原始的VCD錄像、AVI或MPEG視頻文件鏈接到網(wǎng)站上。由于帶寬的限制，讓訪問(wèn)者很難觀看。

所以制作出適合在網(wǎng)上實(shí)時(shí)傳輸供實(shí)時(shí)教學(xué)使用的視頻類(lèi)素材十分重要。

4.1 視頻制作的要點(diǎn)

（1）視頻類(lèi)素材每幀圖像顏色數(shù)不低于256色或灰度級(jí)不低于128級(jí)。

（2）視頻類(lèi)素材中的音頻與視頻圖像有良好的同步。

（3）視頻集樣使用Y、U、V分量采樣模式，采樣基準(zhǔn)頻率為13.5MHz，采樣格式為如下4:1:1；4:2:2和4:4:4三種之一。

（4）視頻的窗口不要全屏，盡量使用小窗口減少視頻文件的體積。

（5）如果視頻播放時(shí)間過(guò)長(zhǎng)盡量截成多個(gè)小段，易于網(wǎng)絡(luò)傳輸。

4.2 適合網(wǎng)絡(luò)傳輸?shù)牧髅襟w格式

（1）RealNetworks公司的RealMedia采用自適應(yīng)技術(shù)，可通過(guò)一個(gè)編碼流提供自動(dòng)適合不同帶寬用戶的流播放，具有強(qiáng)有力的系統(tǒng)管理和可伸縮能力，能夠通過(guò)網(wǎng)絡(luò)傳送高質(zhì)量的多媒體內(nèi)容，具有一定的交互能力和媒體控制能力。

（2）微軟公司的WindowsMedia提供了一套組件和特性可以在Internet傳送音頻和視頻，其核心是ASF文件，ASF是一種包含音頻、視頻、圖像以及控制命令、腳本等多媒體信息在內(nèi)數(shù)據(jù)格式，通過(guò)分成一個(gè)個(gè)的網(wǎng)絡(luò)數(shù)據(jù)包在Internet上傳輸，實(shí)現(xiàn)流式多媒體內(nèi)容發(fā)布，具有方便性、先進(jìn)性、集成性等特點(diǎn)。

4.3 視頻轉(zhuǎn)換軟件

可以使用PREMERE視頻處理軟件，將原始的視頻素材轉(zhuǎn)成適合網(wǎng)絡(luò)傳輸?shù)腶sf、wmv或rmvb等流媒體格式。

4.4 動(dòng)畫(huà)素材

使用的格式為 GIF格式和 Flash格。AVI動(dòng)畫(huà)格式、FLI/FLC動(dòng)畫(huà)格式或QuickTime動(dòng)畫(huà)格式，所有動(dòng)畫(huà)數(shù)據(jù)都需要制作成 GIF格式或 Flash格式，其他格式的音頻數(shù)據(jù)(AVI、FLI/FLC、MOV等)，也需要轉(zhuǎn)換為GIF或Flash格式。

5 總結(jié)

醫(yī)學(xué)精品課程網(wǎng)站建設(shè)是一個(gè)系統(tǒng)化的工作，而其中的媒體素材就是這個(gè)系統(tǒng)工程中的“磚和瓦”，只有“磚、瓦”制作的優(yōu)良，才能使得醫(yī)學(xué)精品課程網(wǎng)站成為名副其實(shí)的精品。

[1] 李翠蓮,方北曙.高職院校精品課程建設(shè)的思考[J].當(dāng)代教育論壇(學(xué)科教育研究).2007.

[2] 商亞平,趙金玉.高職院校精品課程建設(shè)實(shí)踐探討[J].教育與職業(yè).2006.

[3] 何國(guó)清.高職院校的精品課程建設(shè)[J].職業(yè)技術(shù)教育.2006.

[4] 吳坤,趙艷.營(yíng)養(yǎng)與食品衛(wèi)生學(xué)國(guó)家精品課程建設(shè)的探索與實(shí)踐 [J].中國(guó)高等醫(yī)學(xué)教育.2009.