從Web技術的發展看我國高校圖書館門戶網站的設計變遷

翟羽佳

摘要：受Web技術發展的影響，我國高校圖書館門戶網站的設計理念也在發生著變遷。目前為止，圖書館網站的發展大致經歷了三個階段，每個階段的網站設計受當前技術的影響和制約而展現出不同的特點。第一個階段是1995年至2000年，在此期間的圖書館網站主要解決讀者對于圖書館信息的基本需求，網站界面簡單、功能單一；第二個階段是2000年至2010年，在此期間建立的圖書館網站主要解決了讀者與圖書館之間溝通和互動的需求，讀者不僅能瀏覽，還能參與討論：第三個階段是2011年以后，此時建立的圖書館網站，內容更加豐富，使用更加便捷，主要關注讀者的資源服務。

關鍵詞：Web CSS高校圖書館；門戶網站；設計變遷

1引言

高校圖書館的門戶網站是圖書館開展讀者服務、讀者獲取圖書館資源的平臺。從1995年CERNET始建至今，我國高校的圖書館網站已經走過了二十年的發展歷程。受到Web技術發展的影響，圖書館門戶網站的設計理念也在發生著變遷。目前為止，我國高校圖書館網站的發展大致經歷了三個階段：第一個階段是1995年至2000年；第二個階段是2000年至2010年；第三個階段是2011年至今所建立的圖書館網站。在每個階段的網站設計受當前技術的影響和制約而展現出不同的特點。

2第一階段：第一代圖書館網站

World Wide Web，簡稱WWW，是英國人Tim Berners-Lee1989年在歐洲共同體的一個大型科研機構任職時發明的。Web發明的初衷，是希望可以在一個網頁里比較直觀的表示互聯網上的資源，且不同資源之間可以通過網頁鏈接進行查看。從1990年第一個Web服務器nxoc01 cern ch開始運行，到2000年以前。Web的開發和應用一直處于1.0時代。Web服務器可以簡單地響應瀏覽器發來的HTTP請求，并將存儲在服務器上的HTML文件返回給瀏覽器。開發者們會寫一些HTML頁面放到服務器指定的文件夾（如/www）下，在瀏覽器請求頁面時使用，網頁主要是基于html語言編寫的“文字+圖片”的形式。1993年第一款Web瀏覽器面向大眾的時候，它還只是一款支持書簽，圖標的一套光溜溜的用戶界面。然而，正是這樣一款小小的瀏覽器卻從此改變了計算機網絡發展的道路，改變了人們瀏覽因特網的方式。

這一時期，在互聯網的使用越來越普及的情況下，各個高校紛紛開始建立自己的圖書館門戶網站，此時的門戶網站基本利用HTML進行靜態頁面編寫，通過Web客戶端技術來展現自己想要發布的信息內容，例如本校圖書館的歷史、館藏介紹和規章制度等等。在頁面設計上主要呈現以下特點：第一，由于最初的HTML語言只能在瀏覽器中展現靜態的文本或圖像信息，受其技術所限，網站的功能較為單一。第二。圖書管理系統和數字資源光盤系統與圖書館網站各自獨立，兩者以鏈接的方式在圖書館主頁上提供入口。第三，網站傳播方式是單向的，讀者只能瀏覽，不能參與互動。

3第二階段：Lib2.0時代的圖書館網站

在2000年至2010年，Web腳本技術開始發展起來，這使得客戶端和服務器端的動態信息交換成為了可能。最早出現的是CGI和Perl，通過在web服務器端運行一段代碼，就能與文件系統或者數據庫進行交互。然而CGI/Perl這樣的腳本代碼太混亂了，伸縮性不好，也不太安全。Java語言的問世讓人們一下子找到了在瀏覽器中開發動態應用的捷徑。到2005年左右，出現了Java Server Pages（JSP）、微軟的ASP和PHP。至此互聯網正式步入Web2.0時代。與此同時，隨著世界萬維網的一個工作組發布了CSS1.0規范，允許開發者用外聯的樣式表來取代那些難以維護的內嵌樣式，網站設計在幾秒內就可以改變，網站也因此更易于開發、維護、設計。CSS技術的發展讓HTML頁面真正動感了起來。

這一時期，以用戶為中心的Lib 2.0概念被提出來了。越來越多Web2.0的典型技術也應用到了圖書館的網站建設中。基于Lib 2.0的思想，此階段的圖書館門戶網站在內容組織和風格設計上有了革命性的轉折——從一個以自我為中心的圖書館網絡展板。漸漸向以讀者為中心、以服務為宗旨轉變。在功能和界面設計上主要有以下特點：

（1）網站傳播方式開始雙向呈現。隨著XML語言及相關技術成為主流，應用軟件可以按照統一的方式處理所有XML信息。信息在整個Web世界里的共享和交換就有了技術上的保障。HTML語言關心的是信息的表現形式，而XML語言關心的是信息本身的格式和數據內容。網站由靜態變為動態，功能更加完善。圖書館網站開始提供在線咨詢（主要是QQ）等實時互動服務，同時，RSS定制、博客等技術也都得到了廣泛應用。

（2）OPAC被集成到圖書館首頁上，讀者可以直接在圖書館首頁上檢索信息或登錄查詢個人借閱信息。同時，隨著圖書館館藏向數字資源傾斜，以聯邦檢索、SFX超鏈接技術組成的新方案受到圖書館界的青睞。很多圖書館還自主開發了資源導航、學科導航，幫助讀者查找資源。但是。OPAC和各種類型的資源導航并沒有形成一個統一的檢索機制，僅僅只是以圖書館網站首頁上添加鏈接入口的形式來實現。

（3）受網絡速度限制，大尺寸圖片的下載會嚴重影響網站頁面的加載速度。為照顧讀者的用戶體驗，少用圖片、不用大圖片已經成為網站技術人員的共識。因此，此時圖書館網站的頁面風格大多比較樸素、務實，沒有太多花哨的元素。

4第三階段：新一代圖書館網站

從2011年以來，Web技術得到了飛速發展，Web 2.0相比，Web 3.0的功能更加的廣泛，它能夠深度挖掘信息并使其直接從底層數據庫進行互通，也能夠把散布在互聯網上的各種信息點以及用戶的需求點聚合和對接起來，從而提供基于語義的檢索與匹配，使用戶的檢索更加個性化、精準化和智能化。在此影響下，各高校圖書館的門戶網站的頁面布局、內容建設和視覺設計呈現出以下特點：

（1）頁面傾向于CSS+DIV的布局方式。這讓代碼更簡潔、頁面結構更合理，而CSS滑動門的應用為網站節省出大量空間，相比第二代網站，第三代圖書館網站不再擁擠。

（2）內容更注重知識的發現和引導。瀏覽我國高校的圖書館網站，處于視覺中心的是專為資源檢索而列的檢索區，一般包括圖書館所購買的數據庫、自建庫和OPAC，有些圖書館還兼容了讀者登錄和站內檢索，自發現系統出現以來，檢索區就成了發現系統的專用區域。

（3）視覺設計更人性化。主要表現在：①二級導航欄目不再全部平鋪在主頁上，而是將訪問率較高的欄目單獨列出形成新的視覺熱點。隨著網絡信息的爆炸式增長，互聯網用戶形成了快速掃描，捕捉關鍵點的閱讀習慣，喜歡讀簡短的句子，忽視長篇大論。比起在眾多二級導航欄目中逐個尋找排查，他們更喜歡去自己檢索需要的內容。②大尺寸圖片被廣泛應用。2010年以后，隨著網絡環境的改善，大圖片的下載速度已在用戶的可容忍范圍內，適當、正確地應用圖片，可以有效引導用戶的注意力，增加網站視覺熱點。從而大幅提高網站的可用性。在新一代圖書館門戶網站中，代表圖書館形象的大尺寸圖片和主題相關的新聞圖片得到了越來越廣泛的應用。

5未來展望：Lib3.0+下的圖書館設計趨勢

新一代Web技術的進化是全方位的，它擁有強大的頁面表現能力：在字體、陰影、色彩和其它效果的表現力方面也都較之前更加豐富；出色的多媒體表現能力：新的標簽的引入使多媒體內容更容易嵌入網頁，并進一步提升Web網頁中圖形，動畫等多媒體技術的表現能力；開放的API能力：能夠在網頁上運行大型應用程序。如資源發現系統。還可以引入了地理位置、離線緩存等新型API，以進一步豐富網頁應用程序的功能拓展；存儲、通信能力：支持交互通信和離線存儲技術，用戶可以將數據保存在本地，在沒有網絡連接的情況仍然可以使用Web應用程序。

從Web技術發展的時間鏈上來看，歐美發達國家領先于中國，國外的高校圖書館網站也比中國更早邁入Lib3.0時代；此外就我國自身的情況來說，重點院校（985、211）的圖書館網站建設水平也略高于一般院校。因此，通過研究對比國內外一些知名院校的圖書館網站，可以得出一些Lib3.0+時代下，我國高校圖書館門戶網站的設計趨勢。

（1）采取頁面響應式布局。隨著移動開發技術和CSS3的發展，頁面的響應式布局已經可以根據瀏覽器分辨率自動推送相應的頁面，在不改變內容的情況下。頁面在不同的分辨率和設備下都能正常顯示。目前，國外的高校圖書館有70%的網站都使用這種設計。而在當前，我國的高校圖書館網站大多是和移動圖書館是獨立的。已建立移動圖書館的基本都在網站醒目位置添加了移動圖書館的鏈接或者移動飄窗。采用CSS3的頁面的響應式布局設計門戶網站是未來的一個發展趨勢，同時，傳統圖書館網站和移動圖書館網站各自獨立的情況也將得到改善。

（2）資源發現占據網站視覺中心。信息資源的組織與揭示一直是圖書館永恒的主題，自2010年以來，國內外高校的圖書館先后采用資源發現系統，逐漸取代原先圖書館門戶網站中的各種不同類型的資源導航。在大數據和云計算的背景下，資源發現技術還會不斷成熟，同時，各個高校圖書館門戶網站的資源導航功能有可能被發現系統所取代，并占據網站首頁的視覺中心。網站有可能不再單獨呈現學科導航或者資源導航。

（3）站內導航的樣式多變。隨著網站內容更加的豐富多樣，站內導航成為讀者瀏覽網站的重要指引工具，網站內部鏈接的方式也越來越受到重視，由此可能帶來一些設計上的變化。在國外，許多高校的圖書館網站都利用了CSS滑動門，這是一種標簽創建導航的技術，當鼠標滑過時，級聯圖層自動顯示，當鼠標移開時，級聯圖層自動隱藏。這種設計目前也在國內流行了起來，相信未來也是一個設計發展趨勢。但CSS3對于ASP、JSP、PHP等動態頁面的兼容較差，很多想法較難實現。在此也只能期待未來這種情況會有所好轉。

（4）增添區分讀者類型訪問的功能。目前國內外部分高校的圖書館在門戶網站的設計中，依照讀者身份的不同提供了不同的入口，一般分為教師、學生、校友、訪客等。圖書館根據讀者身份對網站內容進行歸納、推送，讀者根據自身需要選擇相應入口。這樣的設計，縮短了讀者瀏覽無關頁面的時間。同時。也是對網站內容進行暨傳統導航模式外的另一種讀者角度的揭示。從網站內容的組織上來說，是一種新的創新和嘗試。

6結語

在Web技術不斷向前發展的大環境下，我國高校圖書館的門戶網站建設工作也有了相應的進展。圖書館網站不僅是本校師生使用資源的平臺，更是展示本校風采的窗口，作為圖書館的工作人員來說，需要不斷的加強自身對于新文化和技術的學習能力，在實踐中廣泛吸收廣大師生讀者的需求，借鑒國內外名校的圖書館門戶網站設計風格，改進自己學校圖書館的門戶網站設計。

參考文獻：

[1]白晗.王娟.國內外高校圖書館網站研究述評——基于2012-2014國內外名校圖書館網站改版調研[J].知識管理論壇，2015（01）：25-34.

[2]林煌.互動式網站——高校圖書館網站的新模式[J].圖書館建設，2011（01）.

[3]侯占偉.網頁設計基礎HTML、CSS和JavaScript[M].長沙：國防科技大學出版社。2010（06）.

[4]李超.Web3.0環境下個性化信息服務研究[J].科技情報開發與經濟，2011，21（07）：118-120.