一种新技术在网络课程制作中的应用

2009-02-01李文宏

现代教育技术 2009年13期

[摘要]在网络课程制作过程中，应用了一种新的技术——网页随显技术，通过网页中特定文字来控制不同层而图像的快速交替显示，以及利用人眼视觉暂留现象来达到随指即显的教学效果。基于其优越的可操作性和交互性，在网络课程的制作中，该技术地应用取得了非常理想的效果。

[关键词]网页随显技术；网络课件；网络教学

[中图分类号]G40—057

[文献标识码]A

[论文编号]1009—8097(2009)13—0222—02

在网络教学过程中，网络课程的建设是网络资源库建设的主要内容之一。随着对网络课程地需求大幅增加，网络课件的重要性日益显现，并对网络课件的操控性和交互性提出了更高的要求。在网络课件的研制与开发过程中，教师和学生因教与学的需求，希望在网页上可根据教学需要随指随显示相关的内容，经不断探究与反复试验，一项新的交互性强且易于操作的网页随显技术应运而生，成为一种新颖的网络教学手段。

一网页随显技术的实现过程

通过操作网页中被设定特定功能的文字，来控制同一网页中多个精确重叠图层内的图像交替显示，并利用人的视觉暂留现象，快速交替闪现源图和另一图层的图像，准确图式化展示文字内容，达到随指即显的目的。

网页随显技术可通过常见的网页制作软件及图形图像处理软件来实现。网页制作软件本文选用Macromedia公司的Dreamweaver MX2004以上版本，图形图像处理软件选用Adobe公司的Photoshop。

本文通过一个实例，着重介绍网页随显技术在网络课件制作中的具体应用及实现方法。实例取自局部血液及体液循环障碍网络教材中的一页(见图1)。

为了便于说明，从图1中截取与本文相关的重点部分见图2。

图2中右侧一幅小图(源图)与第二段文字的内容是相关的。小图为讲解正常血液及体液循环的模拟画像，画像中有大循环(体循环)、小循环(肺循环)和微循环，三种循环中血液的流动路径是教学过程中需要交代清楚的。小图中三种循环有重叠的部分，并且血液流经的路径比较复杂，难以用言语表述。如果在图中用箭头标注则较难表示清楚，还容易引起歧义，当然也可以用颜色线块勾勒出呼吸膜的界限，但会将局部结构遮盖。因此，如何既不影响观看，又能交代清楚，是课件制作中的一个难点。当应用了网页随显技术后，问题迎刃而解。在教学过程中实现了用鼠标指向网页中相关文字(可用醒目颜色标识)大循环(体循环)、小循环(肺循环)和微循环时，小图的相应部位立即会响应，即有薄纱样的色块显现，移走鼠标，色块立刻消失，局部结构依然清晰可辨，不受一点影响，并且可以随指即显，效果非常理想，在后续制作中被大量采用。

二网页随显技术的具体实现方法

(1)制备图片

将源图(即上述小图)调入Photoshop，并新建一个图层。选中工具箱内的[画笔工具]，将前最色设置为希望的颜色，然后用画笔在新建图层里把需要标注出来的部位涂抹，待修正无误后，在图层调色板内调节新建图层的“不透明度”或“填充”项内值的大小，使覆盖的颜色渐呈透明，让背景层内的相关内容隐约可见，调节合适后台并图层。随即将其另存为一个图像文件(如大循环图3)备用。需要注意的是绝对不能改变图像的大小，即图像尺寸要与源图严格一致，不能有偏差。

(2)插入图片

在Dreamweaver中打开需要编辑的网页，适当进行调整，使网页空出适当的位置来置放源图和制备图片。由于在网页中直接插入图片是无法实现网页随显技术的，因此，必须先在网页的预留部位插入图层，再在图层中插入图片，方法如下：

点击菜单栏中的[插入]项，在下拉菜单里点中[布局对象]中的[层]选项，将出现在网页中的层标志框拖拉到预定部位，此层定义为图层1。点中图层1，按鼠标右键选中属性，记下层属性面板中“左”和“上”框内的数据，此数据将作为精确定位图层2的依据。在确认点中图层1后，点击[插入]项，在下拉菜单里点中[图像]选项，在弹出的对话框中选取源图，确定后可见源图已被插入。

重复上述步骤，插入图层2。不用再去拖拉图层2的层标志框，仅需在图层2的层属性面板中“左”和“上”框内填入刚才记录的图层1的数据，确定后即可见图层2已自动精确重叠在图层1的位置上了。在图层2中再插入预先制作好的备用图片，将图层2的层属性面板中“可见性”框内的default(默认显示)改为hidden(隐藏)，此时可发现刚插入的备用图片已看不见了，显示的只有源图。

(3)定义文字

选中需要定义随显的文字(如本例的大循环)，改变文字属性面板中文字的颜色，使其区别于其它文字，这点很重要，是实现网页随显技术的关键。然后点击面板组中的[标签检查器]使其展开，在展开的[标签1面板中点击[行为]选项卡，在[行为]选项卡的白板中有一行呈灰色的单元格，点击单元格的左列，在出现的选项框中点击下拉按钮，在下拉列表中选中onMouseOut选项。再点击[行为]选项卡的添加行为按钮，在弹出的选项框中选择“显示一隐藏层”，在随后弹出的对话框中选中层2(Layer2)，点击“隐藏”按钮，此时完成第一次定义。本定义的目的是当鼠标离开定义文字后，将图层2中的图像快速隐藏起来，只显示图层l中的图像即源图。

当完成第一次定义后。在[行为]选项卡的白板中紧接着第一行的下面又自动出现了一行呈灰色的单元格，重复前面操作，在下拉列表中选中onMouseOver选项。在弹出的对话框中选中层，点击“隐藏”按钮，再选中层2，点击“显示”钮，注意与第一次的定义过程完全相反，这样就完成了第二次的定义，其目的是当鼠标指在定义文字上时，把图层1中的源图快速隐藏起来的同时，即刻显示图层2中的图像。

可用同样方法制作小循环和微循环图像，如图4，5所示。