RWD 網頁設計入門：用 Bootstrap 做出手機、平板、電腦上都 OK 的網頁

大家好，有沒有想學寫網站的朋友呢？

隨著智慧型手機的普及，現在的網站畫面必須同時滿足電腦、手機螢幕，甚至是平板電腦的需求。

要如何做出能在各種寬度的螢幕都 OK 的網頁呢？

聰明的設計師們發明了一種稱為「Responsive Web Design」的畫面設計方法。

實作起來非常簡單，利用一些簡單的畫面分割原理，就能滿足各螢幕的需求。

我整理了一份有趣的 RWD 自學教材，每堂課附有一個小作業。

會帶領大家在作業中，以美國時代雜誌的網站為範例，一步一步利用 Bootstrap 做出一個 RWD 網頁。

剛入門網頁設計的朋友，非常適合接著把 RWD 原理學起來！

開始之前，您需要先具備基本的 HTML、CSS、Bootstrap 知識。

還不會的朋友，請先完成：

• 自學網頁の嬰兒教材：HTML與CSS
• 自學網頁の嬰兒教材：Bootstrap

準備好的話，讓我們馬上開始吧！

注意事項

1. 本課程為付費解鎖教材，透過智付通第三方金流公司處理付款。解鎖時如果遇到任何問題，歡迎透過 FB 粉專直接聯絡我！

2. 這門課就跟「自學網頁の嬰兒教材：HTML與CSS」教材一樣，是「指引式」教材，只會提供學習方向、參考連結、作業題目！