高校门户网站的建设分析

前言：想要写出一篇引人入胜的文章？我们特意为您整理了高校门户网站的建设分析范文，希望能给你带来灵感和参考，敬请阅读。

摘要：如今国内高校门户型网站逐渐成为高校和社会之间交流的重要平台，也是一流大学在国际高校圈内一个独特的标志。对于普通高校而言，高校门户网站是宣传校园文化、建设高校品牌的重要平台。本文通过对国内外高校门户网站建设的趋势进行总结与分析，为互联网时代、教育改革背景下的高校门户网站建设提供参考依据。

关键词：高校；门户网站；HTML5；CSS3；用户体验

1国内外高校门户网站建设现状

1.1国内高校门户网站建设现状

高校门户网站的建设目的主要是宣传高校文化以及服务师生。但大多数的高校都很难做到两全其美，有些注重校内师生的用户体验，却往往忽视了校园文化的体现，反之亦然。国内普通高校门户网站建设注重信息架构的建设，的内容详细、全面。各个栏目分明，导航和链接丰富，功能全面。无论是学生还是教师，都能在网站中快速地找到需要的信息。学校网站上的内容详细且全面，校方对内容的把控十分严格。

1.2国外一流高校门户网站建设现状

网站内容方面，国外一流大学的门户网站在内容上详细且简洁，其标题言简意赅。在文化层面上，展示的内容也是结合了校内的国际重点项目或者是研究方向。在服务导向方面，网站中各个内容板块对于不同的群体针对性不同，为满足各群体需求，网站开发时将各个信息板块分离。

2国内高校门户网站存在问题

国外高校门户网站大多特色鲜明，简洁而高效，能够突出实时新闻的重点。国内普通高校门户网站建设的不足也是显而易见的，下面将提出五点主要的问题。（1）网站主题不鲜明；（2）存在“信息孤岛”现象；（3）外文版网站建设不重视；（4）用户体验问题；（5）网站安全问题。

3改进思路

国内高校门户网站的设计以及建设，或者是现阶段的优化，还有很大的提升空间。通过一系列的优化来使网站在页面美化程度、信息检索功能、网站安全层面等方面有一个较大的提升。

3.1响应式网站设计

响应式网页设计这一设计概念在2010年被提出，它是一种网络页面设计布局。本节给出两种方式进行响应式网站的设计，一是根据正在浏览网页的用户终端尺寸不同，调用相应的CSS文件。HTML代码基本完成后，在CSS中进行属性的设置。针对不同的分辨率进行布局，分为两个CSS文件，可在HTML文件中添加link标签，并配合me－dia属性，根据不同的分辨率进行相应的CSS文件调用。第二个方法是使用Bootstrap插件，也被称为响应式CSS框架，该框架内预设有大量的CSS类，在进行开发的时候为HTML元素添加CSS类，实现网站排版自动布局。

3.2版面设计

国内一流高校的门户网站在版面设计方面正在逐渐向国际一流高校看齐，下面列出三点建议。（1）内容简洁，配图大方。作为浏览网页的用户，一般第一眼看见的就是占屏比大的轮播图。所以应该选校内较为关键的实时信息，配上文字并放在轮播图内。内容可以是重大研究或者一些重要的通知公告等。导航栏精简，要以用户体验为核心进行建设，简单直白人性化的导航才是高校门户网站的需求。（2）合理排版，层次分明。学校门户网站在建设初期需要确定各栏目的排版，确定各区域主要功能以及各教学院网站或其它系统的入口位置。合理的进行排版不仅能营造良好的用户体验，还能树立高校正面形象。从浅入深引导用户了解高校，方便校内师生进行相关操作。（3）设计规范，遵循原则。网站建设需要符合的原则：用户导向原则；KISS原则（简洁和易于操作）；布局控制；视觉平衡；色彩的搭配和文字的可阅读性；和谐与一致性；个性化。一般的高校网站分为六个部分，分别是Lo－go、导航栏、轮播图、内容、连接和版权这六个部分。

3.3新技术与新应用

随着HTML5和CSS3等前端技术的不断进步、更新换代。很多以前不能实现的功能，现在都可以实现。如今高校网站上常见的有小地图、网页背景特效等元素。以小地图为例，现网站常使用百度地图JavaScriptAPI作为地图开发，该应用开源，不需要收取任何费用。确定好定位并获取代码后可以在HTML文件中使用iframe标签进行调用。

3.4搜索效率提升

SEO（SearchEngineOptimization），搜索引擎优化，利用搜索引擎的规则可以提高网站在有关搜索引擎内的排名。SEO对于高校门户网站来说是必要要求。在建设初期，网站按照响应式网站设计方案进行建设，响应式网站具有相同的HTML结构，这样搜索引擎能更容易处理。对于高校门户网站来说，关键词十分重要，在进行代码编写时，在HTML文件中使用meta标签，其中content这一属性中的内容选取用户搜索的关键词。

3.5网站安全

学校部分网站大多是由校内师生制作的，缺乏专业的安全知识，导致开发的网站存在安全漏洞。学校网站可使用使用开源的内容管理系统，而且官方会定期的和更新漏洞补丁。当上线的网站出现被攻击的情况后，要第一时间关闭网站并进行修复，向上级部门上报并做好备案。网站开发人员应在实时进行网站监测，防范黑客攻击。开发人员可进行漏洞扫描，查看是否有漏洞，检测网站是否被挂马，是否存在暗链等等。

4结束语

现国内高校的门户网站还不能完全依照国外的名校网站进行设计，这不仅仅是文化的差异，当然还有技术上的原因。本文阐述的改进方法旨在提高用户体验以及网站建设基础水平，将高校门户网站打造成学校对外的招牌和校内外高效的信息平台。

参考文献

[1]洪波，袁利民，谢宇威.一流高校门户网站建设探析[J].电脑知识与技术，2017，13（12）：258-259.

[2]王建翠，陈育才.基于HTML5技术的移动Web前端设计与开发分析[J].计算机产品与流通，2019（10）：25.

[3]季云.探析数字化背景下高校门户网站的规划建设[J].信息系统工程，2016（09）：39.

[4]李婧.关于军队院校互联网门户网站建设的几点思考[J].电子世界，2019（01）：108.

作者：李明键 禹英花 单位：吉林化工学院经济管理学院