︿
Top
RWD網站設計
響應式網頁設計英文名為 Responsive Web Design(RWD)

為什麼會有這種網頁格式的產生?

主要原因就是上網界面沒有統一化, 每種設備及其領導廠商均依自行規格開發各種上網設備。

當然,在使用電腦上網是可以觀看的,但為了提供給使用行動裝置上網的使用者,有更好的視覺瀏覽及管理方便,而提出利用CSS3+jQuery等技術,設計出可以在大部份的設備上自行對應變換成合適的觀看畫面。

主要核心精神就是 網頁可以配合電腦、行動智慧裝置的螢幕大小自動變換 對應的網頁語法。

目前全球的行動上網已佔上網人口的一半,為行動上網的使用者設計專用的界面,絕對可以有效提高使用者經驗及網站競爭力。
RWD響應式網頁特惠專案規格說明:
產品型錄專案 特惠購物專案 服飾/鞋零售專案 形象及資訊專案 限時特惠專案 社團組織專案
電腦網頁 V.S RWD響應式網頁比較表:
 
電腦網頁
RWD響應式網頁
優勢
•可作複雜式版面編排
•網頁資訊內容非常豐富
•大型螢幕表現較佳
•配合各種螢幕尺寸自行變化
•網頁符合手機的操作直覺
•小型螢幕表現較佳
優勢
在手機螢幕與小尺寸畫面上會顯得內容過於壅擠難以閱讀
在大螢幕上會顯得內容過於空洞,圖片與文字被放大的過大
未來性
適用於辦公室與家庭裡螢幕大尺寸上網設備,例如電視、投影機等
除了手機與平板,可使用於未來各種新上網裝置,例如物聯網設備、智慧手錶、智慧眼鏡、智慧家電等
主要語法
以Html為主
CSS、JavaScript為輔
以CSS為主
Html、jQuery為輔
語法核心差異
以< table >< /table >為主
以< div >< /div >為主
聯繫萊姆氣泡