浅谈远程教学中网页设计的“四要”

徐州市纺织技工学校 丁忠雪


[内容摘要]:在远程教学中,如何设计一个对学生的网络学习有帮助或有参考价值的网站呢?本文从网页设计的整体性、网页组织、网页色彩的搭配、网页的下载速度等四个方面入手,浅谈了现代远程教学中网页设计的问题。
[关键词]:网页 网页设计 色彩
前言
随着计算机与网络技术的不断成熟和进步,基于计算机网络技术的远程教学已经来到我们的身边,我们坐在家里就可以学到许多知识,就可以把许多好老师请来为自己上课。这不是乱讲,这是远程教学带来的变革,教育也成为了一种消费,每个人都可以选择一个自己喜欢的学校或专业,只要通过接入互联网的计算机,就可以坐在家里接受名师的指点,成为现代远程教学中的学习者!
现代远程教学是运用计算机网络技术和多媒体技术,让学生在网络环境下进行交互式学习的一种新型教学方式。在这种学习过程中,学生接触最多的就是网页的页面,网页设计的好坏往往能影响学生学习的情绪,进而影响到学习的效果。因此设计出好的网页就显得尤为重要了。下面就从四个方面浅谈在远程教学中网页设计的问题。
1、网页设计要强调整体  
有一个统一的、标准的网站形象是赢得学生信赖的条件。网页上所有的文字、图像、动画,包括图像背景颜色、字体、标题等等,要统一风格,贯穿全站。这样学习者看起来才舒服、顺畅,会对网站留下一个良好的印象。
网页的整体性体现在内容和形式上。网页是传播教学信息的载体,它要表达的是一定的内容和主题,并在一定的时间和空间里为学习者提供服务。网页设计时强调其整体性,可以使学习者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个网站独特风格的重要手段之一。
在网页设计中,强调网页页面各组成元素含有某种共性,是求得网页整体性的方法之一。这主要从版式、色彩、风格等方面入手,例如:网站中出现的所有标题字都使用阴影效果;一个站点通常要确定一个主色调,网页页面不能花,色彩不能用得太多;对于需要分屏的较长页面,要全页面考虑不要设计完一屏再设计下一屏。整个网页内部的页面,也应统一设计思想,让浏览者体会到网页的完整美。我们强调网页设计的整体性的同时也不要忘了网页设计的灵活多变性,过于强调整体性可能会使网页变得呆板。“整体”是“多变”基础上的整体。
2、网页组织要有序
网站的网页组织要反映网页的目录层次结构。将所有部分按一定的构架各就其位、分别纳入不同层次的页面,立体规划网页。网页间的联系要便于学习者对知识结构的掌握。在网页中应有介绍网络学校相关内容的超链接,并提供由关键词查找相关网页的搜索功能。描绘教学内容的重要网站也要提供查询和直接链接功能。网络学校的网页针对的对象是在网上进行学习的学生,站点应尽可能少地使用华丽的图像、闪烁的灯光、复杂的页面布置等,但又不能只提供简洁文本信息。因此站点设计应简单有序、主次关系分明,不要东一榔头西一棒子,要把最重要的内容放到首页上;应该反复推敲文字、图形与空间的关系,使浏览者有一个流畅的视觉体验。设计者最好是将图形图像与有效的组织内容结合起来,做到主题鲜明突出,语言和画面简单明确以吸引对远程教学有需求的人的视线,在目标明确的基础上,完成网站的总体设计。设计者还应规划网站的组织结构,并在主页显示下列几个基本内容:
* 页头:准确无误地标识网校的名称;
* E-mail地址:用来接收用户反馈信息;
* 联系信息:如普通邮件地址或电话;
* 版权信息。  
3、网页色彩搭配要和谐
网页色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。
当我们距离显示屏较远的时候,我们看到的首先是网页的色彩。网页设计,色彩永远是最重要的一环。色彩是光刺激眼睛再传导到大脑中枢而产生的一种感觉。不同的色彩能给学习者不同的感受。以绿色为例,黄绿色有青春的视觉意境,而蓝绿色则显得幽宁、阴深。在网页设计中,应根据和谐和重点突出的原则,将不同的色彩进行组合、搭配才能构成美丽的页面。浏览网络学校网页最多的是学生。他们学习的一个特点就是要长时间地面对着显示器,这就需要我们尽可能地将网页的颜色设计得柔和。例如,网页的页面主色调选择的是蓝色,按钮是黄色,在色彩中蓝色和黄色是对比色,页面就很醒目、页面色彩丰富但不花稍。并且蓝色在显示器中给人的感觉很平和。
网页色彩搭配时自己总结的一些心得体会:   
(1)用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。   
(2)用两种色彩。先选定一种色彩,然后选择它的对比色。   
(3)用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝、淡黄、淡绿;或者土黄、土灰、土蓝。   
4、网页下载速度要快
大家可以想象,打开一个网页要很长时间,有时经常因为超时而无法正常浏览网页,查阅电子邮件也很困难,稍微大一些的邮件很久都接收不下来。网页下载速度很慢,这是多么令学习者头痛的事。优秀的网页设计者应该考虑到目前的网络状况,可以通过以下几种方法来提高网页的下载速度。
4.1 做个网站导航
网站导航,能让学习者快速到达不同的页面,它是网页元素非常重要的部分。每个网页页面也要有导航按钮,应当避免强迫学习者使用工具栏中的向前和向后按钮。使学习者能够从每一页上访问网站的任何部分。在主页设计中,将常用信息和介绍性信息放在首页,这样可明确网页的内容。网站导航能使页面与页面的联系更加紧凑。如果学习者在浏览网页时,需要很长时间才能找到需要的内容,那么这个网页在设计上是不成功的。
4.2 善用图片和动画
为了网页页面的美观,在页面中插入大量的图片和动画,使学习者花费较长时间下载页面,这样做不会给学习者带来好感。因此要注意避免使用过大过多的图片,如果在网页上必须放置大的图像,最好先显示图片的缩略图,这样用户就不必浪费时间去下载他们根本不想看的大图像。图片最好采用压缩的GIF和JPEG格式,这两种格式的图片非常小,易于下载。动画也可以起到丰富页面的作用,文件也非常小,但是动画要和内容有关联,应和网页浑然一体,而不是干巴巴的,即便如此,网页上的动画最好不要太多,避免混乱和影响下载速度。作为一个网络学校的网页应考虑网络的传输速度,这一点对登录进入网站学习的学生来说十分必要。
4.3 使用流媒体技术
由于网络带宽的限制,采用传统技术的下载方式浏览网页,下载速度较慢。而基于网络技术的远程教学对实时性要求却又很高。使用流媒体技术可以很好的解决这个问题。流媒体技术采用的是边接收边播放的原则,数据流由网校服务器向学习者的计算机连续、实时地传送。学生计算机不必等到整个文件全部下载完毕,只需经过很短的时间就可以进行浏览,节省了下载时间、有效地利用了带宽。网页设计中合理应用流媒体技术,可以使学习者更加灵活方便地学习。
作为一个好的远程教学服务网站,在设计的过程中需要注意的问题还有很多。例如,我们要定期更新网页内容,使学生在学习过程中永远有新的东西学;对网页的内容我们也要认真检查,绝对不能出现错别字等。总之,远程教学中的网页设计要服务于教学、服务于学生,只有这样才能设计出成功的网页。

参考文献:
[1] 黄梦·《DREAMWEAVER MX完全征服手册》·中国青年出版社·2003年
[2] 李学明 李继 魏芳·《远程教育系统及其实现》·人民邮电出版社·2000年
[3] 葛建国 夏克·《平面设计师是怎样炼成的》·新华音像中心·2003年