最新消息 群盟科技-更多最新消息
詐騙盛行:做好更新與備...
2017年 再次提醒您,提高...
2017 『雞』祥如意 農曆...
主機升級維護通知...
2016 -09-28 教師節休假...
搜尋引擎登錄排名服務
網址申請
SMS 簡訊系統,簡訊認證

首頁 >> 技術園地 >> 您的網頁RWD了嗎?

您的網頁RWD了嗎?

2017-06-18

什麼是RWD (Responsive Web Design)

您可能聽過響應式網頁設計、自適應網頁設計、適應性網頁、回應式網頁設計、多螢網頁設計。

隨著智慧型手機、平板電腦的普及化,網頁技術近年來也開始重視各種載具的視覺效果,近兩年許多網頁管理者紛紛注重手機版的網頁,都會要求做一套手機版的網頁,但是另做一套手機版往往跟後台功能配不上。 

導致管理者更新網頁內容時就必須更新網站跟手機兩個版本,尤其是靜態頁面網站沒有後台管理系統並且電腦版跟手機版又委託給不同設計公司作網站時,資料修更新就更麻煩了,若網站又同時有多種語言版本,又沒後台,這更新工作更加艱巨,往往導致網站更新作業的緩慢校對困難。


而在2014年網頁設計開發技術的新突破,採用百分比的方式以及彈性的畫面設計,相容於各種不同解析度下改變網頁的佈局排版,在相對較少的預算下做到讓不同的載具都能瀏覽同一網站,提供最佳的視覺體驗。


RWD最讓客戶糾結的會是為什麼不同載具上面看起來排版或者效果會有些差異,例如:顯示行數,字數排版不一樣,斷行位置不相同,這是因為RWD採用的是百分比排版,瀏覽者使用的載具寬度或者字級顯示大小個別預設值不同都會影響排版顯示。又或者Flash效果 JS 的mouse on(over) 效果在手機都無法同步顯示。


另外,如果您的網站屬於多影片,多圖片,多Java效果,這些影像圖片數據資料在頁面訊息量大,那麼您可能會覺得手機速度慢,畢竟電腦的CPU/RAM的運轉還有上網的上載下載速度是遠高於手機的。


若是您或者公司主管高層屬於非常糾結的『細節控』,會有十萬個為什麼的問題產生,建議就擴充多點預算吧!  再做一套專用的手機APP版本了,畢竟RWD不能100%同步效果在手機上,預算有限又不能單獨開發APP就只能接受剩餘的10~20%的不完美了。


我們的RWD網頁客戶


奈瑞科學有限公司蒲浩明雕塑工作室 (含購物車)富琳管理顧問有限公司
http://nanoray.com.tw/http://phmwds.com/http://fullness-pro.com.tw/
Unitag_QRCode_1466656208648.pngUnitag_QRCode_1466656875196.pngUnitag_QRCode_1466657501223.png
巨鎵科技股份有限公司和聖科技股份有限公司 陶喜工作室 (傳統網頁改版RWD)
http://www.getc.com.tw/http://www.hotectw.com/http://artspersonalstyle.com/
Unitag_QRCode_1466657928022.pngUnitag_QRCode_1466658249319.pngUnitag_QRCode_1466659080562.png
Consol Group Pty Ltd.   博士科儀股份有限公司北之特樂銀生活館
http://consolblindsonline.com.au/http://www.drins.com.tw/http://www.best-loving.com.tw/
Unitag_QRCode_1466663678089.pngUnitag_QRCode_1466661631897.pngUnitag_QRCode_1466664048820.png
讚賀生醫股份有限公司CNL Electrical Co., Ltd.TOP HI-TECH INC.
http://www.joinsmart.com.tw/http://www.cnltc.com/http://www.tht-ex-usa.com/
Unitag_QRCode_1486624716916.pngUnitag_QRCode_1486611141869.pngUnitag_QRCode_1486624322681.png
樂福親子館(線上預約系統)凱勃科技有限公司德和衡器有限公司
http://loveplay.com.tw/http://asan.080.net/demo/deantech/http://asan.080.net/demo/derher/
Unitag_QRCode_1466664442224.png1497798121258393.png1466665763204618.png





  您的IP位置:54.224.255.158