随着信息化建设的推进,网络已经逐步由一个信息发布平台演化成为服务平台。网络和计算机在普通家庭的普及促使越来越多的人透过网络关注学校的发展,而遍览各个中小学网站,普遍还停留在用于对外公布信息的阶段,不能满足日益增长的学生、教师、家长以及校方之间的沟通需求。中小学的网站在界面和交互体验上应该带有其用户对象的一些独特特点,这就需要从设计和技术两个方面给予解决。
本文分析了中小学网站设计常见的一些问题,给出了一些基本的设计原则,并提供了如何利用开源网站内容管理系统——Mambo来建设学校网站。
现状分析
总结分析已有的中小学网站,它们一般均能提供关于学校的新闻信息,满足目标用户了解学校日常活动的需求。但其网站的总体设计均存在以下几个问题:
用户定位不清晰
中小学网站不同于其他公司或机构的网站,其访问用户是学生、教师及家长。网站应当根据这些主要用户的行为特点来设计交互方式和组织网站内容。目前,大多数中小学网站在内容安排和界面设计上千篇一律,首页堆积了大量信息,看起来内容丰富,其实是定位不明确的表现。
页面杂乱、风格不一
打开大多数中小学网站,普遍存在色彩搭配不协调的问题,大面积刺眼的纯色拼凑在一起;首页与子页之间风格没有延续,甚至首页上左右栏目的风格也相差甚远;有些网站还在使用四处漂浮的新闻和广告块。
栏目设置不合理
网站的栏目没有进行有效规划,相关的信息没有组织到相同栏目或类别中。此外,部分网站出于充实内容数量的目的,加入了一些与学校没有任何关系的时政要闻等栏目,反而影响了用户浏览。
内容类型单一
在内容重叠的背后掩盖的是内容单一。大多数学校网站都局限于新闻性和常规性内容的介绍,有用信息太少。有些网站甚至采用一些无用的信息来装点门面,如某网站上把百度、新浪、搜狐等与学校无关的网站作为热点链接放在网站的首页上。
网站的引导和帮助性差
很多网站的导航安排不合理,用户往往很难通过导航找到自己所需要的信息。同时,网站上也缺乏站内搜索的功能。
中小学网站的设计
改变中小学网站的现状,首先是要给网站正确定位。网站决策者和设计者必须意识到网站不仅仅只是简单的发布新闻和介绍学校的窗口,它更应该是一个学校、教师、学生和家长间相互交流、提供帮助和辅助学习的平台。
其次,网站的界面设计也应当加强。好的界面设计不仅给用户带来视觉上的享受,还能够促进网站的交互行为。比如,采用喻意明确的图标,能够准确的传达栏目信息。不同区域的色彩划分,能够让用户对信息的分布一目了然。采取一致的风格,保持页面与页面之间,网站和学校之间的渊源关系,进一步加强学校的统一形象。而且,中小学网站应当针对中小学学生这一年龄段孩子的特点,可以做出一些能够带有自己特色的界面设计。
Jakob Nielsen指出网页设计的一条重要原则就是将相同的信息应该放在同一区域(Group all Corporate Information in One Distinct Area)。网站应当通过对内容的划分而使用户分流,并根据不同的用户需求设置相关的子栏目。这样既能够帮助用户自动过滤对其无用的信息,又使得用户能够更为专注于自己栏目中的活动。如学校对教师的通知,只需要出现在教师的相关栏目里,对于学生来说这是一个无用且分散注意力的信息。
学校的网站可以引入一些流行的网络工具来提高信息和交互行为的多样性,如利用百度、谷歌来提供站内搜索;链接维基百科或其他免费学习资源;为学生和教师开通博客或个人成长记录工具;导入flickr等图片管理工具来建立一些专题展览。此外,还可以利用播客(PodCast)的工具,鼓励教师上传自己的讲课录像。这些都能够使得网站变得丰富多彩,交流变得轻松透明,学生的兴趣也能够被激发。
总之,为了更好的发挥网站的作用,网站应当提供更丰富的内容,应用一致的界面设计,增强交互能力,构建知识传播和用户交流的平台。如果受资金和技术的限制,可以采用一些免费的网络工具和开源软件,来轻松实现复杂的动态交互网站。
Mambo系统自助建站
国内的中小学网站建设大多采取的是由学校的信息技术教师或外聘的公司人员来协助开发的模式,制作的周期长而且成本比较高。我们在这里介绍一种网站建设中广泛使用的内容管理系统。
除了商业的内容管理,我们可以找到Drupal、PhpNuke、PostNuke、Xoops、Joomla、Mambo等一批优秀的内容管理系统。评价一个内容管理系统需要从以下几点来分析:
第一,提供一个模块化的核心系统,实现许多Web的常用功能,如文章管理、分类管理、用户管理、权限管理等。
第二,提供界面布局的控制机制,把界面布局切成上中下、左中右等区域,让用户能把自定义的功能放到这些区域上。
第三,提供界面风格的控制机制,让用户开发和使用各种风格各异的界面风格,然后随心所欲的换肤。
第四,提供系统功能扩展机制,方便加入第三方开发和使用插件,并且具备Wiki、Blog、投票等常用的插件程序。
在这里推荐使用Mambo系统(http://www.mamboserver.com),具有易于安装、管理简单、可靠性高等特点。它的开发社区比较活跃,国内使用的用户也较多,能获得不错的中文支持(http://www.mambochina.net)。
现在可以获得的稳定Mambo版本是4.5.4全球版。Mambo系统的运行需要PHP和MySQL数据库的支持。如果只是想试用和评估,可以下载XAMPP(www.xampp.org)作为运行环境,非常方便。
安装步骤
第一步:在MySQL中创建一个数据库。注意,创建Mambo数据库时,不能指定语言为UTF8,否则安装时会出现数据库索引超长的问题。
第二步:解压Mambo到Apache/IIS网站根目录下。
第三步:从浏览器中打开站点的目录http://localhost/mambo,将看到一个安装界面,选择中文Simplified Chinese作为安装语言。
第四步:输入数据库的用户名/密码等信息,按照提示完成安装。
如果能够看到进入管理页面的提示,恭喜您,已经可以开始设立网站了。
Mambo分为核心系统、组件、模块、界面模版等,采用结构化的功能设计和界面布局设计。其中,核心系统包含有用户管理、权限管理、多语言管理、组件管理、模块管理、界面模版管理、数据库备份和恢复等诸多系统管理功能,提供文章管理、首页管理、网站链接、在线调查、横幅广告等常用组件,提供菜单、登录框、计数器等常用模块。其后台管理界面采用类似于Office的界面布局,有菜单、工具栏、按钮、状态栏等,界面简洁大方,风格统一,符合Windows用户的使用习惯。
建站过程
Mambo本身提供了详细的帮助文档,在这里,简要介绍一下使用Mambo建站的过程:
第一步:规划网站的栏目和布局,最好先形成纸面文档。
第二步:确定页面设计并开发模板,如果没有专门的美工,可以从网上下载别人设计好的模板。
第三步:加入网站的用户群,如果网站没有权限设计,则可省略这个步骤。
第四步:建立站点的菜单项,添加学校其他系统的链接。
第五步:设置内容栏目,规划栏目下的内容分类,在分类下添加页面内容。
第六步:安装论坛、Wiki、Blog等其他教学工具并链接到站点菜单中。
总结
中小学网站的建设首先要解决好定位的问题,从简单的新闻发布逐步过渡到为学生、教师和家长服务,进而演变成一个校方与其他人群沟通的平台。只有这样,网站才能获得长久的生命力。同时,我们在设计学校网站时应充分依据上述的设计原则,避免一些常见的设计缺陷。
运用Mambo网站内容管理系统,可以有效地降低建站的维护工作量,其“所见即所得”的编辑模式可以让更多的教师参与到网站建设的过程中,Mambo所提供的丰富多样的插件亦能满足学校在教学和其他方面的需求。