高校网站设计初探

来源:用户上传      作者:

　　摘要：高校网站的设计应该先把握高校网站的基本职能，遵循前期规划，后期制作与维护的开发流程进行设计。在WEB2.0时代到来的今天，网站设计更要符合WEB2.0标准网页设计，以保证网站的可扩展性和易维护性，提供更好的用户体验。
　　关键词：网站职能；网站设计；WEB2.0
　　中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)32-1084-02
　　
　　1 引言
　　
　　教育信息化作为国家信息化的重要组成部分，对于转变教育思想观念， 深化教育改革，提高教育质量，培养创新人才具有深远意义，是实现教育跨越式发展的必然选择。随着网络技术和WEB技术的发展，各大高等院校依托校园网的建设、运行，在其之上开展的各项应用服务得到了长足的发展，其中高校网站的建设和发展在推动我国素质教育和教育信息化进程中发挥了至关重要的作用。
　　
　　2 高校网站的基本职能
　　
　　高校网站是高校基于WEB技术建立起来的学校对校内外的资源共享与信息交流的平台。从教育信息化的角度来看，高校网站应具有以下几个基本职能：对外宣传、教学教辅功能、资源共享、交流互动平台。总之，网站建设的最终目的是“服务”，高校网站建设的根本目的是服务师生，服务校园建设。学校网站的规划与设计不应偏离这个最终目的。
　　
　　3 高校网站的设计
　　
　　网站设计是一项系统的工程，必须遵循前期规划、后期制作与维护这样一个流程。网站设计的总体要求是：网站主题突出，层次清晰，界面美观，网站功能满足实际需要。
　　3.1 前期规划
　　建设一个网站，首先要求有明确的主题，并从整体上把握网站的结构，进行前期规划，然后搜集素材和资料，利用网页制作工具将各种资料、素材有序地、有机地结合起来。这里仅从网站的颜色搭配，功能和布局设置来谈谈网站设计的前期规划。
　　3.1.1 颜色搭配
　　色彩搭配是网站设计中最重要的一环，一个网站不可能运用单一的色彩，也不可能将所有的色彩运用进来，一般一个网页的颜色超过三种就可能产生混乱花哨的感觉。因此这就牵涉到一个色彩主基调的问题。抓住网站的主色调再配以其他不同的辅色，这样既突出了主色，又使整个网站美观自然、浑然一体。
　　高校网站主题色一般来源于自己学校的VI识别标准色，学校的标志（LOGO）是我们确定主题色的一个重要参考标准，一般网页设计的时候既要考虑到突出LOGO标志，又要和LOGO的颜色和谐统一，以LOGO为参照色，考虑到网站的主题表现需要，就可以确定好主色调。网页中各个组成部分色彩的搭配，即辅色的运用，要考虑到和主色的关系，整个网站的层次感以及高校的学科特色等因素。比如网页中导航菜单的颜色、图标的颜色，标题的颜色就应该用相对醒目的颜色呈现。值得注意的是，网页中适当的跳跃性色彩或线条的运用能让原本平淡无奇的网站立刻活跃起来，显得动感十足、美观大方。
　　3.1.2 功能和布局设置
　　高校网站具有宣传、教学教辅、资源共享等基本职能。因此网站设计中网站的功能设置应当充分满足实际需要。比如为了满足学校对外宣传的需要，在学校网站的主页上应当有学校简介、学校新闻，院系链接等。为了满足教学教辅需要，则在学校网站上应该有各职能部门、各网上教学，办公系统的链接入口。
　　网站的布局也是网页设计中一个十分重要的环节。网站的布局应该符合人们的视觉习惯，从上到下，从左至右。因此网页中比较重要的内容应该尽量往左上角靠。而目前我们的计算机显示器的分辨率一般是1024*768或者以上，但也有一部分是使用800*600的分辨率，因此网站的主体内容应该是集中在从网站的中央开始800*600像素的范围之内，这样才能主题突出。
　　3.2 网站的制作与维护
　　3.2.1 网站的制作
　　网页制作采用静、动相结合的方式，即静态的主画面和动态的图像，Flash相结合，目前较流行的网页制作工具有Dreamwaver、Fireworks、 Flash、 Photoshop等。
　　高校网站数据更新较快，数据量大，一般适合使用架构有数据库支持的动态网站。目前较流行的动态网站设计语言有ASP、JSP、PHP。三种语言背后都有强大的数据库支持，比如PHP语言使用MYSQL数据库，ASP语言则使用SQL2000数据库。动态网站设计语言与数据库的结合能实现网站数据的动态更新。网站的更新和维护只需在后台管理中进行，不需修改前台网页，极大的提高网站的工作效率。
　　3.2.2 网站的后期维护
　　网站的生命力在于网站的内容，后期维护的重心应该是丰富网站的内容，坚持及时更新数据。高校网站应该不断添加和完善网站内容（比如院系资料、其他部门子网站等），及时发布学校的校园新闻，科研动态等信息，不能让学校网站成为一个空架子，华而不实。
　　另外网站的后期维护还包括网站重构，美化网站界面，优化程序设计等。只有坚持推陈出新，网站才会有吸引力，才能体现网站真正的价值所在。
　　
　　4 新形势下高校网站建设的思考
　　
　　WEB2.0时代已经到来。快速的网页浏览和内容更新，易维护的网站管理成为了用户和网站设计者共同关注的焦点，符合WEB2.0标准的网页设计便应运而生。WEB2.0网页设计标准包括：结构标准语言（Xml、Xhtml）、表现标准语言（CSS）、行为标准。个人认为制作符合WEB2.0标准的网页可以从以下两个方面下手：
　　一是用语义标记语言写页面，和XML接轨。
　　语义标记，也就是精确描述页面每一部分作用的标记。最常用的标记语言HTML和XHTML一般用于显示目的，设计者可以通过对HTML标签应用CSS来改变页面风格，利用CSS和DIV来灵活的进行网页布局。
　　二是整合AJAX技术，提升用户体验。
　　AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。Ajax应用程序通过异步模式，优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用，从而提升了用户体验。
　　
　　5 结束语
　　
　　网站建设是一门复杂的技术，高等院校有科研创新的使命，在网站的建设上更应该走在技术的前沿，如何构建符合WEB2.0标准的网站，进行内容与样式分离，增强网站的交互性能，提高高校网站的服务能力，值得我们每一个网站设计者去深入研究。
　　
　　参考文献：
　　[1] 邹丽英,孙小权. 浅谈高校网站的建设与维护[J].教育信息化,2006(2): 26-27.
　　[2] 陈敏.论高校网WEB页面色彩的定位与设置[J].当代经理人,2006(07):127-128.
　　[3] 薛建国,梁霏,庄俭.职业教育网站的建设与管理[J].电化教育研究,2006(9):48.
　　[4] 李超. CSS网站布局实录：基于Web标准的网站设计指南[M].2版.科学出版社,2007.

转载注明来源:https://www.xzbu.com/8/view-8706812.htm