翟羽佳

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

關(guān)鍵詞：Web CSS高校圖書館；門戶網(wǎng)站；設(shè)計(jì)變遷

1引言

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

2第一階段：第一代圖書館網(wǎng)站

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

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

3第二階段：Lib2.0時(shí)代的圖書館網(wǎng)站

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

這一時(shí)期，以用戶為中心的Lib 2.0概念被提出來了。越來越多Web2.0的典型技術(shù)也應(yīng)用到了圖書館的網(wǎng)站建設(shè)中?；贚ib 2.0的思想，此階段的圖書館門戶網(wǎng)站在內(nèi)容組織和風(fēng)格設(shè)計(jì)上有了革命性的轉(zhuǎn)折——從一個(gè)以自我為中心的圖書館網(wǎng)絡(luò)展板。漸漸向以讀者為中心、以服務(wù)為宗旨轉(zhuǎn)變。在功能和界面設(shè)計(jì)上主要有以下特點(diǎn)：

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

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

（3）受網(wǎng)絡(luò)速度限制，大尺寸圖片的下載會嚴(yán)重影響網(wǎng)站頁面的加載速度。為照顧讀者的用戶體驗(yàn)，少用圖片、不用大圖片已經(jīng)成為網(wǎng)站技術(shù)人員的共識。因此，此時(shí)圖書館網(wǎng)站的頁面風(fēng)格大多比較樸素、務(wù)實(shí)，沒有太多花哨的元素。

4第三階段：新一代圖書館網(wǎng)站

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

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

（2）內(nèi)容更注重知識的發(fā)現(xiàn)和引導(dǎo)。瀏覽我國高校的圖書館網(wǎng)站，處于視覺中心的是專為資源檢索而列的檢索區(qū)，一般包括圖書館所購買的數(shù)據(jù)庫、自建庫和OPAC，有些圖書館還兼容了讀者登錄和站內(nèi)檢索，自發(fā)現(xiàn)系統(tǒng)出現(xiàn)以來，檢索區(qū)就成了發(fā)現(xiàn)系統(tǒng)的專用區(qū)域。

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

5未來展望：Lib3.0+下的圖書館設(shè)計(jì)趨勢

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

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

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

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

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

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

6結(jié)語

在Web技術(shù)不斷向前發(fā)展的大環(huán)境下，我國高校圖書館的門戶網(wǎng)站建設(shè)工作也有了相應(yīng)的進(jìn)展。圖書館網(wǎng)站不僅是本校師生使用資源的平臺，更是展示本校風(fēng)采的窗口，作為圖書館的工作人員來說，需要不斷的加強(qiáng)自身對于新文化和技術(shù)的學(xué)習(xí)能力，在實(shí)踐中廣泛吸收廣大師生讀者的需求，借鑒國內(nèi)外名校的圖書館門戶網(wǎng)站設(shè)計(jì)風(fēng)格，改進(jìn)自己學(xué)校圖書館的門戶網(wǎng)站設(shè)計(jì)。

參考文獻(xiàn)：

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

[2]林煌.互動(dòng)式網(wǎng)站——高校圖書館網(wǎng)站的新模式[J].圖書館建設(shè)，2011（01）.

[3]侯占偉.網(wǎng)頁設(shè)計(jì)基礎(chǔ)HTML、CSS和JavaScript[M].長沙：國防科技大學(xué)出版社。2010（06）.

[4]李超.Web3.0環(huán)境下個(gè)性化信息服務(wù)研究[J].科技情報(bào)開發(fā)與經(jīng)濟(jì)，2011，21（07）：118-120.