沒有切不出來的網頁！
網頁技術易學難精，是否學完 HTML5、CSS3、甚至 JavaScript 之後，仍然無法完成能被企業採用、真正上線的網頁產品呢？
關鍵就在於「網頁切版」的能力！網頁切版要做得好、做得精細、做得專業，需要許多經驗的累積。這門課，將會帶你【實際模仿開發】Google、Facebook 等大型公司的網頁版面設計，鉅細靡遺，手把手，從頭做到尾。
你的課程作品，就是世界級的網頁！
上課日期與時間：
從 2018 / 4 / 23 開始，每周一晚上 7 點到 10 點上課，每次 3 小時，共 9 小時。
實際日期為：4 / 23、4 / 30、5 / 7 三天。
適合對象：
具備 HTML、CSS 基礎，有慣用的文字編輯軟體。
上課環境：需自備筆電！
現場有免費 WIFI、電源插座、公用廁所，可自行攜帶茶水。
課程大綱：
網頁切版技巧總覽：
- 複習 HTML、CSS 的關鍵部份
- 顯示模式觀念詳解
- 切版技巧之 inline-block
- 切版技巧之 flex
- 切版技巧之 定位模式
行動網頁設計：
- 基本觀念與解決方案
- RWD 回應式設計之 Media Query
- RWD 回應式設計之 關鍵招術
- 通過行動網頁友善測試
網頁切版實戰：Facebook 首頁
- 實戰目標：www.facebook.com (未登入狀態)
- 分析主要區塊
- 分析版面細節
- 鉅細靡遺：完成 FB 首頁切版
網頁切版實戰：Google 開發人員頁面
- 實戰目標：developers.google.com
- 分析主要區塊與細節
- 分析 RWD 回應式設計的模式
- 鉅細靡遺：完成 Google 開發人員頁面切版
