RWD響應式網站 RWD Responsive Website

 


您不可不知的數據!

台灣行動裝置用戶已達到1600萬

     
     
 

根據資策會FIND公佈最新調查結果顯示,國內12歲以上使用智慧型手機或平板電腦者已達到1600 萬人。調查也發現行動裝置不僅在中低年齡族群已經普及,連中高齡層普及率也在持續提升中,行動裝置不再只是年輕族群的專利,也逐漸走入中高年齡層人口的生活中。 而這些用戶在智慧型手機上最常使用的應用除了即時通訊、社群網站、遊戲、收發電子郵件外,地圖導航、搜尋旅遊資訊、網購、訂票也同步增長。而對網路及網站依存高的觀光旅宿業者,其網站若有針對行動族群做改版,將會是最大的受益者。

行動商務 隨時隨地上網購物

「響應式網站」這名稱聽起來有點抝口,他的英文是「Responsive Web Design」簡稱「RWD」,中文又稱自適應、適應性或回應式網頁設計,會有這麼多不同的中文名稱,是因為Responsive Web Design是因應智慧型手機及平板而大量運用的優勢技術,國外已經非常習慣用RWD技術設計網站。在2015年開始,我們也開始陸續接到客戶主動來電告知要製作RWD網站的需求,看來RWD的魅力終於要在台灣生根了。

響應式網頁是要「響應」什麼呢?簡單來說,響應式網頁設計就是透過CSS3+JQuery網頁技術,讓手機、平板、電腦網站使用同一網站的圖文內容及資料庫,在不同尺寸或解析度的設備或螢幕上,網頁程式會根據使用者的裝置,以符合版面大小的樣式來顯示網頁的內容。更簡單地說,RWd網站技術讓你可以只花一個網站的費用,讓電腦、手機、平板都可以正常瀏覽同一個網站,再也不需要用手指在面板上放大、縮小。

RWD的優點 :
1. 可使用同一套原始碼來撰寫CSS,可以減少版面重新製作的時間。
2. 可同時針對不同的解析度來設定,增加頁面的可用性。
3. 對於搜尋引擎的收錄不會造成影響,不影響SEO的結果。
4. 開發時間較APP來說可以快速很多。
5. 學習門檻較低,對於已經從事網頁設計的人員來說,此技術只是建構在原本的DIV+CSS之上的一門技術,因此學習起來相對容易。

RWD的缺點 :
1. 因為在同一頁面會置入多種解析度的CSS檔案會增加頁面傳輸量,載入的時間也會加長。
2. 若在各種解析度下的畫面都需校槁的話,在製作版面的時間會大大的增加。
3. 無法提供像APP般功能強大的功能,或是各種酷炫的拖拉效果。
4. 開發時程較傳統網頁需相對多的時間。