響應式網頁設計教學 : 三十分鐘學會建構 網頁設計 教學 | Responsive Web Design Tutorial

收錄一系列共 28 種網頁設計，通通都是 HTML5+CSS3 並有響應式設計功能，網站採用的授權方式為 Creative Commons 姓名標示 3.0，也就是說你可以自由分享、修改這些模版，唯獨需要保留網頁裡的姓名標示（Attribution）。

利用這些免費的RWD網頁模板、網頁範例下載資源和Web Framework Ranking，您可以輕鬆地建立自己的響應式網站而不花大錢。 現在就去探索並找到最適合您的響應式網頁設計吧！

本文將透過五大章節，逐步解析 「響應式網站範例」 的實作方式與技術重點，並提供實用的HTML與CSS教學，協助您打造兼具美觀與效能的現代化網頁。

響應式網頁模板，是指模板必會滿足Google所指定的 RWD響應式網頁設計，它的用意便是：「手機、平板、電腦一次搞定」，只要做一個版本的網站，就可以符合各樣式的載具（如下圖）。

RWD 全名為響應式網頁。 本文將提供完整 RWD 教學，介紹 RWD 網頁和自適應式網頁的差別，以及分享 5 款響應式網站模板和 RWD 範例。

我們收集了 50 個預先構建的響應式 HTML5 模板，只需稍作創意調整，即可讓您的網頁設計項目立即上線。 最棒的是網站模板是完全免費的！

Templated 免費網頁模板下載，提供超過800款免費可個人和商用CSS+HTML5的RWD響應式網站範本，不僅能作為網站架設的樣式參考，找到喜歡的版型將它下載，即可取得原始碼，架設網站更快速容易。