中小学教师的校园网建设能力

五、中小学教师的校园网建设能力

教师校园网建设能力是学校教育信息化建设能力培养的一个难点,对计算机水平有一定的要求。虽然并不是所有教师都需要掌握这样的能力,但是作为参与到校园网建设的教师,就需要对学校校园网建设能力有一定的要求。

(一)网页设计

网页设计是教师教育技术的基本能力之一。了解、掌握网页设计基础知识,对于提高教师教育信息化水平,运用现代教育技术改革教学手段有着非常重要的意义。此外,对于教师中需要参与到校园网建设的技术人员,校园网页设计与制作是一个必须学习和掌握的技能。

“工欲善其事,必先利其器”,网页制作同样如此,制作网页第一件事就是选定一种网页制作软件。从原理上来讲,虽然直接用记事本也能写出网页,但是对网页制作必须具有一定的HTML语言编写基础,非初学者能及,且效率也很低。用其他类似的文字处理软件(如Word)也能做出网页,但有许多效果不尽如人意,且垃圾代码太多,也是不可取的。比较合适的网页制作软件首推Adobe公司的Dreamweaver,它简单易学,功能强大,用它做出的网页垃圾代码比较少。另外,它还可以在“所见即所得”的环境中编辑网页的同时,使用代码视窗看到对应的HTML代码,这对学习HTML有很大好处。即使一点不懂HTML,应用Dreamweaver软件也能做出漂亮的网页,但HTML毕竟是制作网页的基础,要知其然还要知其所以然,如要制作出比较满意的网页,必须熟练掌握HTML。

设计一张出色的网页如同创作一件艺术品一样,需要对它精雕细琢,要想设计出符合内容风格的网页,关注网页的样式、内容和配色是非常必要的。因此网页设计有以下要点:

1.确定整体风格

每篇文章要有恰当的标题,同样,网页必须有突显的标志,同时体现出此网页的主体色彩,最好有符合内容主题和理念的宣传标语,相同类型的元素效果相同,做到风格统一,否则会觉得整个网页非常凌乱。

2.网页色彩搭配

如果网页只用一种色彩,可以调整这种色彩的透明度或者饱和度,这样的页面看起来色彩统一,有层次感。如果网页中有两种色彩,那么两种色彩最好是具有反差效果的对比色。大多数网页不只有一两种色彩,而是采用一种色系,也就是使用一系列相近或相似的色彩,这样网页的色彩不会显得太单调,但又不会太繁杂。在网页配色中,色彩类型不宜太多,尽量控制在3—5种色彩。背景色和文字色彩的对比度要大,背景色或背景图案不易太复杂,否则网页的访问者无法看清网页上的文字。

3.网页内容新颖

网页内容的选择要不落俗套,我们在规划网站内容时不能照搬其他网页的内容,要结合自身的实际情况。放眼望去,网上的许多网页喜欢“大”和“全”,内容包罗万象,题材千篇一律,而且时常出现重复的内容,让访问者眼花缭乱,无法快速找到自己需要的信息。所以,我们在设计网页时,网页内容做到“少”而“精”,必须突出自己的特色。

4.网页命名简洁

为方便各个网页链接,最好能给这些网页起一些有含义且简洁易记的网页名称,这样不仅有助于用户管理网页,而且各类搜索引擎可以更容易索引到自己发布的网页。在给网页命名时,最好使用自己常用的或符合页面内容的英文或拼音(不建议使用汉字),可以非常直观地看出所链接的是什么内容的网页。

5.注意视觉效果

设计网页时,要考虑到计算机显示器各种分辨率显示出的效果是否良好。例如,我们设计了适合1280×1024像素高分辨率的网页,但部分访问者仍然在使用较低分辨率的显示器,这时网页是无法给他们带来非常好的体验的。在设计网页之前,必须思考一下如何去适应多种分辨率进行显示,以达到我们需要的效果。

6.网页文字易读

如想通过网页中的文字正确传达信息,我们必须仔细规划背景颜色与文字大小的方案,千万不要喧宾夺主,访问者不是特地来观赏网页背景的。一般来说,浅色背景下的深色文字比较适合。文字大小的设置也很重要,尤其是以汉字为主的网页,汉字字体的大小最好设定为12磅或者14磅,这两种尺寸比较符合正文显示的标准,标题文字可适当放大。虽然可以在HTML中使用特殊符号及字体,但是,我们无法确保这些特殊符号字体在各种浏览器显示的网页中都能正常显示,最好统一使用通用的符号和字体。

7.熟练掌握HTML

为了成功地设计网站,用户必须理解HTML是如何工作的。大多数网站设计者建议网站设计新手应从有关HTML的书中去寻找答案,用记事本制作网页,因为用HTML设计网站,可以控制设计的整个过程。

8.图片注释文字

给网页中的每张图片加上文字说明,在图片出现之前就可以看到相关内容,尤其是导航按钮图片和较大图片更应如此。另外,当网页图片无法显示时,同样会在图片显示的位置出现文字说明,这样一来,我们在浏览网页时很清楚地知道这张图片的内容,尽管有时我们无法看到图片,但我们也完全了解这张图片的位置和要向我们传递的信息。

9.浏览器兼容性

对于浏览器,恐怕我们对微软的IE浏览器是最熟悉的,现今IE浏览器所占的市场份额也是最大的,那么,是不是所有的访问者同我们一样使用IE浏览器呢?答案是否定的。我们仍然需要关心Firefox、Chrome以及Opera等这些浏览器的使用者。不同类型的浏览器所展示的网页样式及效果存在差异,导致这种差异出现的原因是浏览器对HTML代码解释的方式是不同的。在我们设计网页时,要使用各种浏览器对同一张网页进行测试,测试网页的兼容性如何。

10.网页动画数量

大多数人喜欢用GIF或者Flash动画来装饰网页,它的确很吸引人,让网页内容看起来直观生动,但网页中的动画数量不宜过多,否则我们会错把网页当成电子杂志,并且太多的动画会加大网络数据传输的负担,影响下载网页的速度,因为一个动画比纯粹的文字和图片容量要大得多,用户不希望看到一张残缺不全的网页。

11.网页导航清晰

网页最基本的功能是传递信息,我们当然愿意在访问网页时迅速地找到需要的信息,这就体现出网页导航的重要性。用户依靠导航可以很快看到网页显示的内容,它如同一条道路的路标,假如没有路牌和路标,遇上方向感较差的访问者,迷路的可能性就很大了。可以单击链接的文字,其文字在样式上要有所区分,给访问者更加清晰的导向,让他们知道自己手中的鼠标可以点击什么位置。

总之,在设计网页时要考虑到方方面面的因素,为访问者提供一切便利。设计出的网页主要作用是方便访问者查找信息,而不是自我观赏。既要展示网页的美观设计,也要体现网页的功能设计。

(二)网站规划

除了网页设计这个基本功外,中小学教师在建立校园网时,还要提前做好网站的规划工作。网站规划是指在网站建设前对建设需求进行分析,确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位的作用。

一个网站的成功与否和建站前的网站规划有着极其重要的关系。只有详细地规划,才能避免在网站建设中出现的众多问题,使网站建设能顺利进行。建立网站的步骤可分为申请网页空间、域名注册、网页制作、网站发布四个步骤。

在着手进行一个网站的设计之前,首先要明确以下几项设计原则:

1.内容与形式相统一

内容是指通过网页向浏览者传达的有效信息及文字;形式是指网页的排版布局、色彩、图形的运用等外在的视觉效果。无论采取何种表现形式都不能单纯追求网页的美观而忽视内容的建设,没有充实内容的网站,即使设计再精美,也不会对用户有长久的吸引力。

2.主题鲜明

一个网站必须要主题鲜明,突出重点,对于中小学校园网页而言,除了校园网主页应该基本覆盖学校需求以外,其他网页不可能内容大而全,包罗万象,因此必须要确定一个明确的主题,突出重点。主题鲜明、内容丰富、极具特色的网站往往比一个“大杂烩”式的网站更能吸引人。

3.风格统一

整个网站的设计要采取统一的风格,这样使网站看起来更专业,不要一个页面采用一种风格,另一个页面又换一种风格,给人一种很散乱的印象。风格要突出学校的特点,无论是文字、色彩的运用,还是版式的设计都要给人一种鲜明的印象,使人看到这个页面就会想到这是属于这个机构网站的。这也是目前比较流行的视觉识别系统所提倡的。

4.兼顾下载速度与美观

由于目前的网络状况不均衡,不能为了片面追求页面的美观而忽视页面的下载速度,那样会失去一大批浏览者,为了看一幅美丽的图片而等上半天并不是一个好的设计。网页中的图片应当是起到画龙点睛的作用,除非特殊需要,一般不要在网页中大量使用图片。网页中的图片要经过适当的压缩处理,使它在保证质量的前提下尽量小。一些用Java程序设计的页面也非常美观,但下载速度慢,一般要慎重使用。

5.导航清晰

网站要给浏览者提供一个清晰的导航系统,以便浏览者能够清楚目前所处的位置,同时能够方便地切换到其他页面。导航系统要出现在每一个页面上,标志要明显,便于用户使用,对于不同的栏目结构可以设计不同的导航系统。

6.栏目设置合理

对于一个网站,尤其是学校的网站,其栏目设置是否清晰、合理、科学,往往在很大程度上影响网站的访问量。一个栏目设置合理的网站,用户会很容易地找到需要的东西,这样的网站才能让用户喜欢。对于初学者来说,常犯的错误就是网站结构设计不合理,内容编排杂而乱。因此,在设计网站之前,一定要规划好栏目的设置。此外,学校校园网主页是为整个学校服务的(包括领导、教师、学生、家长、社会等),也是学校宣传自己的窗口,栏目设计尤其显得重要。

7.良好的兼容性

对于网页来说,它不同于其他印刷品,制作完成后就一成不变了,它随着用户浏览器的不同而出现变化,因此设计者一定要考虑到网页的兼容性,使它适用于大多数主流的浏览器或目标用户所用的浏览器,不至于出现差别很大的浏览效果。现在浏览器五花八门的,已经不再局限于IE浏览器了,部分浏览器是基于IE内核的浏览器,如360浏览器、傲游浏览器、搜狗高速浏览器等。还有一些非IE内核的浏览器,如火狐浏览器、谷歌浏览器、Opera浏览器等。

8.经常更新

经常维护更新,给用户提供最新的信息,才是一个网站具有吸引力的重要手段。因此要想保持网站的访问量,吸引更多的“回头客”,必须要定期更新网站内容。作为一个优秀网站,应该具备界面美观大方、内容丰富、访问及下载速度快、使用方便等特点。作为学校网页特别是校园网主页,既要注重美观大方,又要关注其实用性。用户体验度是学校网站评价的根本。


[1]任友群,闫寒冰.为数字时代准备未来教师:师范生信息化教学能力的标准、测评及培养路径[M].上海:华东师范大学出版社,2019:9.

[2]南国农.信息化教育概论[M].北京:高等教育出版社,2004:58.

[3]罗维亮.教育技术[M].西安:西北大学出版社,2006:65.

[4]罗维亮.教育技术[M].西安:西北大学出版社,2006:69.

[5]付蓉,张强刚.中小学教师教育技术能力实用教程[M].武汉:武汉大学出版社,2015 :1.

[6]赵小河.现代教育技术理论与实训[M].成都:电子科技大学出版社,2014:7.

[7]赵秀云,张良朋.小学教学实施[M].济南:山东人民出版社,2014:199.