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

同源软件眼中的优秀大学网站

在互联网飞速发展的今天，大学网站逐渐成为塑造大学品牌形象、提升校园文化的重要窗口。它承载着大学宣传的作用，也是师生信息服务的平台。 、校友提供综合服务。它是展示大学综合实力的一面镜子。一流大学的建设不仅是学术研究和价值追求，更重要的是遵循新思想、新观念、新知识、新文化，引导社会不断进步。高校网站的建设在一定程度上可以体现各个高校的信息化程度和水平。一个设计优秀、用户体验优良的网站，有利于提升高校品牌形象，提高高校软实力。

同源软件认为，一个优秀的高校网站应该是信息技术、设计艺术、校园文化的有机结合。其结构组织、页面风格、层次关系等必须表达其明确的主题。仅仅发挥宣传作用是不够的。对于大学网站来说，无论怎样的改版和设计，都不应偏离为师生服务的首要宗旨。因此，高校网站建设必须充分了解教师、学生、员工、校友等用户的需求，注重用户体验，合理规划网站内容。在网站建设和维护过程中，我们关注用户的体验和反馈，并及时优化和改进。

此外，大学网站应注重展示校内各类资源，体现大学的校园文化、办学特色、办学理念。能够及时反映学校的重大活动和学术成果，能够展示各院系的优秀师生。对内，发挥着团结群众、服务师生的作用。对外，是彰显学校品牌、学科优势、展示学子风采的平台。是塑造高校品牌形象的重要网络载体；是外界了解大学的重要窗口；是部门、机构、教师、学生、家长、校友等众多来访者与学校沟通的信息桥梁。国内一些知名大学在教育信息化建设方面已经走在前列。这些高校要带头示范，及时总结整理经验，分享宝贵经验，引导兄弟院校充分发挥自身优势和特色，结合学校学科特色和研究成果，向公众展示学校最迷人的部分。民众。

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

在没有引入网站群组技术之前，过去大部分部门和系统都是孤立的。各主要部门建设了自己的网站，并引入了相关业务系统。因此，不少高校在信息化建设中面临以下问题：

●前期建设的网站技术过于陈旧，维护困难，部分系统已经不能满足学校的需求。

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

●高校之间模仿、重复、雷同现象严重。真正体现学校特色的官方网站并不多见。

●各部门网站和应用系统之间数据交换困难。主站与分站之间数据无法共享，形成信息孤岛。

●信息的集成处理和价值挖掘难以实现。系统的标准和接口不同。信息资源统一整合、应用集成难度较大。

●缺乏展示高校核心群体的平台。例如，高校成绩展示系统、教师个人主页系统、优秀学生个人展示系统建设尚未完成。

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

●一个用户需要使用多个帐号和密码登录不同的系统，使用极不方便，且不易记忆。

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

●各个独立部门网站无法实现统一集成，也无法建立统一的安全机制。网站运营存在很大的安全风险。

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

上述问题并非某所大学所特有的问题，而是大多数大学无法回避的共性问题。那么，在“双一流”建设的背景下，高校网站该如何走向国际化、回归国家级？在网站建设的相关节点，将围绕网站建设的六大要素，从网站总体规划、栏目设置、页面设计、安全、内容呈现、技术应用这六个部分入手，进行分析和探讨。 。

●国际化整体思维

●国际网站架构

●国际化页面设计

●国际安全保障

●国际内容呈现

●国际技术应用

1、国际化整体思维

高校网站建设大多由学校宣传部、网络中心、计算机中心、网信办或校办负责。部门网站的情况更加复杂。有的部门自己负责，有的则临时指派。一些高校在网站设计初期很少有明确的战略和运营计划。懂技术、懂设计的人才紧缺。他们可能对自己的学校定位和学校特色缺乏清晰的认识，对网站建设缺乏系统的论证。因此，他们在网站建设上倾向于模仿国内外同类大学的建设风格。 ，缺乏大学本身的文化氛围和学术风格，大学的真实特色没有得到充分体现。

首先，我们希望网站项目立项时，要提前规划，找到正确的定位，明确特色，重点关注未来5-10年的发展方向。建立网站的目的是什么？这是网站策划的核心问题。它需要非常明确和具体。建设网站的目的正是网站的目标定位。网站的功能和内容都是为了实现网站的预期目的而设计的。 。

其次，网站编码技术的创新日新月异。大学网站要想成为一流、走向世界，就应该采用最新的前端编码技术。那么还需要为网站访问者的终端设备设置浏览器版本要求，使其能够更新到最新版本，这样他们在浏览网站时才能有最好的体验。

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

2.国际网站架构

一些地方高校在网站建设中普遍存在布局单一的问题。版面死板单调，内容杂乱，重要新闻呈现不足，网站建设缺乏科学规划和理性分析。比如栏目设置、导航分类不够科学、文字与图片匹配不好、布局不合理等，导致内容堆积严重。网站人性化理念仍有待加强，信息内容传达不够准确。很少有大学会从参观者的心理需求和视觉传达上来梳理设计。

通源软件认为，网站的结构和功能模块需要精心规划。首先，经过精心优化的网站结构将变得更加合理。它能够正确表达网站的基本内容以及内容之间的层次关系，并从用户的角度考虑，使用户在浏览网站时能够轻松获取信息而不迷失方向。

其次，我们还需要关注导航优化。清晰的导航系统是网站设计的重要目标，对网站信息架构和用户体验有着重大影响。从用户的角度来看，网站导航系统需要解决两个问题。首先需要解决的问题是：我在哪里？用户可以从任何内部页面进入网站。有时他们从主页进入，点击多个链接后，用户忘记了如何到达当前页面。导航系统应该清楚地告诉用户他们处于网站整体结构的哪个部分。其次，我们需要弄清楚下一步要去哪里？有时用户知道他们想做什么，页面的导航设计应该告诉用户点击哪里来完成他的目标。

第三，网站的目录结构不宜太深，应有层次。一层层排列，尽量在3次点击内到达目标页面。这样不仅可以让网站更加扁平化，还可以加快网站的运行速度，让网站用户更容易找到自己想要的内容。 ，使网站看起来更干净，用户体验更好。请记住，网站层次结构并不意味着类别越多、分类越细就越好。事实恰恰相反。如果过于复杂，则无法帮助用户更快地找到自己想要的内容，导致用户失去耐心，过早退出网站。

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

另外，网站的首页一定要精心设计。这是参观者感知大学的第一视觉印象。首页给用户留下的第一印象直接影响用户对大学本身的定位和形象，甚至影响用户是否继续点击网站的其他页面。一个有特色的网站首页可以吸引用户的注意力，让他们对网站的内容产生兴趣，进而想要更多地了解大学。在充分体现办学精神的基础上，网站页面导航应清晰、易用。另外，由于用户可能来自不同国籍，使用不同的浏览器，网站还必须考虑兼容性和网站国际化问题，统一网站页面的设计风格，形成网站独特的品牌基调。

总之，大学网站的建设不同于商业网站，必须充分体现教育网站的特点。内容结构简洁明了，导航清晰。同时，要体现高雅博学的文化氛围和高校在治学、人文方面的特色。把握办学特色，梳理办学理念，提炼学科特色，注重文化氛围，贴近受众功能，才能形成大学独特的品牌气质。

3.国际化页面设计

高校网站建设是一项系统、复杂的工程。高校网站的页面设计涉及构图设计、版式设计、字体设计、图形设计、图标设计、配色设计等多层次的综合设计，其中最重要的是与先进前端代码技术的完美结合展示国际大学网站设计。

通源软件对于高校网站的设计有自己的看法：

1、准确定位，了解网站的作用。是积极的信息发布型、华丽的宣传型、实用的服务型，还是多种类型的结合。不同的类型有不同的设计理念和风格，也会呈现出不同的网站气质。

2、网站的设计风格必须符合国际潮流，并随着时代审美的变化而变化。例如：扁平化风格、拟物化风格、极简风格、极繁风格、中式古典风格、波普抽象风格等，紧跟潮流很重要。

3、设计应深入挖掘学校的教育特色、科研特色、人文特色等，采用符合当前设计潮流的风格进行设计构思和融合。除了力求“高端”设计外，还需要具有前瞻性和独特性。

4、优秀的设计也必须依靠完善的前端代码技术来实现。采用最先进、最成熟的前端技术，从网站兼容性、代码优化、炫酷动画效果等方面进行开发。

5、用户体验对于大学网站来说也非常重要。无论是交互、动画、插画、视频等的运用，都是提高用户体验的方式，是一个优秀的国际化网站的必要条件。

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

（部分大学门户网站设计）

通源软件根据对国外知名大学的跟踪研究，总结出以下两点建议，就是为了让大学网站更加规范化、国际化。

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

建议二：网站图片尤其是页眉图片的设计和使用是决定网站质量的关键因素。建议聘请专业的内容策划团队、专业的摄影团队、专业的图形图像处理团队共同协作，保证优质的内容和图片质量。例如：清华大学“清华印象组”、北京大学“北大头像团队”、中国人民大学第三方设计公司等。

四、国际安全机制

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

高校网站最常见的安全问题包括：校园用户意外被网络病毒、木马感染、人为入侵高校网站窃取数据、境外黑客有组织、有计划的攻击等。网站的安全运行是网站的命脉。因此，网站建立一套机制来保证网站的安全运行是非常有必要的。在网络安全方面，应提供一系列与网站相关的安全技术、系统、管理和应急措施。数据不安全大约来自以下几个方面，包括病毒、非法操作、黑客攻击、误操作、自然灾害等。

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

大学网站应具备的基本防护功能

在用户登录和信息传输过程中，系统对密码进行不可逆加密，有效保证系统和用户数据的安全。系统可全面防范SQL注入攻击、密码猜测、木马上传等恶意攻击方式；系统具有强大的日志记录功能，完整详细地记录系统的各种运行情况，最大限度地保证系统的安全性和稳定性。

●网站安全：防止挂马、SQL注入、跨站脚本攻击；

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

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

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

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

5.国际内容的呈现

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

大学网站还应该是最权威的教学资源聚合平台，与院系、院校、科研单位紧密结合，方便教师的教学活动，提供各种优秀的教案，为学生提供名师争鸣的论坛。 、丰富多彩的在线观察、形式多样的在线课件、丰富多样的国内外在线课程。助理教师可以有效降低教学成本，提高教学效率，为教学互动提供新的方式。不仅实现了教师与教师、教师与学生、学生与学生之间有效沟通的可能性，而且摆脱了传统课堂的局限性，实现了国家之间、城市与城市之间的跨区域学校共享平台，城市和村庄。此时，地域界限变得模糊甚至消失，大学网站真正成为一所“思想自由、包容性”的数字大学。

随着信息时代的到来，一切都互联了。我们已经从“被动接收信息+单向接收信息”进入了“主动选择信息+自主生产信息”的时代。大学网站应包括信息发布平台、办公业务平台、教学科研平台、教师展示平台、校友交流平台、企业合作平台以及走向世界、连接世界的内容聚合平台。

同源软件认为，优秀的大学网站还应该为公众提供完善的内容管理、内容交互和内容服务。

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

针对学生群体：申请系统包括选课系统、成绩查询、学生申诉系统、学生交流平台、教材管理平台、在线互动学习平台等。

对于校友群体：大学网站应该成为校友的交流平台，让走出社会、在各行业工作的校友与大学紧密联系，探索校企合作机会，为校友特色领域带来更多社会价值。大学。

对部门事业单位：加强特色内容建设。大多数部门都有一个通病：重技术、轻文化，介绍多，深入少。与高校的文化内涵和底蕴不相符。尽管一些知名大学在某个领域取得了丰硕的成果，但其网上的介绍仅包括项目名称、完成项目的人、完成时间等简单的介绍。至于这项成果取得了哪些突破，对社会做出了哪些贡献，可以与哪些行业结合到哪些应用领域，能够产生什么样的经济和社会价值，都没有介绍。将网站相关页面与科研成果展示平台、校企合作平台对接，使院系特色学科和研究成果价值发挥到最大。

6、国际技术应用

对于一个现代的高校网站系统来说，整个系统的支撑平台应采用开放式的结构，符合国际标准、行业标准和行业标准，以适应业务的发展和扩展。系统整体可以集成新技术，易于维护，具有灵活的扩展能力。 。

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

过去，网站建设只追求用户计算机访问体验的满意度。如今，随着移动互联网时代的到来，移动设备已经成为每个人的必需品，传统的网页设计已经不能满足移动网站的访问体验。响应式网站已成为网站建设的流行选择。为了提高网页设计的用户体验，响应式页面设计成为重中之重。

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

国外90%以上的大学网站采用响应式设计。例如，哈佛、牛津、剑桥等门户网站的页面在电脑以外的其他设备上显示时可以自适应屏幕，而不影响用户体验。自2015年以来，国内大学已经修改了他们的网站，升级的网站基本上采用了响应式设计。但是，仍然有一些当地的大学网站仍使用固定宽度的像素设计。当在计算机以外的其他设备上显示时，内容将不完全显示并且无法适应屏幕，从而影响用户体验。

平坦的结构设计，对SEO更友好

此外，为了改善用户体验，我们还必须从SEO的角度开始。网站结构采用平坦的树网格结构。文本导航尽可能多地使用，结构是平坦的。每个页面都使用面包屑导航。内部链接结构可以通过普遍的建议，相关的建议相互连接，以促进搜索引擎索引网站。注意网站内容质量，注意文章更新的频率，并尝试降低页面之间的相似性。通过这些设计，您可以通过搜索引擎改善网站的包含。

内部和外部信息的分离

由于当前的公开教学环境在大学和大学的影响下，越来越多的内容向社会开放。但是，考虑到机密性要求和安全性，一些内容不方便地向外界开放，例如学校的办公室信息，学生管理系统，内部讨论论坛和其他技术手段，以将其与外部信息隔离。在这种情况下，网站向公共和具有机密性要求的网站开放，只能在同一服务器上放置只能在内部访问的网站。它们需要放置在单独的服务器中。同时，必须限制对内部服务器的访问，并且不允许校园用户。使用权。这不仅可以分开流量，减少服务器上的负载，还可以提高服务器的安全性。学校外部的用户只能访问网站的外部信息，访问校园内的信息必须在学校内部。

中文和英语网站的习惯

在考虑网站内容时，要注意的一件事是，哪些人是学校网站的主要访问者？中国网站使用中国习惯进行列设置和信息分类；对于英语网站，无论是信息分类还是列设置都无关紧要。 ，页面样式和其他方面应基于英语习惯设计，这对于提高信息访问率至关重要。

强大的系统可扩展性

建议大型应用程序系统使用Java技术来实现跨平台集成，支持多个操作系统和多个数据库，确保系统的平稳迁移，充分保护现有软件和硬件投资，并避免对系统在系统中的不足。系统构建的早期阶段。但是，当系统的规模增加到一定水平时，性能将严重下降。由于缺乏可扩展性，将再次支付巨大的二级开发成本，从而导致不必要的时间成本，劳动力成本和资本成本。

方便的第三方应用程序集成

大学网站系统需要具有多元化的界面服务，例如Web接口，组件接口和数据库接口，并且可以与目前市场上市场上的数字校园产品提供商无缝集成。该集成涵盖了单个登录，数据提取和统一信息门户。以及其他方面，为信息化结构奠定了坚实的基础。

总结说明 - 踏上具有汉语特征的教育信息建设道路

越来越多的努力建立良好的大学网站是大学和大学实施教育信息化的重要组成部分。它的构建质量和运营效率与大学和大学的整体外部形象以及信息发布效率有关。大学网站是大学外部宣传的窗口，也是教师和学生获取校园信息的重要方法。他们还执行某些教学和科学研究职能。大学网站的建设和应用还促进了大学教学，科学研究，管理和物流工作的改革和发展。

在“双重一流”建筑的背景下，大学网站应该如何国际化？除了上述“汤尤恩网站建设观点”外，相关的大学系还应理解和掌握世界上高等教育发展的趋势和法律，并积极进行各种形式的交流和与世界知名的合作高级大学是指世界知名的高级大学中信息化建设的固有法律和成功的经验，并根据大学本身的发展定位，不要盲目地遵循这种趋势，不要关闭自己并踏上教育道路信息化结构具有汉语特征，从而促进了大学和大学的融合。同时发展“双重一流”建筑的重大目标。

了解汤尤恩软件

自2004年成立以来，软件一直与大学保持密切的合作关系。现在已成为大学网站组建设的“首选品牌”。它是“中国高等教育学会的教育信息分支机构”的公司成员，并于2008年成为“中国高等教育协会教育信息部”的成员。大北京在大学网站的建设中建立了战略合作伙伴关系集群并已成为许多知名大学的网站集群建设和运营的首选服务提供商商业和经济学和北京师范大学。 。

从早期的单个站点到今天的网站组，从固定页面到响应式网站，从传统的互联网到移动互联网，从单个PC应用程序到跨平台的一站式解决方案，从“ 211和985”到“世界”双重一流的”。我们一直是协助主要大学实施教育信息站的建设的从业人员和领导者。经过14年的技术积累，我们依次开发了：汤尤恩新媒体内容管理系统，汤尤恩网站网站云监控系统， 网页防篡改系统，业务流量管理系统，教师个人主页系统，一个关键网站建设系统，移动编辑系统， 通过大多数用户，不要忘记您的最初意图，请记住您的任务，并让产品和服务带来快乐的工作。面对新的旅程，我们将继续巩固自己的步伐，真诚地合作，紧随大学的“双重一流”建筑目标，继续进行创新和发展，并为实现“双重目标”的宏伟目标做出了贡献 - 班级“由大型大学提前一天。微薄的力量。