醫學精品課程網站媒體素材的優化設計

于斌 馬國杰

滄州醫學高等專科學校教育技術中心 河北 061001

0 引言

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

媒體素材是傳播教學信息的基本材料單元，按照媒體類型可分為五大類：文本類素材、圖形/圖像類素材、音頻類素材、視頻類素材、動畫類素材。下面是這幾個方面在實際中存在的問題及優化方案。

1 文本素材的瘦身處理

文字是頁面中最大的構成元素，因此文字的優化也不容忽視。可能有人會說文本有什么優化可言？那就大錯特錯了，由于精品課程中大量的教案、授課計劃、教學大綱、申報書等幾乎都是純文本的內容。而這些文件幾乎都是一線教師長期積累的Doc文件，而把它們轉到網頁上如果不使用優化策略，就會造成文件的“虛胖”影響網頁的訪問速度。

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

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

2 圖片的優化

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

圖像是公認的影響網站訪問速度的因素，圖像優化處理乃提高網站訪問速度的要訣，因此在選擇圖像文件時應注意以下幾個方面。

2.1 采用合適的圖像格式

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

2.2 縮小圖像文件

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

2.3 圖像處理軟件選擇

當不得不使用大圖像時，使用圖形處理程序將大圖像進行分割形成幾個很小的圖像文件，然后在 Web中用＜table>＜/table>的表格將這幾個圖像對齊恢復成大圖像的外觀。這種功能可以在 Macromedia Fireworks 8；如果能Photoshop也是不錯的選擇，它幾乎可以完成我們所需的圖片的各種處理功能。

3 優化處理音頻素材

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

專業課老師的音頻素材大多是在臨床醫院的診斷設備中搜集得來，大多未經過加工處理，一般就直接連接到網頁中。在外網中訪問者很難下載或在線收聽，失去了制作的意義。下面介紹一下改進措施。

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

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

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

4 網絡視頻流媒體和動畫的制作

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

所以制作出適合在網上實時傳輸供實時教學使用的視頻類素材十分重要。

4.1 視頻制作的要點

（1）視頻類素材每幀圖像顏色數不低于256色或灰度級不低于128級。

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

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

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

（5）如果視頻播放時間過長盡量截成多個小段，易于網絡傳輸。

4.2 適合網絡傳輸的流媒體格式

（1）RealNetworks公司的RealMedia采用自適應技術，可通過一個編碼流提供自動適合不同帶寬用戶的流播放，具有強有力的系統管理和可伸縮能力，能夠通過網絡傳送高質量的多媒體內容，具有一定的交互能力和媒體控制能力。

（2）微軟公司的WindowsMedia提供了一套組件和特性可以在Internet傳送音頻和視頻，其核心是ASF文件，ASF是一種包含音頻、視頻、圖像以及控制命令、腳本等多媒體信息在內數據格式，通過分成一個個的網絡數據包在Internet上傳輸，實現流式多媒體內容發布，具有方便性、先進性、集成性等特點。

4.3 視頻轉換軟件

可以使用PREMERE視頻處理軟件，將原始的視頻素材轉成適合網絡傳輸的asf、wmv或rmvb等流媒體格式。

4.4 動畫素材

使用的格式為 GIF格式和 Flash格。AVI動畫格式、FLI/FLC動畫格式或QuickTime動畫格式，所有動畫數據都需要制作成 GIF格式或 Flash格式，其他格式的音頻數據(AVI、FLI/FLC、MOV等)，也需要轉換為GIF或Flash格式。

5 總結

醫學精品課程網站建設是一個系統化的工作，而其中的媒體素材就是這個系統工程中的“磚和瓦”，只有“磚、瓦”制作的優良，才能使得醫學精品課程網站成為名副其實的精品。

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

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

[3] 何國清.高職院校的精品課程建設[J].職業技術教育.2006.

[4] 吳坤,趙艷.營養與食品衛生學國家精品課程建設的探索與實踐 [J].中國高等醫學教育.2009.