內容簡介
06分鐘35秒教學目標
04分鐘27秒窄螢幕模式網頁設計_任務發布
02分鐘13秒窄螢幕模式網頁設計_技能點
01分鐘53秒窄螢幕模式網頁設計_準備工作
08分鐘43秒窄螢幕模式網頁設計_step1_框架搭建
07分鐘35秒窄螢幕模式網頁設計_step2_導覽列設計
04分鐘59秒窄螢幕模式網頁設計_step3_jumbotron標題
04分鐘05秒窄螢幕模式網頁設計_step4_設計各板塊內容
02分鐘31秒窄螢幕模式網頁設計_step5_自訂CSS美化頁面
08分鐘25秒窄屏模式網頁設計_案例小結
03分鐘24秒固定版面模式網頁設計_任務發布
02分鐘20秒固定版面模式網頁設計_準備工作
02分鐘00秒固定佈局模式網頁設計_step1_框架搭建
05分鐘06秒固定佈局模式網頁設計_step2_內容佈局排版
04分鐘17秒固定版面模式網頁設計_step3_設計標題內容
05分鐘10秒固定版面模式網頁設計_step4_設計Column版塊內容
05分鐘10秒固定佈局模式網頁設計_step5_響應式導覽列設計
19分鐘49秒固定版面模式網頁設計_案例小結
02分鐘08秒登入介面實戰_step1_任務發布&技能點數分析
02分鐘09秒登入介面實戰_step2_加入表單登入各元件
07分鐘19秒登入介面實戰_step3_加入用於美化的CSS
04分鐘21秒登入介面實戰_step4_將表單元素套用CSS
07分鐘53秒登入介面實戰_step5_強化功能效果
07分鐘11秒登入介面實戰_案例小結
02分鐘05秒實戰流動佈局_任務發布
01分鐘44秒實戰流動佈局_技能點、準備工作
01分鐘49秒實戰流動佈局_step1_整體框架搭建
09分鐘55秒實戰流動佈局_step2_頂部導覽列設計
03分鐘49秒實戰流動佈局_step3_標題版塊設計
02分鐘36秒實戰流動佈局_step4_內容明細響應式設計
05分鐘42秒實戰流動佈局_step5_設計側邊導航欄
03分鐘01秒實戰流動佈局_step6_重構側邊導航列小螢幕隱藏
02分鐘34秒實戰流動佈局_step7_重構標題列加入動態內容
04分鐘29秒實戰流動佈局_step8_為動態內容附加JS事件
03分鐘42秒實戰流動佈局_案例小
02分鐘09秒行銷類網站設計_任務發布、技能點數分析
02分鐘25秒行銷類網站設計_準備工作、實現步驟分析
01分鐘12秒行銷類網站設計_step1_首頁整體架構設計
04分鐘08秒行銷網站設計_step2 _細化頂部導覽欄
03分鐘24秒行銷類網站設計_step3_設計突顯標題
03分鐘08秒行銷類網站設計_step4_內容明細的設計
04分鐘27秒行銷類網站設計_step5_自訂CSS美化頁面
07分鐘36秒行銷類網站設計_案例小結
01分鐘35秒網頁頂部與底部貼上效果_任務發布
02分鐘06秒網頁頂部與底部貼上效果_技能點與準備工作
02分鐘09秒網頁頂部與底部貼上效果_step1_整體框架佈局
03分鐘26秒網頁頂部與底部貼上效果_step2_頂部導覽欄
05分鐘01秒網頁頂部與底部貼上效果_step3_底部元素設計
02分鐘40秒網頁頂部與底部貼上效果_step4_內部部分設計
02分鐘21秒網頁頂部與底部貼上效果_step5_底部導航固定效果
03分鐘50秒網頁頂部與底部貼上效果_step6_自訂CSS美化頁面
01分鐘53秒網頁頂部與底部貼上效果_案例小結
01分鐘45秒部落格頁面_任務發布
01分鐘51秒部落格頁面_技能點與準備工作
01分鐘59秒部落格頁面_step1_整體框架搭建
07分鐘43秒部落格頁面_step2_頂部導覽列
03分鐘48秒部落格頁面_step3_尾部內容設計
03分鐘42秒部落格頁面_step4_設計頂部標題
02分鐘39秒部落格頁面_step5_內容部分排版設計
04分鐘38秒部落格頁_step6_底部文章分頁
01分鐘48秒部落格頁_step7_側邊欄內容設計
03分鐘11秒部落格頁面_step8_加入CSS美化頭部選單
03分鐘59秒部落格頁面_step9_加入CSS美化尾部內容
02分鐘27秒部落格頁面_案例小結
01分鐘29秒