200

高等学校网站建设技术方案

时间: 2013-06-27 11:44:00   点击数: 75951

网站是现代科学技术发展的产物, 高校网站是高校基于 WEB 技术建立起来的的资源共享与信息交流的平台。从教育信息化的全局来看,一个好的高校信息化网站, 能在学校的教育教学和学生思想政治教育以及科学研究中发挥积极的管理和引导作用。 一个功能完备的高校信息化网站应该具有下面几个方面的基本职能:展示教育教学改革的最新成果、反映高校的人文内涵和办学特色、教学辅助功能、教务管理功能、交互功能。从教育信息化的角度来看,高校网站应具有以下几个基本职能:对外宣传、教学教辅功能、资源共享、交流互动平台。 总之,网站建设的最终目的是“服务”,高校网站建设的根本目的是服务师生,服务校园建设。学校网站的规划与设计不应偏离这个最终目的。 本文针对高校网站的设计进行了浅析, 并指出未来高校网站设计的发展方向。

1、主题鲜明

高校建设一个网站, 最主要是想通过网站把学校的实力和教学特色展现给浏览者。 这就要求设计网站时必须有明确的核心主题。 主题确定好再从整体上把握网站的结构,进行前期规划,然后搜集素材和资料,利用网页制作工具将各种资料、素材有序地、有机地结合起来。按照视觉规律将主题主动的传达给浏览者,浏览者即时的理解和接受,并满足人们实用和需求。达到了学校宣传和交流的目的。 网站设计者在强调网站的核心主题时, 也应该通过独特的风格和强烈的视觉冲击力来突出设计的主题。 具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性来突出。

2、合理的布局

高校网站版式设计形态千变万化, 归纳起来都是由点、线、面构成。网站布局最重要的是,设计者如何把内涵和形式巧妙结合起来传达给浏览者, 这就是合理的布局。 点是设计的基本元素,网站设计中的点,由于大小、形态、位置不同,所产生的视觉效果、心理作用也不同。 当页面中有三个点时,就形成了面。 利用点的大小、形状与距离的变化设计出富有节奏和韵律的页面。

做为视觉元素的线,在长度、粗细、实与虚、直线与曲线、斜线等都给人心理带来不同的感受。面在网站的色合计中是富有生命力的,面有长度、宽度,具有位置和方向性。 一般有圆形、矩形、三角形、多边形等,面的空间分割在网站设计中有着重要的地位, 网站设计的成功与否往往取决于面的比例划分。 经分割所产生的比例关系,是决定页面均衡、协调的重要因素。

网站的版式的基本类型有骨骼型、 满版型、 分割型、中轴型、曲线型、倾斜型、对称型、三角型等,合理的布局在传达信息的同时, 也会让那个人产生感官上的美感和精神上的享受。高校网站上用骨骼型的比较多,这种版式分割方法规范、理性,给人以和谐、理性美。满板型的视觉效果最强烈而直观。 分割型是把页面分成上下或左右栏,图文搭配富有活力与和谐之美。中轴型以中间为分界给人稳定、舒畅的感觉。曲线型会给页面产生韵律感。倾斜型是以图片和文字做倾斜状排列,给页面强烈的动感。 对称型比较常见,给人以稳定、庄重的感受。 三角型即金字塔型,最具稳定性的版式。 高校的网站应该给浏览者文本机构统一, 布局风格一致的界面。网站无论是哪种版式, 在设计网站版式的时候应做到以下几个方面:

第一、要确定?学校的标志(LOGO)的位置。 标志是网站的灵魂, 在设计的时候既要考虑到突出 LOGO 标志,又要和整个网站和谐统一。

第二、导航要清晰。 导航能帮助浏览者快速找到需求信息,所以要求导航简明、突出。

第三、主次内容的排列。 网页中比较重要的内容应该尽量往左上角靠,如学校新闻,院系链接等。 为了满足教学教辅需要,则在版面的下方应该有各职能部门、各网上教学,办公系统的链接入口,目前我们的计算机显示器的分辨率一般是 1024*768 或者以上,因此网站的主体内容应该是集中在从网站的中央开始, 这样才能将主题突出。

第四、文字的编排要整齐,行距的变化要丰富,字体字号的运用要合理。

3、色彩的运用

色彩搭配是网站设计中最重要的一环。 色彩是情感语言之一,色彩本身没有注定的情感内容,但色彩能让人产生一定的心理活动。给人心理上的刺激,时刻影响着人们。 一个网站不可能运用单一的色彩,也不可能将所有的色彩运用进来,一般一个网页的颜色超过三种就可能产生混乱花哨的感觉。 因此这就牵涉到一个色彩主基调的问题。 抓住网站的主色调再配以其他不同的辅色,这样既突出了主色,又使整个网站美观自然、浑然一体。 色彩的面积十分重要,大小与视觉效果的关系是极为密切。色彩的明度的把握、冷暖的很好的交互应用都会使网站的浏览者感觉到明快和舒适。 色相、明度、纯度为色彩的三属性。

高校网站主题色一般来源于自己学校的 VI 识别标准色,学校的标志(LOGO)是我们确定主题色的一个重要参考标准,以 LOGO 为参照色,考虑到网站的主题表现需要,就可以确定好主色调。网页中各个组成部分色彩的搭配,即辅色的运用,要考虑到和主色的关系,整个网站的层次感以及高校的学科特色等因素。 比如网页中导航菜单的颜色、图标的颜色,标题的颜色就应该用相对醒目的颜色呈现。值得注意的是,网页中适当的跳跃性色彩或线条的运用能让原本平淡无奇的网站立刻活跃起来,显得动感十足、美观大方。

4、多媒体技术的应用

WEB 技术上的重大突破是增加了动画和音视频,使高校的网站在音视频上多媒体技术就是用多种媒介来传递和展示信息,一个信息不仅使用了文字说明,同时使用了图形、图像甚至动画、再配上声音等等,使其感染力大大增加。 如在网站的首页中加入 flash 动画,会使页面变得生动活泼。

5、高校网站未来展望

未来, 网络在人们的生活中正扮演着越来越重要的角色。新时代大学生的生活也日益与网络密不可分。高校应充分利用网络高效、 迅捷的特点加强校方与学生的互动,利用网络加强大学生思想政治教育,重视建设网站会给我们带来的积极影响, 也是时代赋予我们的历史使命。

更多的网站建设资料:
商务网站建设的网页设计与网站程序开发
网站设计中查找浏览机制设计研究
网购网站设计与制作方案
外语学习网站建设与网站构建
人事考试网站建设与网站开发
上一篇:个人网站设计与网站制作 下一篇:商务网站建设的网页设计与网站程序开发

关注建材之家
www.bo-yi.com
全国服务热线:400-0755-393
加盟咨询电话:0755-82034561
投诉建议Q Q:275171283
讨论互动QQ群:64982759
点击查看放大的二维码
报料号:jc68_com
点击查看放大的二维码
服务号:jc68-1
点击查看放大的二维码
移动端二维码
腾讯微博
腾讯微博
新浪微博
新浪微博

深圳建材 揭阳建材 佛山建材 香港建材 广州建材 东莞建材 惠州建材 南宁建材 海南建材 重庆建材 成都建材 石家庄建材
昆明建材 拉萨建材 大连建材 西安建材 兰州建材 西宁建材 银川建材 乌鲁木齐 郑州建材 武汉建材 长沙建材 哈尔滨建材
南京建材 杭州建材 合肥建材 福州建材 南昌建材 济南建材 无锡建材 宁波建材 温州建材 厦门建材 青岛建材 呼和浩特建材
北京建材 天津建材 上海建材 烟台建材 沈阳建材 长春建材 贵阳建材 太原建材

以下js为测试信息