RWD響應式網站,網站設計,台中南屯網站設計公司
早期的網頁大多以一般家用電腦或筆記型電腦的瀏覽者為主,在製作網頁時會以準確規格來設定網頁頁面的大小,比如1024x768;然而現今,有數十種不同螢幕尺寸規格,像是智慧型手機、平板、筆電和桌電…等等多種螢幕尺寸,網頁設計師常因為螢幕尺寸與比例太多,在網站的規劃與設計上產生很多不必要的困擾。 為了解決這樣的窘境,「RWD (Responsive Web Design) 」又稱響應式網頁設計、適應性網頁、自適應網頁設計、回應式網頁設計等多項名稱,自然成為新的網站設計趨勢,它用來解決目前多種螢幕尺寸,在瀏覽網頁所衍生出來的問題以並建置網站,讓網頁設計師有更多的方式去思考,如何將響應式網頁設計(RWD)應用在網頁上。 在「RWD響應式網頁設計」尚未普及化前,手機板網站也曾流行一小段時間,做為傳統網站與RWD網站的臨時解決方案,由於手機版網站使用上還是有不少缺點無法改善,現今使用「RWD」就可以用一個網站取代多種版本的網站方式,在製作上與網站的管理與維護上相對簡單許多,加上對於企業者來說可以省下不少的成本經費,,所以手機版網站已經漸漸被「RWD」取代。 「RWD響應式網頁設計」是以HTML 呈現的制作方法、針對PC、平版電腦、智慧型手機…等多種螢幕尺寸來呈現網頁最適化。不是針對設備製作専用的頁面,而是以瀏覽器的螢幕尺寸為基準,使用CSS3技術製作與調整,來應付各種螢幕尺寸的網頁製作方式,好讓使用者可以在舒適的狀態下瀏覽網頁。 |
|
傳統網頁VS響應式網頁 早期網頁對於行動裝置瀏覽的解決方法,除了製作電腦版網站外,還要另外設計手機版或平板專用的網站,但會產生網站內容要維護更新時,需同時維護多個網站;還有會有不同網址卻相同內容的狀況,可能造成網頁權重分散及重複內容問題,對於搜尋排名較為不利。 響應式網站(RWD)會根據不同的螢幕尺寸調整顯示效果,但仍使用相同的網址和網站內容。 |
|