高校大型纪念活动网站建设实践——以清华大学图书馆百年馆庆网站为例

□庄玫 姚飞 姜爱蓉/清华大学图书馆 北京 100084

高校大型纪念活动网站建设实践
——以清华大学图书馆百年馆庆网站为例

□庄玫 姚飞 姜爱蓉/清华大学图书馆 北京 100084

从信息化时代大型纪念活动对网站的需求出发，文章介绍了高校大型纪念活动网站建设的类型、相关技术与发展特点。结合海外大学的相关网站实例，阐述了清华大学图书馆百年馆庆网站的设计思路、实现方式、技术特点和运行效果，突出介绍了纪念型活动网站在文化传承方面的重要功能。

纪念活动，文化传承，网站建设，内容管理系统

在信息化时代，大型纪念活动如何扩大其宣传效果，实现其活动要求，并更好地整合和展示活动信息，是对活动组织者的一个挑战。网络是首选的最为经济有效、快捷便利、传播广泛的一种方式。清华大学图书馆于百年馆庆之际建立了百年馆庆纪念专题网站[1]，对清华大学图书馆的百年历史进行了总结与回顾，借助网络与广大读者、图书馆界同仁分享图书馆百年馆庆的相关信息和百年图书馆建设的经验。该网站基于清华同方内容管理系统CCMS构建，结合AD Gallery[2]、JW Player[3]等各种开源技术手段实现相册、视频流等不同内容的呈现，成为了展现图书馆过去、现在与未来的一个重要窗口。从最初的筹备与规划开始，纪念专题网站贯穿了整个图书馆百年馆庆活动的所有过程，为纪念活动的顺利完成发挥了关键的作用，同时也为清华大学图书馆留下了百年回顾的珍贵资料，受到了读者和业界的广泛好评。

1 大型纪念网站建设意义及发展

大型纪念活动的网站根据其作用和初衷大致可分为机构创建纪念类、人物纪念类、事件纪念类等。其中机构创建类型最为常见，比如公司成立纪念等。机构创建类的纪念网站通常会对机构的发展进行梳理，提供完整翔实的历史发展进程展示，网站的建立和完善有利于机构的文化传承，同时为机构发展的后续研究提供重要的依据。人物纪念类的网站则通常会对人物的生平及业绩进行细致介绍，与机构创建类的纪念网站相比要简单得多。事件纪念类网站则大多更侧重于描述某一事件的产生背景、发生过程及后续作用。

随着互联网技术的进步，网站的构建技术也经历了多个发展阶段。在二十世纪九十年代，人们大多是利用FrontPage和Dreamweaver等工具编写静态页面，生成HTML代码。随着技术的发展，数据库编程技术介入，Microsoft、SUN以及民间开源组织分别推出了动态网页技术，并最终形成动态网页技术三剑客：ASP（以及后来的ASP.NET）、JSP、PHP。此阶段可称之为定制建站。第三阶段则是采用网站内容管理系统CMS（Content Management System）建站[4]。这些建站方式各有优缺点。例如，手工构建静态网站的缺点是无法与用户交互，内容修改需要直接修改页面，但是优点是易于搜索引擎的优化，运行效率高。动态页面技术虽然能克服静态页面无法互动的缺点，但是开发要求高，往往需要团队来进行，时间、财力、人力消耗大。CMS的思想是自助建站，让更多的人参与到内容建设中，但是构建初期工作量也不小。

纪念网站大概也经历了上述类似的技术发展过程。在1998年，微软公司协助北京大学搭建了“北大百年庆典特别网站”，采用了当时微软公司刚出品的Web站点创建和管理工具FrontPage 98[5]。在2011年，哈佛大学建校375周年校庆纪念网站[6]和麻省理工学院建校150周年网站[7]则都使用了CMS。

纪念型网站由于对象、内容等不同而具有不同的形式。部分机构创建类型的纪念网站会作为机构主页的一个栏目出现，比如哈佛大学建校375周年校庆纪念网站等；有的则相对独立，比如麻省理工学院建校150周年网站、清华大学建校百年网站[8]等。纪念网站由于与主站点的从属关系不同而在风格布局、内容要求等方面有较大区别。独立网站的内容通常更加全面，风格表现更加鲜明，而从属于主站点的纪念网页则保持了与主站点更好的延续性与相关性。本文将以清华大学图书馆百年馆庆网站建设为例，对此类独立的机构创建类型纪念网站的建设进行分析与探索。

2 清华大学图书馆百年馆庆网站建设思路

清华大学图书馆百年馆庆网站建设的总体思路为挖掘图书馆历史发展底蕴，传承清华图书馆文化，发扬清华图书馆精神、展示历代图书馆员风采，开启新的百年征程。根据总体思路，百年馆庆网站共设置了十个栏目，包括“世纪回眸”、“馆庆动态”、“庆典·会议”、“百年历程”、“百年寄语”、“岁月留痕”、“清华藏珍”、“馆庆书系”、“大事纪略”和“庆祝展览”。这些栏目详细展示了百年图书馆的发展历程，揭秘了图书馆馆藏内容与珍品，分享了师生、馆员、读者对百年图书馆的寄语和建议，介绍了馆庆期间举行的系列活动，并对这些活动进行了及时报道。此外，关于图书馆资源和服务的推广部分选择了以图书馆服务宣传月的附属专题网站形式一并列入图书馆百年馆庆系列网站的内容之一。

清华大学图书馆百年馆庆网站着眼于形式多样的展示内容，对网站实现技术要求较高。网站不仅包括大量历史文件的展示，还有视频在线播放、图片库、电子书、图书馆全景3D等内容，涉及的载体类型丰富且复杂。另一方面，网站涵盖范围广，涉及内容多，需要多人来组织、管理、编辑相关内容，采用内容管理系统进行建设毋庸置疑。

3 清华大学图书馆百年馆庆网站实现方式

3.1 网站风格及栏目特色

作为百年馆庆的专题纪念网站，网站的设计上遵循了传统中国庆典的暖色调，将清华的紫色校色与金色相结合作为网站的基础色调。首页将系列栏目进行了列举，重点展示了“世纪回眸”及“馆庆动态”，突出了“庆典·会议”栏目，并在首页下方的“百年历程”中进行了图片轮播设置。在栏目设置中借用了中国的藏头诗特色，连贯为“百岁清馆大庆”。喜庆大气而又不失活泼的页面风格令人耳目一新又印象深刻。

在清华大学百年馆庆研讨会中，清华大学图书馆邓景康馆长明确阐述了图书馆是大学的文化育人中心的思想，指出“建筑是载体、资源是基础、服务是宗旨、馆员是保障”。无论是百年馆庆网站岁月留痕中的视频、文章，还是百年历程中的照片、图片，无论是百年寄语中来自读者、来自馆员、来自校友的殷殷寄语，还是庆祝展览中展示的一件件馆藏珍品，百年馆庆网站多角度展示了清华大学图书馆百年文化传承与创新的发展进程、展示了图书馆文化特有的人文魅力、展示了图书馆人的服务理念和勤奋求实的精神。百年馆庆网站体现百年清华图书馆与“自强不息、厚德载物”的校训融合在一起，已成为清华文化特质中不可分割的关键部分。

纳入百年馆庆系列活动之一的图书馆服务宣传月以友情链接的形式独立成为专题活动网站，其涵盖的内容包括资源推广、邀请讲座、读者互动、技术新知等。蕴含现实资源和服务内容的宣传月网站与百年馆庆网站的密切关联，突出了纪念活动与读者服务有机结合的设计理念，保证了网站功能的全面与高效使用，进一步吸引了读者参与到馆庆活动中。

清华大学图书馆百年馆庆网站还注重收集媒体宣传信息，将媒体上关于清华大学图书馆馆庆的相关报道进行了汇总，包括《光明日报》、“中国新闻网”等。信息的广泛收集为全面体现纪念活动的社会意义与影响打下了基础。

图1 清华大学图书馆百年馆庆纪念网站首页面

麻省理工学院的150周年纪念网站同样也设置了类似的栏目“What others are saying about MIT”，收集了英国的全国性综合内容日报《卫报》（The Guardian）等相关报道。该网站还独具匠心地推出了“MIT Global Challenge”（MIT全球挑战）的活动，鼓励全球的MIT团体基于公共服务网络提出旨在未来150年内改善人类生活质量的创新性项目构想，并进行评比。

哈佛大学建校375周年纪念网站中设置了庆典视频、庆典画册、哈佛名人语录、哈佛人员故事视频等栏目。该网站引入了基于智能手机应用的“Mobile Tour of Harvard Yard”（哈佛校园手机游）软件功能，用户下载Apps以后可以实现借助手机的校园参观，具备了良好的实用性。其网站还特别地设计了所有哈佛大学网站的Directory（目录）系统，为全面共享网站的资源提供了条件。

对比这些纪念活动网站内容，多媒体大信息量的展示成为了所有网站的基本特点，现代化的信息分享工具得到了充分的应用。同时，所有上述的纪念网站均把文化与历史的展现作为了网站建设的重要内容，着眼历史的沉淀，延续独特文化的内涵与现实发展无疑成为了相关网站寄予传递的核心价值。

3.2 网站构建的技术特点

（1）成熟灵活的构建系统

在对国内外若干内容管理系统进行调研的基础上，清华大学图书馆选用了同方知网CCMS系统来构建图书馆百年馆庆网站。CCMS采用目前最主流的技术体系之一.NET架构，采用ASP.NET(C#)4.0技术开发，底层基于SQL Server数据库，系统架构稳定、运行高效。CCMS基于模块化设计思想，可根据用户需求灵活选择需要的模块，同时CCMS具有很强的灵活性和可扩展性，易于根据不同用户的个性化需求定制开发。尤其值得关注的是，CCMS依托同方知网多年的数字图书馆建设经验，集成了各类图书馆常用的功能模块，并且易于和同方知网现有产品集成。

相比而言，哈佛、麻省理工学院的庆祝网站都采用了开源的内容管理系统Drupal。Drupal以其模块化的灵活特性正被越来越多的网站使用。但是Drupal的应用有一定的技术门槛，后台的开源软件痕迹较重，其模板的定制和模块的定制需要专业人员来完成。在时间紧、任务重的情况下，借助于同方公司的CCMS系统，保障了及时快速且较为出色地完成了网站构建及管理任务。

（2）先进多样的展现手段

利用CCMS系统，很方便地实现了栏目分类、动态发布、网上展厅等内容。但在网站构设过程中还解决了其他一系列技术难题，使得网站构建具有了鲜明的特色。例如，网站中“世纪回眸”、“院士寄语”等栏目需要以电子书的形式呈现，同方公司有现成的电子书转换工具，但是在实际使用中需要用户安装插件，这给用户浏览带来不便。清华大学图书馆百年馆庆网站通过采用pdf到电子书的转换工具[9]，将pdf形式的文件直接转换成网页形式按页编排的电子书，翻页时除了有视觉上的翻页特效，还会有唰唰声的特殊音效。此外还可支持缩图预览与全屏幕阅读功能，使阅读生动有趣并体验良好，既减少了安装插件的繁琐，又避免了下载整本书（一次仅能下载一页）而受到带宽、流量等方面的限制。

其次，“百年历程”栏目的电子相册承载着展现清华大学图书馆百年历史的重任，既要求有简洁明了的外观，又需要有缩略图导航浏览、照片标题和说明备注等功能。在实施过程中采用开源软件AD Gallery[2]，很好地满足了需求。

再次，很多需要通过展板形式发布内容的原始图片尺寸很大，不适于直接放在网站上，但缩小尺寸后展板细节则不清楚。为此，采用图片缩放工具[10]实现类似于地图的图片漫游和图片的放大、缩小，展现度较好。

馆庆网站中需要影音点播功能，采用开源软件JW Player[3]实现，它是一种基于Flash的交互式网页媒体播放器，不仅支持FLV、MP4、MP3、AAC、JPG、PNG和GIF等格式，还支持RTMP、HTTP、实时视频流等，具有灵活的设置和广泛的javascript API。

馆庆网站还结合了全新3D全景体验，以强视觉冲击的3D效果提供清华大学图书馆的导览。

馆庆网站因涉及面很广，需要不同部门的多位馆员参与到网站的内容发布中，实现文档上传、内容编辑及网站管理。因此好用的所见即所得文字编辑器十分重要。CCMS系统集成了全球最优秀的网页在线文字编辑器之一的开源软件CKEditor[11]，其惊人的性能与可扩展性令人折服。

（3）协同合作的管理方式

此外，构建网站的合作模式值得一提。网站的建设过程是同方公司和图书馆馆员通力合作的过程。同方公司在美工设计、内容管理系统的构建、网站模板的定制方面给予更大的帮助，图书馆员则把注意力放在内容的组织、整理、撰写和上传、发布方面，实现了形式与内容的分工合作、各显其长，也充分发挥了内容管理系统的作用。

4 评价及效果

网站在馆庆期间备受关注，访问量与日俱增。自2012年10月18日发布以来，在不到2个月的时间内，总访问量已经超过10万页次。具体栏目访问统计见表1。从中可以看出，庆祝展览、岁月留痕、百年历程图片展颇受欢迎。服务宣传月独立网站有近2万页次的访问，也带动了馆庆网站的访问。

馆庆网站自推出以来便广受好评。有的教师赞扬网站具有丰富的文化底蕴。有的学生评价：“我觉得这个网站的建立挺好的，图书馆需要一个载体来述说它的历史。”

表1 馆庆网站访问统计

当然，网站也有不足之处。首先是网站侧重信息展示，互动不足，很多读者想抒发感想或送上寄语，但目前在网站上未提供此项功能。在未来的网站设计中，应增加互动功能；二是网站还是传统的基于WEB的网站，没有充分考虑支持移动终端的功能，随着移动技术的不断发展，在以后的网站设计中应该考虑移动版本或移动兼容性。

5 结语

清华大学图书馆百年馆庆网站运用先进的网络技术对清华大学图书馆的历史沿革、文化传承、教育理念乃至服务特点进行了全方位的展现；从馆庆纪念的角度，发挥了图书馆信息中心与媒介平台的重要作用。网站的建设为百年清华图书馆纪念活动的成功举办提供了切实的保障，也成为馆庆纪念活动成果的一个重要组成部分。在纪念型网站的开发与运行方面，清华大学图书馆百年馆庆网站也积累了宝贵的经验，为相关网站与活动的开展提供了参考。

[1] 清华大学图书馆百年馆庆网站[EB/OL]. [2012-11-12]. http://100.lib.tsinghua.edu.cn/.

[2] AD Gallery, gallery plugin for jQuery [EB/OL]. [2012-12-13]. http://coffeescripter.com/code/ad-gallery/.

[3] JW Player homepage [EB/OL]. [2012-12-13]. http://www.longtailvideo.com/jw-player/.

[4] 网站建设经验之网站建设技术回顾[EB/OL]. [2012-12-13]. http://www.webjx.com/webmanage/experience-9793.html.

[5] 北大喜迎百年华诞 微软帮建校庆网站[J].世界计算机周刊,1998(15):24.

[6] 哈佛大学建校375周年纪念网站[EB/OL]. [2012-11-12]. http://www.harvard.edu/about-harvard/harvard-glance/375th-anniversary.

[7] 麻省理工学院建校150周年纪念网站[EB/OL]. [2012-11-13]. http://mit150.mit.edu/.

[8] 清华大学百年校庆网站[EB/OL]. [2012-11-15]. http://100.tsinghua.edu.cn/.

[9] aXmagTM homepage [EB/OL]. [2012-12-13]. http://www.axmag.com/.

[10] ShiftZoom.js homepage [EB/OL]. [2012-12-13]. http://www.netzgesta.de/shiftzoom/.

[11] CKSourceTM homepage [EB/OL]. [2012-12-13]. http://cksource.com/ckeditor.

Website Construction of the University Commemorative Activities - Taking the Tsinghua University Library Centenary Celebration Website as an Example

Zhuang Mei, Yao Fei, Jiang Airong / Tsinghua University Library, Beijing, 100084

Following the request of website construction for key commemorative activities in the Information Technology age, the essay illustrates the types, applied technology and development stage for the related websites. Combining the practices from several abroad universities, the Tsinghua University Library Centenary Celebration website is discussed in details covering the website design, website contents, and technology specialties and running results. The important contribution for Cultural Heritage is emphasized for all the related websites.

Commemorative activity, Cultural heritage, Website construction, CMS

2013-06-14）

10.3772/j.issn.1673—2286.2013.10.009

庄玫（1979- ），清华大学图书馆办公室副主任，清华大学硕士学位，研究方向：高校图书馆管理。E-mail:zhuangmei@lib.tsinghua.edu.cn