自2017年9月，教育部、财政部、国家发展改革委印发《关于公布世界一流大学和一流学科建设高校及建设学科名单的通知》，(简称“双一流”)。这段时间来关于双一流大学究竟如何建设的话题一直热议不断。拥有一流大学和一流学科是高等教育具有国际竞争力的重要标志，是培养创新人才的重要保障。2017年12月28日，北京大学、清华大学、复旦大学、上海交通大学、中国人民大学等高校纷纷公布一流大学建设方案后，全国各所高校也紧随其后，陆续公布自己的建设方案，从这些高校公布的建设方案来看，其建设的核心大多数还是围绕着：学科建设、人才建设、师资建设、教学成果建设等等。那么作为高校对外宣传的重要窗口，我们的高校网站该如何跟随“双一流”大部队建设的步伐，与之相向而行，一同迈向国际舞台，如何实现这一目标?带着这一疑问，让我们一起回到网站建设的根源，直面多年来与高校合作中暴露出的一些问题。从网站规划、页面设计、网站内容、技术应用等角度寻找进一步提高国内高校网站建设水平的新思路。一同探讨“双一流”高校网站该如何走向国际化，希望能给大家带来一些智慧和启迪。

　　通元软件眼中的优秀高校网站

　　在互联网高速发展的今天，高校网站逐渐成为塑造大学品牌形象、完善校园文化的一个重要窗口，它承载着高校宣传的作用，同时又是师生信息服务的平台，可以为高校老师、学生、职员、校友提供综合服务。它是展现大学综合实力的一面镜子。一流的大学建设不仅仅进行学术科研和价值追求，还应该跟随新思想、新理念、新知识、新文化去引导社会不断前进。高校网站建设可以在一定程度上反映各高校的信息化程度和水平，一个设计优秀、有着优良用户体验的网站将有助于高校品牌形象的推广，有助于高校软实力的提升。

　　通元软件认为一个优秀的高校网站应该是以信息技术、设计艺术、校园文化的有机组合。其结构组织、页面风格、层级关系等都必须表现其明确的主体。如果仅仅只是起到宣传的作用是远远不够的，对于高校网站来说，无论进行怎样的改版和设计，最终都不应偏离服务广大师生这一首要目的，因此高校网站建设，必须充分了解老师、学生、职工、校友等用户的需求，注重用户体验，合理规划网站内容。在网站的建设和维护过程中，重视用户的使用感受和所提的意见反馈，并及时进行优化完善。

　　另外高校网站应该是集中展现各种校内资源，反映高校的校园文化，办学特色，办学理念。能及时反映学校的重大事件和学术成果，能展现各院系优秀教师和学生的窗口。对内起到凝聚人心、服务师生的作用，对外彰显高校品牌，学科优势，展示学生风采的平台。是高校品牌形象塑造的重要网络载体;是外界了解高校的一个重要窗口;是院系机构、教师、学生、家长、校友等众多访问者与学校沟通的信息桥梁。国内一些知名高校，在教育信息化建设的道路上已经走到了前沿。这部分高校应当起到带头示范作用，及时总结整理经验，把宝贵经验分享出去，指导兄弟院校发挥自身的优势与特色，结合学校的学科特色，研究成果，将学校最光鲜亮丽的部分展示给公众。

　　现阶段高校网站建设中存在的一些问题：

　　在没有引进网站群技术时，过去各个院系，各个系统大多数都是孤立的，各大院系各自建设自己的网站和引进相关业务系统，导致众多高校信息化面临以下问题：

　　● 早期建设的网站技术过于陈旧，不便于维护，部分系统已无法满足学校使用需求。

　　● 信息化建设各自为政，采用的软件系统不一致，数据标准不统一。有的购买市场上低价质次的产品，有的使用免费无成熟度无保障的产品，有的组织学生自行开发等等，导致了校内大量网站的低水平重复建设工作。

　　● 高校间存在较为严重的模仿迹象、重复化、雷同化趋势较为普遍，很少找到真正能体现本校特色的官网。

　　● 各院系网站和应用系统之间难以进行数据交换，主站、子站之间数据不能相互共享，形成信息孤岛。

　　● 信息难以实现整合处理和价值挖掘，系统的标准和接口都不相同，信息资源统一整合与应用集成存在相当大的难度。

　　● 缺少展现高校核心群体的平台，比如高校成果展示系统、教师个人主页系统、优秀学生个人展示系统的建设还不完善

　　● 大量的重复劳动，如大量数据重复输入、传送、检索等简单工作，降低了工作效率。

　　● 一个用户登录不同系统需要采用多个账号、密码，使用极不便，难以记忆。

　　● 不同应用系统都采用自身的一套认证和用户管理机制，不利于统一管理。

　　● 各个独立的院系网站无法实现统一整合，也无法建立统一的安全保障机制，网站运行存在着很大的安全隐患。

　　● 缺乏校园信息化集中应用展示平台，各自独立的应用系统导致缺乏协同工作能力，缺乏为用户提供个性化信息服务的能力。

　　以上罗列出来的问题，绝不是某一个高校的个案，而是绝大多数高校无法规避的共性问题，那么我们在面对“双一流”建设的大背景，高校的网站该如何走向国际化，回归到网站建设的相关节点，围绕网站建设六大元素，从网站的整体规划、栏目设置、页面设计、安全保障、内容呈现、技术应用这6个部分入手，进行分析探讨。

　　● 国际化的整体思维

　　● 国际化的网站架构

　　● 国际化的页面设计

　　● 国际化的安全保障

　　● 国际化的内容呈现

　　● 国际化的技术应用

　　一、国际化的整体思维

　　高校网站的建设多由学校宣传部、网络中心、计算机中心、网信办或是校办负责。院系网站情况就更加复杂，有的是院系自己负责，有的是临时指派。部分高校在网站的设计前期，很少有明确的战略规划和运营规划。懂技术，懂设计的人才较为短缺，可能会存在对自身的办学定位，办学特色缺乏较为清醒的认识，对网站建设缺乏系统论证，以至于在网站建设上较多模仿国内外同类高校的建设风格，缺少高校自身的文化气息，学术学风，高校真正的特色并没有充分体现出来。

　　首先，我们希望网站在立项之时，就应该提前做好规划、找准定位、明确特色、着眼于未来5-10年的发展方向。建立网站的目的是啥?这是网站规划中的核心问题，需要非常明确和具体，建立网站的目的正是一个网站的目标定位问题，网站的功能和内容都是为了实现网站的预期目的而服务。

　　其次，网站代码技术的革新是日新月异的，高校网站要创一流走向国际，就应采用最新的前端代码技术。那么也要对网站访问者的终端设备进行浏览器版本的要求，促使其使用更新到最新版本，这样才能对网站浏览有最好的体验。

　　最后，在确定了网站目标、受众之后就要开始设计网站的具体功能了，网站功能是战术性的，是为了实现网站的目标，网站的功能是为用户提供服务的基本表现形式。一般来说，一个网站有几个主要的功能模块，这些模块分别体现了一个高校或者院系的核心价值。前期做了充分的准备和规划工作，到了网站正式上线运营的时候，各内容模块的负责人，才能有方向感，才不会丢失目标，才会有源源不断的动力为网站各个模块提供优质的内容。

　　二、国际化的网站架构

　　一些地方高校在网站建设上普遍存在布局形式单一的问题。布局较为刻板单调，内容较为凌乱，对于重要新闻的表现力度不够，网站建设缺乏科学规划与理性分析。如栏目设置和导航分类不够科学、文字与图片匹配性不好、布局不合理导致内容堆砌现象严重。网站的人性化理念还有待加强，信息内容传达还不够精确，很少会有高校从访问者的心理需求和视觉传达去加以梳理设计。

　　通元软件认为，网站的结构和功能模块是需要精心策划的。首先，经过精心优化后的网站结构，会变得更加合理。能正确表达网站的基本内容以及内容之间的层次关系，从用户的角度考虑，使用户在网站中浏览时可以方便地获取信息，不至于迷失方向。

　　其次，我们还需要关注导航优化，清晰的导航系统是网站设计的重要目标，对网站信息架构、用户体验影响重大。站在用户角度，网站导航系统需要解决两个问题。第一需要解决我在哪里?用户可能从任何一个内页进入网站，有时候从首页进入，点击多个连接后，用户也已经忘了是怎么来到当前页面的。导航系统就要清楚地告诉用户处在网站总体结构的哪一个部分。第二需要解决下一步要去哪里?有时候用户知道自己想做什么，页面的导航设计要告诉用户点击哪里才能完成他的目标。

　　再次，网站目录结构不宜太深，要有层次。一层一层排布下去，尽量控制在3次点击内到达目标页，这样做不仅使网站更加扁平化，还能加快网站的运行速度，而且会使得网站的用户更容易找到他想要的内容，让网站看起来也更整洁，用户体验也会变得更好。切记，网站层级并非分类越多越细越好，物极必反，太过于繁琐反而不能帮助用户更快速找到他要的内容，让用户失去耐心，过早退出网站。

　　另外，需要考虑用户体验，怎么样的目录结构用户会去点击，无意义的目录结构可以去掉，而对于已经设计好的网站，我们可以配合通元网站云监控系统来查询相关数据，运用响应式热力图，可以直观的反映出访问者点击行为和访问区域，通过颜色的深浅，可以很明显的看到用户点击了哪里?哪些内容是最受用户欢迎的，哪些是他们不喜欢的，去掉无用的目录和内容，更换对用户有益和感兴趣的目录和内容。为网站改版提供了最好的大数据分析支持。

　　除此之外，网站的首页一定要精心设计, 它是访问者感知高校的第一视觉印象。首页给用户留下的第一印象, 直接影响用户对高校本身的定位和形象, 甚至影响用户是否继续点击网站其它页面。富有特色的网站首页可以吸引用户的注意力, 并对网站内容感兴趣, 进而想了解高校更多的内容 。在充分体现学校办学精神的基础上, 网站页面的导航要清晰明了, 容易使用。除此以外, 由于用户可能是不同国籍和使用不同浏览器 , 网站还要考虑兼容性和网站国际化的问题 , 统一网站页面的设计风格, 从而形成自己网站独特的品牌调性。

　　总之，高校网站建设与商业网站不同, 要充分体现教育网站特点。在内容结构上简洁明了,导航清晰。同时要体现出高雅、博学的文化氛围和高校在治学、人文方面的特色。 抓住办学特色，梳理办学理念，提炼学科特性，围绕文化氛围，贴近受众功能，这样才能形成高校自身特有的品牌气质。

　　三、国际化的页面设计

　　高校网站的建设是一项系统、复杂的工程，高校网站的页面设计涉及到构成设计、版式设计、字体设计、图形图像设计、Icon设计、色彩搭配设计等等多层面的综合设计。最重要的是与先进的前端代码技术的完美结合，才能呈现出国际化的高校网站设计。

　　通元软件在高校网站的设计上有着自己的观点：

　　1、定位准确，搞清楚网站的作用。是正面的信息发布型，还是华丽的宣传型，或是实用的服务型，亦或是各种型的综合体。不同类型有不同的设计理念和风格，会呈现出不同的网站气质。

　　2、网站的设计风格须符合国际潮流，随着时代审美的变迁而变化。比如：扁平化风格、拟物化风格、极简主义风格、至多主义风格、中国古典风格、波普抽象风格等等，跟随潮流至关重要。

　　3、设计要深挖学校的办学特色、科研特色、人文特色等，用符合当前的设计潮流风格去做设计构思和整合，除了力求设计“高大上”以外还需要有前瞻性和独特性。

　　4、优秀的设计还得依靠完美的前端代码技术来实现。使用当前最先进最成熟的前端技术，从网站的兼容性、代码的优化、动效的炫酷等方面进行开发。

　　5、用户体验对于高校网站来说也很重要，无论是交互、动画的运用，还是插图、视频等的运用，都是提高用户体验的方法，是优秀国际化网站的必备条件。

　　6、创新设计是高校网站保持国际化水准的动力，一般建议3-4年改版一次，一来紧跟学校发展方向，二来紧跟国际潮流的变革。

　　

　　(部分高校门户网站设计)

　　通元软件根据对国外知名高校的追踪调研，总结了以下两点建议，仅为了让高校网站更加规范化和国际化。

　　建议一：建立一套规范的网站视觉识别系统，简称Web VIS。Web VIS是基于高校视觉形象识别系统来的，主要是对高校网站及网站群来做的针对性视觉规范。其中包括：网站名称中的校徽校名规范使用、色彩搭配规范、图标(icon)设计规范、页面布局规范等。保证单个网站从首页到内容页的高度统一，以及主站与众多二级子站的统一和系统。

　　建议二：网站中的图片特别是头部Banner大图的设计和运用，是决定一个网站品质的关键因素。建议请专业的内容策划团队、专业摄影团队、专业图形图像处理团队来通力合作，以保证图片的优质内容和精品质量。例子：清华大学的“清华印象组”、北京大学的“北大头图团队”、人民大学的第三方设计公司等。

　　四、国际化的安全机制

　　随时科技的发展，越来越多的高校已经意识到站点安全的重要性, 开始投入大量的资金打造高校自己的防护体系。但是对于一些地方院校，信息化建设资金不足的高校来说，对网站运行时的安全防护投入相对较少。这也使得高校网站面对外部的破坏和入侵时显得较为脆弱。随着应用技术的普及,基于漏洞的攻击也越来越多，高校网站是一个开放的网络平台, 经常要在网上进行各种信息发布，内容管理、服务和教学活动, 随时可能面对黑客的攻击和病毒的侵袭, 因此, 确保网上信息流通的安全显得十分重要。

　　高校网站最常见的安全问题包括：校内用户不小心感染网络的病毒和木马, 还有一些是为了盗取数据而对高校网站进行的人为入侵，有组织有计划的境外黑客攻击。网站的安全运行是网站的命脉, 因此, 对于网站来说, 设立保证网站安全运行的机制是必不可缺的。在网络安全方面，应提供一系列的网站相关安全技术、制度、管理和应急措施。数据的不安全性来自大约以下几个方面，病毒、非法操作、黑客攻击、误操作、自然灾害等。

　　针对高校网站所承载的业务特点以及面临的典型威胁, 将高校网站的管理维护和风险防护相结合。可以从风险预警、风险防护、风险处理、管理维护等几方面来实现高校网站安全控制。具体可由以下四个方面组成：检测与发现事前预警检测, 针对可能的破坏事先做好防护。 防护与阻击事中防护,及时应对病毒破坏和黑客人侵。安全恢复事件处理 , 通过系统应急预案与应急措施来处理突发事件。 运维监控运行维护, 日常管理维护, 包括数据备份和用户权限设置, 还要通过技术人员和专业的软件进行日常检测, 保证能及时发现问题。 从以上几方面着手, 加强日常管理和维护, 可以有效保障高校网站的信息安全 , 保障高校网站的正常运行 。

　　高校网站应具备的基本防护功能

　　系统在用户登录和信息传递的过程中，对密码进行不可逆加密处理，有效保证系统及用户资料的安全。系统可以全面防止SQL注入攻击、密码猜解、木马上传等各种恶意攻击手段;系统具有强大的日志记录功能，完整详细的记录了系统的各种运行情况，最大化保证系统的安全和稳定。

　　● 网站安全：防挂马、防SQL注入、抵御跨站脚本攻击;

　　● 数据安全：备份/恢复机制，关键数据采用MD5加密方式，密码不可逆;

　　● 登录安全：账号/密码/验证码三重确认机制、管理员IP限定;

　　● 传输安全：传输过程中采用SSL加密，支持CA认证;

　　● 网络安全：支持结合第三方网络安全产品，比如：防火墙、防篡改系统、舆情分析系统等共同保障网站的安全。

　　五、国际化内容呈现

　　如今的高校网站，除了传统的信息发布以外，还应该与新媒体接轨、移动互联接轨、人工智能接轨。网站建设应该从传统中大胆的走出来，适应社会的发展，适应不同用户的浏览习惯和访问行为。作为高校网站，网站内容应包括各种校园信息、校务管理信息、各类教学活动信息，以及各种学校管理政策等信息，为全校师生及时传达校园信息和校园发展。网站的信息内容是高校网站的主要内容及组成部分，是用户选择访问该网站的主导因素之一。从信息内容的角度出发，网站信息涉及到信息的准确性、权威性、时效性、客观性和全面性。

　　高校网站还应该是最权威的教学资源聚合平台，与各院系、各机构、各科研单位紧密结合，给教师的教学活动提供便利，提供各种精良的教学方案、为学生提供百家争鸣的名师论坛、异彩纷呈的网络观摩、形式多样的网络课件、丰富多样的国内外在线课程。辅助教师有效降低教学成本的同时、提高教学效率，为教学互动提供了一个全新方式。不仅实现了教师与教师、教师与学生、学生与学生之间有效沟通的可能，还摆脱了传统课堂的限制，实现了国与国、城市与城市、城市与乡村之间跨地域的学校共享平台，此时地域界限变得模糊，甚至消失不见，高校网站真正成为了一所“思想自由，兼容并包”的数字化大学。

　　随着信息时代的到来，万物互联。我们已经从“被动接收信息+单向接收信息”来到了“主动选择信息+自主生产信息”的时代。高校网站应该包含信息发布平台、办公业务平台、教学科研平台、教师展示平台、校友的交流平台、企业的合作平台、走向世界与世界接轨的内容聚合平台。

　　通元软件认为：优秀的高校网站还应该给众提供完善的内容管理、内容互动和内容服务

　　针对教师群体：接入教学管理服务平台，为师生提供相应的服务内容。包括：成绩录入、教师个人主页、教学计划提交等。

　　针对学生群体：应用系统包括，选课系统、成绩查询、学生诉求系统、学生交流平台、教学资料管理平台、在线互动学习平台等。

　　针对校友群体：高校网站应该是广大校友的沟通交流平台，让走出社会，在各行各业工作的校友与高校紧密联系，发掘校企合作机会，为高校的特色领域带来更多的社会价值。

　　针对院系机构：应该加强特色内容化建设，大多数院系都有一个共性问题就是：重技术、轻文化、多简介、少深入。与高校的文化内涵与底蕴不匹配。有些著名高校尽管在某一领域取得丰硕的成果，但网上的介绍也只有项目名称、完成人、完成时间之类的简单介绍。至于该成果取得什么突破，为社会作了什么贡献，可以在哪些应用领域与哪些行业结合，可产生什么样的经济与社会价值则无一介绍。我们应该在网站的相关页面，接入科研成果展示平台，校企合作平台，这样才能把院系的特色学科，研究成果的价值发挥到最大。

　　六、国际化的技术应用

　　现代化的高校网站系统，整个系统的支撑平台应采用开放式结构，符合国际标准、工业标准和行业标准，以适应业务的发展和扩充，系统整体能够融合新技术，且便于维护，具有灵活扩展能力。

　　多考虑自适应技术的应用，响应式设计为首选

　　以前网站建设追求的只是满足用户的电脑访问体验。如今随着移动互联网时代的到来，移动设备已经是人手必备，传统的网页设计已经满足不了手机网站的访问体验。响应式网站便应运而生成为网站建设的大热首选。从网页设计上提升用户体验，响应式页面设计成为重中之重。

　　我们在面对高校网站的时候，首先要考虑的就是响应式设计的应用，响应式设计是采用Html5+CSS3的前端代码技术，能根据终端的用户设备对网站进行设计与重新缩放，并产生与所用设备相适应的客户端页面。也可以直接使用Bootstrap开发框架，运用响应式网页的设计思维、SEO设置以及网页设计趋势，导入视觉设计与网页制作两个不同领域的专业知识，进行全面制作。

　　国外90%以上的高校网站均采用响应式设计，如：哈佛、牛津、剑桥等门户网站的页面，可以在除电脑之外的其他设备上显示时自适应屏幕，不影响用户体验。国内高校在2015年以后改版，升级的网站基本也都采用响应式设计。不过，至今还有一些地方院校的网站仍然采用固定宽度像素的设计，在除电脑之外的其他设备上显示时会导致内容显示不全，无法自适应屏幕，影响用户体验。

　　扁平化结构设计，对SEO更友好

　　另外，为了提高用户体验，也要从SEO的角度出发，网站结构采用扁平树型网状结构，尽量使用文字导航，且结构扁平，每分页采用面包屑导航，内链结构上可通过热门推荐、相关推荐把它们相互连接起来，以方便搜索引擎对网站进行收录。注意网站内容的质量，注意文章更新的频率，对于各页面间尽量降低相似度，通过这些设计来提高搜索引擎对网站的收录。

　　内外部信息的分离

　　由于当前高校开放性教学环境的影响下, 越来越多的内容向社会开放。但考虑到保密需求和安全性, 有些内容是不便对外部开放的，如：学校的办公信息、学生管理系统、内部讨论区等可用技术手段将其与外部信息进行隔离。在此情况下, 对社会开放的网站和有保密需求的只能内部访问的网站不能放在同一台服务器内 , 需要放在各自独立的服务器里 , 同时访问内部服务器要进行限制, 不允许校外用户访问。 这样既可以将访问量分开, 减轻服务器负担, 也可以提高服务器的安全性。校外用户只能访问网站的对外信息, 校内信息的访问必须在校内才可访问。

　　中文网与英文网的习惯

　　在考虑网站内容的时候，要注意的是，学校的网站的主要访问者是哪一类人群?中文网站以中文的习惯进行栏目设置与信息分类;而对于英文网站则不论从信息分类、栏目设置、页面风格等方面，都应以英文的习惯为前提去设计，这对提高信息的被访问率是至关重要的。

　　强大的系统可扩展性

　　大型应用系统建议还是采用Java技术，实现跨平台融合，支持多种操作系统、多种数据库，保证系统的平滑迁移，能够充分保护现有软硬件投资，避免由于系统在建设初期没有充分的考虑系统的可扩展性而当系统的规模增长到一定程度之后，性能出现严重下降，由于缺乏扩展性而再次付出巨额的二次开发费用，造成时间成本，人力成本，资金成本的不必要开支。

　　便捷的第三方应用集成

　　高校网站系统需具备多样化的接口服务，如Web Services接口、组件接口、数据库接口，可以和目前市面上的数字化校园产品提供商进行无缝集成，集成涵盖了单点登录，数据提取，统一信息门户等方面，为信息化建设打下坚实基础。

　　结束语 —— 走出一条具有中国特色的教育信息化建设之路

　　加大力度建设好高校网站 ,是高校落实教育信息化的重要组成部分。其建设质量和运行效率关系到高校对外的整体形象和信息发布的效率。高校网站是高校对外宣传的窗口, 也是广大师生获取校内信息的重要途径, 并且还承担着一定的教科研功能。高校网站的建设和应用也促进了高校教学、科研、管理、后勤工作的改革和发展。

　　在“双一流”建设的大背景下，高校网站该如何走向国际化，除了上述大篇幅的“通元建站观点”以外，高校相关部门还应该了解和把握世界高等教育发展的趋势和规律，积极与世界知名高水平大学开展各种形式的交流与合作，参照世界知名高水平大学信息化建设发展的内在规律和成功经验，根据高校自身的发展的定位，不盲目跟风，不闭关自守，走出一条具有中国特色的教育信息化建设之路，进而促进高校与“双一流”建设大目标的同步发展。

　　认识通元软件

　　

　　通元软件至2004年成立至今，一直与高校保持紧密的合作关系，现已成为高校网站群建设“首选品牌”，是“中国高等教育学会教育信息化分会”的企业会员，并在2008年就与北京大学达成高校网站群建设战略合作伙伴关系，成为清华大学、北京大学、中山大学、华北电力大学、北京理工大学、对外经贸大学、北京师范大学等众多知名高校网站群建设与运维的首选服务商。

　　

　　从早期的单一站点到如今的网站群，从固定页面到响应式网站，从传统互联网到移动互联网，从单一的PC端应用到跨平台一站式解决方案，从“211和985”到“世界双一流”。我们一直是协助各大高校落实教育信息化站群建设的践行者和领跑者。经过14年的技术积淀，先后研制出：通元新媒体内容管理系统、通元网站云监控系统、通元网页防篡改系统、通元业务流管理系统、通元教师个人主页系统、通元一键建站系统、通元移动采编系统、通元微信管理系统、通元智能搜索引擎系统，我们的产品已经深受广大用户的信赖与喜爱。不忘初心，牢记使命，让产品与服务为人们带来快乐工作。面对新的征程，我们将继续夯实步伐、精诚协作，紧贴高校“双一流”建设目标，不断创新、不断发展，为各大高校早一天实现“双一流”这一宏伟目标，贡献一份绵薄之力。

郑重声明：中国IT研究中心网站刊登/转载此文出于传递更多信息之目的 ，并不意味着赞同其观点或论证其描述。中国IT研究中心不负责其真实性 。