大家好，有沒有想學寫網站的朋友呢？
隨著智慧型手機的普及，現在的網站畫面必須同時滿足電腦、手機螢幕，甚至是平板電腦的需求。
要如何做出能在各種寬度的螢幕都 OK 的網頁呢？
聰明的設計師們發明了一種稱為「Responsive Web Design」的畫面設計方法。
實作起來非常簡單，利用一些簡單的畫面分割原理，就能滿足各螢幕的需求。
我整理了一份有趣的 RWD 自學教材，每堂課附有一個小作業。
會帶領大家在作業中，以美國時代雜誌的網站為範例，一步一步利用 Bootstrap 做出一個 RWD 網頁。
剛入門網頁設計的朋友，非常適合接著把 RWD 原理學起來！
開始之前，您需要先具備基本的 HTML、CSS、Bootstrap 知識。
還不會的朋友，請先完成：
準備好的話，讓我們馬上開始吧！
共有 0 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
課程內容
每週二 YT 直播 Q&A（可 Discord Call-in）
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D
⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching
⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services
⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D
⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching
⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services
⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA