医学精品课程网站媒体素材的优化设计

2010-03-21于斌马国杰

网络安全技术与应用 2010年7期

于斌马国杰

沧州医学高等专科学校教育技术中心河北 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上传输，实现流式多媒体内容发布，具有方便性、先进性、集成性等特点。