曹樹金 吳育冰

（中山大學(xué)資訊管理學(xué)院 廣州 510006）

響應(yīng)式Web設(shè)計(jì)及其在圖書館門戶網(wǎng)站中的應(yīng)用
——以“211”高校圖書館為例

曹樹金 吳育冰

（中山大學(xué)資訊管理學(xué)院 廣州 510006）

介紹響應(yīng)式Web設(shè)計(jì)的概念及關(guān)鍵技術(shù)，分析其優(yōu)缺點(diǎn)，然后通過(guò)臺(tái)式電腦、安卓手機(jī)、Ipad分別訪問(wèn)國(guó)內(nèi)112所“211”高校圖書館門戶網(wǎng)站，以期了解響應(yīng)式Web設(shè)計(jì)在國(guó)內(nèi)高校圖書館網(wǎng)站移動(dòng)化建設(shè)中的應(yīng)用情況。調(diào)查結(jié)果表明，僅有云南大學(xué)圖書館和中國(guó)科學(xué)技術(shù)大學(xué)圖書館的門戶網(wǎng)站采用了響應(yīng)式Web設(shè)計(jì)。最后，提出在未來(lái)，響應(yīng)式Web設(shè)計(jì)并非最好的方式，也不是唯一的方式。未來(lái)高校圖書館門戶網(wǎng)站建設(shè)不會(huì)僅局限于某一種平臺(tái)，可采用未來(lái)友好的思維，順應(yīng)潮流，確保靈活，能夠適應(yīng)未來(lái)的一切變化。

響應(yīng)式Web設(shè)計(jì) 高校圖書館 圖書館門戶網(wǎng)站

1 研究背景

近年來(lái)，移動(dòng)技術(shù)無(wú)處不在，移動(dòng)智能設(shè)備層出不窮，出現(xiàn)了以下兩個(gè)特點(diǎn)[1]：

一是PC互聯(lián)網(wǎng)加速向移動(dòng)端遷移。根據(jù)CNNIC的第35次中國(guó)互聯(lián)網(wǎng)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告，截止2014年12月，中國(guó)網(wǎng)民規(guī)模達(dá)6.49億，互聯(lián)網(wǎng)普及率為47.9%；其中，手機(jī)網(wǎng)民規(guī)模達(dá)5.57億，較2013年底增加5 672萬(wàn)人，手機(jī)網(wǎng)民規(guī)模超越傳統(tǒng)PC網(wǎng)民規(guī)模；通過(guò)筆記本電腦接入互聯(lián)網(wǎng)的比例為43.2%，手機(jī)上網(wǎng)和平板電腦使用率分別為85.8%、34.8%[2]。這不僅驗(yàn)證了Wisniewski的預(yù)言“到2014年，移動(dòng)互聯(lián)網(wǎng)的使用將超過(guò)桌面web使用”[3]，也說(shuō)明智能手機(jī)、筆記本電腦和平板電腦等移動(dòng)設(shè)備的普及改變了人們使用互聯(lián)網(wǎng)的方式。

二是移動(dòng)終端體驗(yàn)效果迥異。具有相同內(nèi)容的一個(gè)網(wǎng)頁(yè)，在屏幕大小不一的設(shè)備上，呈現(xiàn)的效果也不盡相同。當(dāng)用戶希望通過(guò)移動(dòng)設(shè)備（如手機(jī)、Ipad等）來(lái)完成PC頁(yè)的操作時(shí)，如果該頁(yè)沒(méi)有做響應(yīng)式處理的話，出現(xiàn)的頁(yè)面體積大、請(qǐng)求多、體驗(yàn)性差、兼容性差等缺陷最終會(huì)導(dǎo)致用戶放棄操作。不采用響應(yīng)式處理的網(wǎng)站容易導(dǎo)致用戶分別使用PC和移動(dòng)設(shè)備訪問(wèn)相同的網(wǎng)站時(shí)，體驗(yàn)到不一致的效果。

如何讓網(wǎng)站盡可能地兼容不同類型的設(shè)備同時(shí)確保良好的用戶體驗(yàn)，成為越來(lái)越重要的問(wèn)題。于是，響應(yīng)式Web設(shè)計(jì)應(yīng)運(yùn)而生，采用響應(yīng)式Web設(shè)計(jì)，用戶無(wú)論使用哪種移動(dòng)設(shè)備，都能夠很流暢的瀏覽和體驗(yàn)。

2 響應(yīng)式Web設(shè)計(jì)概述

2.1 響應(yīng)式Web設(shè)計(jì)的概念

2010年5月25日，美國(guó)著名網(wǎng)站設(shè)計(jì)師伊?！ゑR科特（Ethan Marcotte）在“A List Apart”發(fā)表題為“Responsive Web Design”的文章，提出了“響應(yīng)式Web設(shè)計(jì)”（Responsive Web Design，簡(jiǎn)稱RWD，也稱“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”）的概念，指的是可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)[4]。響應(yīng)式Web設(shè)計(jì)旨在實(shí)現(xiàn)一個(gè)網(wǎng)站能夠兼容多個(gè)終端。Ethan Marcotte將三種已有的開發(fā)技巧，即媒體查詢（media queries）、流式網(wǎng)格布局（fluid grids）、彈性圖片（scalable images）整合創(chuàng)建一個(gè)在不同設(shè)備上都能漂亮顯示的網(wǎng)站。響應(yīng)式Web設(shè)計(jì)能夠使網(wǎng)站適應(yīng)于任何設(shè)備（各種智能手機(jī)、平板電腦、PC顯示器、kindle等）的屏幕（橫向、縱向），并且根據(jù)不同寬度的屏幕自動(dòng)調(diào)整布局、圖片尺寸等。也就是說(shuō)，通過(guò)響應(yīng)式Web設(shè)計(jì)，我們不再需要為移動(dòng)設(shè)備設(shè)計(jì)單獨(dú)的網(wǎng)站。

2.2 響應(yīng)式Web設(shè)計(jì)的關(guān)鍵技術(shù)

Ethan Marcotte認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)不應(yīng)只是為了配合指定設(shè)備或?yàn)g覽器而設(shè)計(jì)，不同版本應(yīng)能夠在不同設(shè)備或工具上有同樣的體驗(yàn)。也就是說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)不應(yīng)是為每一個(gè)終端做一個(gè)特定的版本，而是能夠滿足用戶所使用的不同設(shè)備。此外，Ethan Marcotte指出只針對(duì)前臺(tái)界面，響應(yīng)式Web設(shè)計(jì)需要三種核心技術(shù)，分別是：媒體查詢、流動(dòng)布局、彈性圖像和媒體。

（1）媒體查詢。媒體查詢（Media Queries）是實(shí)現(xiàn)響應(yīng)式Web設(shè)計(jì)的核心技術(shù)。它是CSS3的一種新特性，用于設(shè)置某種媒體特征下的顯示規(guī)則。RWD設(shè)計(jì)布局時(shí)，媒體查詢順序采用移動(dòng)端向上設(shè)計(jì)，首先優(yōu)先建立移動(dòng)用戶體驗(yàn)，然后使用媒體查詢調(diào)整大屏幕[5]。媒體查詢不僅可以向不同設(shè)備提供不同的樣式，為不同類型的用戶提供最佳的體驗(yàn)，還允許設(shè)計(jì)人員基于各自不同類型的設(shè)備屬性（如：屏幕寬度、方向、分辨率等）來(lái)確定目標(biāo)樣式。媒體查詢支持IE9、Firefox3.5、Safari3以及它們的更高版本，同時(shí)支持大部分智能手機(jī)和其他基于屏幕的設(shè)備。

（2）流動(dòng)布局。在傳統(tǒng)網(wǎng)站中，固定布局的頁(yè)面寬度會(huì)使用特定大小的像素，雖然我們可以通過(guò)手指在屏幕上縮放頁(yè)面，但這樣的操作會(huì)讓我們感到繁瑣。然而，在響應(yīng)式Web設(shè)計(jì)中采用了流動(dòng)布局，流動(dòng)布局以百分比為單位，如果我們?cè)O(shè)計(jì)分別占頁(yè)面1/4的左右欄，只需要定義它們的寬度為25%，而不用再去考慮用戶到底是使用多寬的瀏覽器，因?yàn)樵氐膶挾葧?huì)根據(jù)屏幕大小來(lái)調(diào)整自身的布局，使頁(yè)面具有可變的特性，能夠更好地適應(yīng)不同的用戶。

（3）彈性圖像和媒體。彈性視覺(jué)媒體設(shè)計(jì)的本質(zhì)是保證視覺(jué)媒體能夠靈活地適應(yīng)不同的布局及其可讀性。在響應(yīng)式Web設(shè)計(jì)中通過(guò)使用一些CSS技巧，使圖像和媒體比例限制在其父元素范圍之內(nèi)，相應(yīng)于布局的其他部分按比例縮放，以適應(yīng)其設(shè)備的大小。通過(guò)彈性圖像和媒體，不僅可以調(diào)整網(wǎng)站，讓它在手機(jī)、平板電腦上與在桌面上同樣表現(xiàn)；還可以識(shí)別用戶的設(shè)備并完成分類，為各類型的設(shè)備提供最佳內(nèi)容。

2.3 響應(yīng)式Web設(shè)計(jì)的優(yōu)缺點(diǎn)

響應(yīng)式Web設(shè)計(jì)雖然可以讓用戶在不同設(shè)備上獲得相同的體驗(yàn)，但是它的實(shí)際操作并不一定完全可行，也并非適合所有類型的網(wǎng)站。只有真正的了解響應(yīng)式web設(shè)計(jì)的優(yōu)缺點(diǎn)，才能更好地發(fā)揮其優(yōu)勢(shì)，更好地提升用戶體驗(yàn)滿意度。Ali Qayyum[6]全面地歸納了響應(yīng)式Web設(shè)計(jì)的優(yōu)缺點(diǎn)，如下所述：

（1）響應(yīng)式Web設(shè)計(jì)的優(yōu)點(diǎn)。響應(yīng)式Web設(shè)計(jì)的一些優(yōu)點(diǎn)如下：

①用戶友好。用戶友好不僅是響應(yīng)式Web設(shè)計(jì)的最大優(yōu)點(diǎn)，還是響應(yīng)式Web設(shè)計(jì)的主要目的。響應(yīng)式Web設(shè)計(jì)能夠適應(yīng)幾乎所有設(shè)備的屏幕，提供友好的界面，使用戶能夠保持與網(wǎng)站一致的體驗(yàn)。

②移動(dòng)段。在響應(yīng)式Web網(wǎng)站的幫助下，你可以獲得你的網(wǎng)站流量的完整視圖。而你所需要做的就是創(chuàng)建一個(gè)移動(dòng)頻段，就可以獲得與你的網(wǎng)站流量相關(guān)的所有必要的信息。通過(guò)統(tǒng)計(jì)流量來(lái)分析網(wǎng)站的性能及采取必要的措施對(duì)改善網(wǎng)站是非常有用的。

③累積分享。響應(yīng)式Web設(shè)計(jì)能夠使網(wǎng)站的擁有者通過(guò)單一的URL地址收集所有社交分享的鏈接，來(lái)創(chuàng)建更友好的網(wǎng)站。

④搜索引擎最佳化。搜索引擎最佳化不僅能夠智能地完成桌面網(wǎng)站與移動(dòng)網(wǎng)站的鏈接，還通過(guò)采用易于搜索引擎索引的合理手段，使網(wǎng)站對(duì)用戶和搜索引擎更加友好，從而更容易被搜索引擎收錄及優(yōu)先排序[7]。

⑤重定向。通過(guò)響應(yīng)式Web設(shè)計(jì)，設(shè)計(jì)師不需要任何重定向，也不涉及任何代理目標(biāo)。因此，當(dāng)你不需要解決重定向和定向用戶時(shí)，這是一件很了不起的事情。

⑥成本低、維護(hù)少。開發(fā)一個(gè)獨(dú)立的移動(dòng)網(wǎng)站，會(huì)增加工作量。如原生應(yīng)用雖然可完全利用系統(tǒng)的API和平臺(tái)特性，但是在不同的平臺(tái)需要獨(dú)立開發(fā)App，開發(fā)成本高。而響應(yīng)式Web App具有可訪問(wèn)不同終端瀏覽器、一次開發(fā)多處分發(fā)、迭代快等優(yōu)點(diǎn)，并且響應(yīng)式網(wǎng)站雖然只有一個(gè)布局，但是其能在所有類型的設(shè)備上工作，這樣明顯地減少了工作量、降低了維護(hù)的成本。

（2）響應(yīng)式Web設(shè)計(jì)的缺點(diǎn)。響應(yīng)式Web設(shè)計(jì)的一些缺點(diǎn)如下：

①需要一定的時(shí)間加載。在響應(yīng)式web設(shè)計(jì)中，用戶需要下載一些并不十分必要的HTML/ CSS，并且圖片也沒(méi)有真正調(diào)整適合設(shè)備屏幕的尺寸，這需要加倍時(shí)間進(jìn)行加載。

②優(yōu)化搜索引擎。通過(guò)響應(yīng)式Web設(shè)計(jì)，確定搜索引擎關(guān)鍵字不是一項(xiàng)容易的任務(wù)。相對(duì)于普通的桌面用戶，移動(dòng)用戶使用不同的關(guān)鍵詞，使響應(yīng)式Web設(shè)計(jì)修改標(biāo)題及其他事項(xiàng)都是很困難的。

③不支持老版本瀏覽器。響應(yīng)式Web設(shè)計(jì)使用的是CSS3，不幸的是大多數(shù)移動(dòng)設(shè)備不兼容CSS3媒體查詢,而且并不是所有的瀏覽器(如IE）都支持CSS3。

④并非適合所有的網(wǎng)站。響應(yīng)式Web設(shè)計(jì)仍處于發(fā)展階段，并不是所有的網(wǎng)站都適用。如一些小游戲網(wǎng)站僅僅是網(wǎng)頁(yè)采用了響應(yīng)式Web設(shè)計(jì)，但游戲內(nèi)容只能通過(guò)PC端打開的話，那么這時(shí)候就要考慮是否繼續(xù)使用響應(yīng)式Web設(shè)計(jì)，還是修改游戲。

3 國(guó)內(nèi)“211”工程高校圖書館網(wǎng)站現(xiàn)狀調(diào)查

高校圖書館的大多數(shù)服務(wù)是通過(guò)其網(wǎng)站提供的，因此，圖書館網(wǎng)站也被認(rèn)為是高校圖書館的一張臉。隨著移動(dòng)通信技術(shù)的發(fā)展，高校圖書館也在不斷地使用這些移動(dòng)技術(shù)為用戶提供服務(wù)。Griffey曾在2010年指出“在過(guò)去的五年里，圖書館通過(guò)移動(dòng)技術(shù)高度集中于提供數(shù)字化服務(wù),尤其是參考咨詢服務(wù)”[8]。但是隨著智能手機(jī)、平板電腦等移動(dòng)設(shè)備的出現(xiàn)，越來(lái)越多的大學(xué)生通過(guò)移動(dòng)設(shè)備檢索信息，高校圖書館不再局限于參考咨詢服務(wù)，開始關(guān)注移動(dòng)圖書館網(wǎng)站的建設(shè)。

3.1 調(diào)查方法

移動(dòng)互聯(lián)網(wǎng)潮流的到來(lái)，國(guó)內(nèi)高校圖書館面對(duì)層出不窮的移動(dòng)設(shè)備，是持續(xù)分別建設(shè)PC網(wǎng)站、移動(dòng)網(wǎng)站、開發(fā)App，還是采用響應(yīng)式Web設(shè)計(jì)滿足用戶任何設(shè)備的網(wǎng)站？“211”工程高校是我國(guó)重點(diǎn)建設(shè)的高校，具有一定的代表性。本文通過(guò)調(diào)查國(guó)內(nèi)112所“211”工程高校圖書館網(wǎng)站的建設(shè)情況，并對(duì)其網(wǎng)站進(jìn)行對(duì)比分析，以了解其網(wǎng)站是否采用響應(yīng)式Web設(shè)計(jì)。

本文采用網(wǎng)絡(luò)調(diào)研法，在2015年6～7月期間對(duì)這112所高校圖書館主頁(yè)進(jìn)行訪問(wèn)，主要調(diào)查以下信息：PC端網(wǎng)站、Wap端網(wǎng)站、App、響應(yīng)式設(shè)計(jì)的網(wǎng)站。具體方法是通過(guò)電腦訪問(wèn)每個(gè)圖書館的完整網(wǎng)站，并瀏覽其是否有Wap端網(wǎng)站、App、響應(yīng)式Web設(shè)計(jì)的網(wǎng)站，如有則使用智能手機(jī)、Ipad等進(jìn)行驗(yàn)證。

3.2 調(diào)查結(jié)果與分析

3.2.1 總體情況分析 由于第二軍醫(yī)大學(xué)、第四軍醫(yī)大學(xué)、對(duì)外經(jīng)貿(mào)大學(xué)、東北師范大學(xué)這4所高校的圖書館網(wǎng)站無(wú)法鏈接，因此本文實(shí)際調(diào)查了108所“211”高校圖書館的網(wǎng)站。調(diào)查結(jié)果顯示，“211”高校圖書館中僅有2所高校利用響應(yīng)式Web設(shè)計(jì)網(wǎng)站，分別是云南大學(xué)圖書館、中國(guó)科學(xué)技術(shù)大學(xué)圖書館，約占2%。而約98%高校圖書館都是通過(guò)非響應(yīng)式Web設(shè)計(jì)建設(shè)網(wǎng)站，為不同設(shè)備建設(shè)不同的網(wǎng)站，主要建設(shè)電腦PC端網(wǎng)站、Wap端網(wǎng)站和開發(fā)App。由此可見(jiàn)，非響應(yīng)式Web設(shè)計(jì)尚未在高校圖書館中得到廣泛地推廣，與其所需的成本有關(guān)。2010年非響應(yīng)式Web設(shè)計(jì)才開始出現(xiàn)，當(dāng)時(shí)許多高校圖書館已經(jīng)建設(shè)了PC端網(wǎng)站、Wap端網(wǎng)站和開發(fā)App以滿足移動(dòng)服務(wù)的需求。如果高校圖書館利用響應(yīng)式Web設(shè)計(jì)重新建設(shè)網(wǎng)站，則需要耗費(fèi)大量的時(shí)間、人力、物力與財(cái)力。此外，經(jīng)費(fèi)有限、技術(shù)匱乏等也是限制高校圖書館利用響應(yīng)式Web設(shè)計(jì)門戶網(wǎng)站的重要因素。

3.2.2 響應(yīng)式Web設(shè)計(jì)的圖書館網(wǎng)站分析 在本文調(diào)查的“211”高校圖書館的網(wǎng)站中，僅有云南大學(xué)圖書館和中國(guó)科學(xué)技術(shù)大學(xué)圖書館利用響應(yīng)式Web設(shè)計(jì)其網(wǎng)站。2014年6月20日,云南大學(xué)圖書館網(wǎng)站建成并正式使用響應(yīng)式Web設(shè)計(jì)的網(wǎng)站，該網(wǎng)站的應(yīng)用效果顯著，其PC端不僅在IE9+、Chrome5+、Firefox3.6+瀏覽器上有良好顯示，還兼容了IE7、IE8瀏覽器，移動(dòng)端能夠自動(dòng)適應(yīng)各種智能手機(jī)和平板電腦，給用戶帶來(lái)流暢的體驗(yàn)[9]。該網(wǎng)站上線4個(gè)月，讀者訪問(wèn)量已達(dá)89 593次，并且沒(méi)有因網(wǎng)站性能、功能等原因受到讀者投訴，好評(píng)如潮[9]。中國(guó)科技大學(xué)圖書館通過(guò)響應(yīng)式Web設(shè)計(jì)建設(shè)的網(wǎng)站于2015年初正式投入使用，因?yàn)樵摼W(wǎng)站推出時(shí)間不長(zhǎng)，尚未得到讀者使用該網(wǎng)站的數(shù)據(jù)。

讀者無(wú)論是使用臺(tái)式電腦，還是使用筆記本電腦、Ipad、智能手機(jī)等移動(dòng)設(shè)備訪問(wèn)這兩所高校圖書館網(wǎng)站，其頁(yè)面都能夠自動(dòng)切換分辨率、

圖片大小等，并且在保持內(nèi)容的一致性的前提下，讀者在移動(dòng)端也能很流暢地瀏覽。但是使用響應(yīng)式Web設(shè)計(jì)建設(shè)網(wǎng)站的圖書館也面臨著一個(gè)挑戰(zhàn)：如何對(duì)數(shù)據(jù)庫(kù)供應(yīng)商、館際互借系統(tǒng)、聯(lián)機(jī)公共檢索目錄等外部鏈接實(shí)現(xiàn)響應(yīng)式。

3.2.3 非響應(yīng)式Web設(shè)計(jì)的圖書館網(wǎng)站分析

“211”高校中有106所高校圖書館采用了非響應(yīng)式Web設(shè)計(jì)建設(shè)其網(wǎng)站，分別建設(shè)有PC端網(wǎng)站、Wap端網(wǎng)站和開發(fā)App。其中這106所高校圖書館都建設(shè)了PC端網(wǎng)站，81所高校圖書館建設(shè)了Wap端網(wǎng)站，88所高校圖書館開發(fā)了App（見(jiàn)表1）。這說(shuō)明了PC端網(wǎng)站是高校圖書館在互聯(lián)網(wǎng)發(fā)展下的產(chǎn)物，而Wap端和App則是適應(yīng)移動(dòng)互聯(lián)網(wǎng)時(shí)代的產(chǎn)物。

表1 使用非響應(yīng)式設(shè)計(jì)網(wǎng)站的圖書館數(shù)量及比例

表2 建設(shè)PC端、Wap端和App應(yīng)用的高校圖書館數(shù)量及比例

由表2可見(jiàn)這106所高校圖書館中建設(shè)PC端網(wǎng)站、Wap端網(wǎng)站和App的情況。其中，河北工業(yè)大學(xué)、延邊大學(xué)和國(guó)防科學(xué)技術(shù)大學(xué)等10所高校圖書館僅建設(shè)了PC端網(wǎng)站，占非響應(yīng)式Web設(shè)計(jì)的圖書館網(wǎng)站的9%。這說(shuō)明了還有少數(shù)“211”圖書館尚未建設(shè)移動(dòng)圖書館網(wǎng)站。同時(shí)建設(shè)了PC端網(wǎng)站和Wap端網(wǎng)站的高校圖書館共有81所，占76%；同時(shí)建設(shè)了PC端網(wǎng)站和開發(fā)App的高校圖書館共有88所，占83%；同時(shí)建設(shè)PC端網(wǎng)站、Wap端網(wǎng)站和開發(fā)App的高校圖書館共有75所，占71%。因此，我們可以看到大部分圖書館積極籌建不同訪問(wèn)方式的網(wǎng)站，以滿足用戶對(duì)移動(dòng)檢索的需求。此外，在調(diào)查過(guò)程中我們發(fā)現(xiàn)同時(shí)建設(shè)了Wap端和開發(fā)App的高校圖書館網(wǎng)站都是僅支持平板電腦、閱讀器和智能手機(jī)等移動(dòng)設(shè)備。

4 結(jié)論

前文調(diào)查結(jié)果表明，“211”高校圖書館網(wǎng)站中僅有2所圖書館的門戶網(wǎng)站采用了響應(yīng)式Web設(shè)計(jì)。在調(diào)查中我們還發(fā)現(xiàn)，上海大學(xué)圖書館也在2015年正式啟動(dòng)并實(shí)施了基于響應(yīng)式Web設(shè)計(jì)的圖書館門戶網(wǎng)站的工作[10]。雖然目前采用該技術(shù)建設(shè)網(wǎng)站的圖書館很少，但是面對(duì)技術(shù)不斷地進(jìn)步發(fā)展，移動(dòng)設(shè)備和瀏覽器類型越來(lái)越豐富，與建設(shè)專門移動(dòng)網(wǎng)站的高校圖書館相比，采用滿足不同設(shè)備、不同瀏覽器和用戶不同需求和環(huán)境的響應(yīng)式Web設(shè)計(jì)的高校圖書館或許在未來(lái)能走得更遠(yuǎn)。為了滿足移動(dòng)服務(wù)的需求，特別是目前僅建設(shè)了PC端網(wǎng)站的10所高校圖書館，利用響應(yīng)式Web設(shè)計(jì)建設(shè)其網(wǎng)站會(huì)是一個(gè)理性的選擇。但是，值得關(guān)注的是，當(dāng)圖書館的各個(gè)門戶網(wǎng)站及資源平臺(tái)都采用響應(yīng)式Web設(shè)計(jì)時(shí)，是否還需要為不同移動(dòng)設(shè)備建立專門的圖書館網(wǎng)站？

響應(yīng)式Web設(shè)計(jì)就是最好的？回答是否定的。因?yàn)槟壳绊憫?yīng)式web設(shè)計(jì)僅關(guān)注了臺(tái)式電腦、平板電腦和移動(dòng)設(shè)備，然而各種聯(lián)網(wǎng)設(shè)備洶涌而來(lái)，如智能電視機(jī)、聯(lián)網(wǎng)汽車、支持Internet的冰箱等，因此Web設(shè)計(jì)也將不會(huì)僅局限于某一種平臺(tái)。所以，高校圖書館網(wǎng)站是分別建設(shè)PC網(wǎng)站、Wap網(wǎng)站和開發(fā)App，還是向響應(yīng)式網(wǎng)站設(shè)計(jì)發(fā)展，關(guān)鍵是要學(xué)會(huì)“隨波逐流”，掌握不確定性，用一種未來(lái)友好的思維，順應(yīng)潮流，確保一定要靈活，能夠適應(yīng)未來(lái)的一切變化[11]。

［1］龍 哥.響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)［EB/OL］.［2015-05-28］.http：// isux.tencent.com/responsive-web-design.html.

［2］中國(guó)互聯(lián)網(wǎng)網(wǎng)絡(luò)信息中心.第35次中國(guó)互聯(lián)網(wǎng)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告［R/OL］.［2015-06-01］.http：//www.cnnic.net.cn/ hlwfzyj/hlwxzbg/hlwtjbg/201502/P020150203548852631921. pdf.

［3］Wisniewski J.Mobile that works for your library［J］.Online，2011，35（1）：54-57.

［4］Marcotte E.Responsive Web Design［EB/OL］.［2015-06-01］. http：//www.alistapart.com/articles/responsive-web-design/.

［5］［美］卡德萊茨.響應(yīng)式Web設(shè)計(jì)實(shí)踐［M］.侯鴻儒，譯.北京：人民郵電出版社，2013：198-207.

［6］Qayyum A.Responsive Web Design：An Ultimate Guide［EB/ OL］.［2015-06-01］.http：//smashinghub.com/responsiveweb-design-an-ultimate-guide.html.

［7］搜索引擎最佳化［EB/OL］.［2015-06-01］.http：//baike.haosou. com/doc/1995066-2111213.html.

［8］GriffayJ.MobileTechnologyandLibraries［M］.NewYork：Neal-Schuman Publishers，2010：93.

［9］畢 劍，劉曉艷，張 禹.使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)構(gòu)建圖書館移動(dòng)門戶網(wǎng)站——以云南大學(xué)圖書館為例［J］.現(xiàn)代圖書情報(bào)技術(shù)，2015，31（2）：97-102.

［10］馮春英.基于響應(yīng)式Web設(shè)計(jì)的新型圖書館門戶網(wǎng)站構(gòu)建［J］.圖書館學(xué)研究，2015（15）：34-40.

［11］［美］加德納，［美］格里格斯比.Head First Mobile Web中文版［M］.林 琪，劉曉兵，等，譯.北京：中國(guó)電力出版社，2013：357-415.

（責(zé)任編校 田麗麗）

Responsive Web Design and Its Application in the Library Web Portal：Taking the Case of the Libraries of“Project 211”Universities

Cao Shujin,Wu Yubing
School of Information Management,Sun Yat-sen University,Guangzhou 510006,China

The present article gives a brief introduction to responsive Web design and its key technology,and analyzes its advantages and disadvantages.The authors visited library portals of 112“Project 211”universities by PC,android phone and Ipad separately,in order to understand application of responsive Web design in the mobile construction of these library websites.Results show that only the portals of Yunnan University Library and Library of University of Science and Technology of China adopt responsive Web design.Finally,it is concluded that responsive Web design will neither be the optimal way nor the sole way in the future.The construction of university library portals in future will not be confined to only one kind of platform,and future-friendly thinking should be employed to go with the historical trend of the time,ensure flexibility and fit in with any change in the future.

responsive Web design;academic library;library web portal

G250

吳育冰，女，1990年生，2014級(jí)圖書情報(bào)學(xué)碩士研究生，發(fā)表論文1篇。