過往的網站設計只能讓各個裝置的頁面在「好看」與「能看」中做取捨，想要讓功能性與視覺互動並行可謂一大難題！自從響應式網頁技術出現後，跨裝置的頁面設計就不再出現版本功能提供不同步、視覺感受不一致的情況。
什麼是 RWD 響應式網頁 ?
Responsive web design 縮寫為 RWD ，被廣泛翻譯成響應式網頁設計或適應式網頁設計，簡單來說，就是一種根據螢幕大小自動呈現網站的設計技術，過往沒有 RWD 響應式網頁技術，使用行動裝置只能瀏覽電腦版的網站，需要不斷地放大、縮小，才能透過手機在網站上找到資訊。
又或者有些品牌商家會特地為行動裝置量身訂做一套網站，但問題是如果行動裝置尺寸不同，例如平板跟手機的螢幕尺寸一定不一樣，那專屬行動裝置的網站究竟要開幾個才能滿足所有的瀏覽需求？因此在網站設計時，選用 RWD 響應式網頁技術，無論是從電腦、平板到手機端觀看網頁，都會給瀏覽者最佳瀏覽體驗效果。
為什麼 RWD 響應式網頁能隨意變更網站佈局？
響應式網頁設計嚴格來說是三種技術的整合：
- 流動布局（ Fluid Grid ）
讓RWD網頁中的所有元素，能夠隨著不同瀏覽介面自動縮放、調整排版。例如桌電畫面有兩個區塊可以並排，轉換到手機後面的區塊就會自動向下排列，不會像舊有的網頁設計直接產生水平卷軸。
- 流動圖片 ( Fluid Images )
RWD網頁內的圖片也會隨著流動布局，在不同的瀏覽介面中依比例縮小，但不會因為瀏覽介面過大而讓圖片像素化。 除去百分比的變動，你也可以事先為每個介面尺寸配好對應的圖片，確保每張圖片在各個瀏覽介面都能發揮同等效果。
- 媒體查詢（ Media Queries ）
照字面的涵義，就是在RWD網頁顯示之前，RWD網頁會先查詢你使用的設備屬性看是iPad、iPhone、PC，還是其他設備，再針對這些屬性給你合適的網頁布局。假設瀏覽介面太小，就可以為較小的螢幕重新定位側邊欄，或者可以顯示替代導航。
RWD 響應式網頁外，還有能兼容手機版的網頁設計技術嗎?
與 RWD 響應式網頁齊名的自適應式網頁設計技術—— AWD ，同樣都是為了解決跨裝置瀏覽問題而生的網頁設計技術，目前這兩種技術也相對成熟許多，因此網站設計未有 RWD 響應式網頁設計與 AWD 自適應式網頁設計的網站基本已被淘汰的差不多了。
而 RWD 響應式網頁與 AWD 自適應式網頁最大的區別便是，RWD 響應式網頁能夠應用同一套的 CSS ，隨著視窗的縮放做出相對應的排版變化，而 AWD 自適應式網頁則是會自行判斷行動裝置大小，然後讀取不同的 CSS ，但只要排版形式雷同，這兩者所帶來的功能基本差異不大。
也因為 AWD 自適應式網頁是直接讀取其中一組 CSS ，不需要變化應對的時間，因此網路連線的速度比較快，不過現今網路頻寬越來越大，連線速度的優勢也就沒有那麼明顯，大部分的主流網站都還是改成 RWD 響應式網頁設計方式，只有部分大型購物網站會使用 AWD 自適應式網頁作為網站設計首選。
架設 RWD 響應式網頁需要哪一些費用?
想要把網站做到可以上架銷售、推廣，可不只有RWD網頁設計與視覺設計而已，如實體門市經營一般，需要在網路世界幫網站租一塊門牌、找一間房子、搞裝潢，以及確保網站安全……等，所以常見的響應式網頁設計費用如下：
- 網域承租費用
| 價格 | 收費方式 | 最低承租年限 |
| 從300 – 800不等 | 年費 | 一年 |
網址就如同門牌號碼越是簡單易記，顧客會越容易找上門，但相對網域承租費用也越為昂貴。上面提到的網域承租價格是在不搶占短網址的正常區間，不然網域名稱其實從免費到各種讓人心驚膽戰的價格都有。
台灣常見的網域註冊機構除各大電信外，還有捕夢網、智慧生活、PChome、網路中文……等，價格上基本都會比國外的註冊機構稍貴些，但相對的售後服務也比較有保障。
- 伺服器主機及維護費用
| 價格 | 收費方式 | 最低承租年限 |
| 5000-數十萬不等 | 年費 | 一年 |
網域如門牌號碼，伺服器就是網路門市的所在地，想要讓網站蓋得順利、跑得順遂，合適的網站伺服器很重要。伺服器建置的價格之所以從數千到數十萬不等，其實跟後續的網站維護有很大的關係，選擇伺服器必須考量很多，例如：頻寬、流量…等等，所以多數品牌商家剛開始都會有自架伺服器的念頭。
但扯到自架伺服器，你的預算就必須從文章提到的費用基礎上，再加上不斷電設備、高額冷氣費、軟硬體耗材、授權軟體、資訊人員薪資，甚或是外包資訊維護費用…等等，才有辦法滿足自架伺服器，並且若你的需求僅是一項形象網站或型錄官網，這樣的成本支出還不如選擇託管網站或自租虛擬主機，將前期部分網站架設費用挪作品牌行銷預算用。
- RWD 響應式網頁設計費用
| 價格 | 收費方式 |
| 依據需求，價格浮動大 | 一次性費用 |
不要說各家設計公司收費不一，各個案子的費用也不一定會一樣，每件 RWD 響應式網頁設計案例的細節多少會因為顧客需求而有不同的改變。大部分都是網站架構與功能的複雜程度左右報價，像一頁式網站、形象官網的報價上就會略低於電子購物網站，以及有特殊功能的網站，如預購、預約、訂房網站設計。
- SSL 加密憑證費用
| 價格 | 收費方式 | 最低承租年限 |
| 從3000到上萬 | 年費 | 一年 |
SSL 憑證大致上就是會保護使用者與網站交換資訊的安全憑證，避免使用者剛填完資訊，個資就轉手到詐騙集團手上，或被惡意竄改。 SSL 憑證效果大致差異不大，但越昂貴的憑證，加密規則就越是謹慎，部分 SSL 憑證遇到資訊外流情況，還會提供相對應的賠償金。但與網域註冊相同的，國內與國外仍有價差，但就賠償金這一點，發生在國內應該會比較有機會獲得。
