第1節 窄螢幕模式網頁設計_任務發布

02分鐘13秒

第2節 窄螢幕模式網頁設計_技能點

01分鐘53秒

第3節 窄螢幕模式網頁設計_準備工作

08分鐘43秒

第4節 窄螢幕模式網頁設計_step1_框架搭建

07分鐘35秒

第5節 窄螢幕模式網頁設計_step2_導覽列設計

04分鐘59秒

第6節 窄螢幕模式網頁設計_step3_jumbotron標題

04分鐘05秒

第7節 窄螢幕模式網頁設計_step4_設計各板塊內容

02分鐘31秒

第8節 窄螢幕模式網頁設計_step5_自訂CSS美化頁面

08分鐘25秒

第9節 窄屏模式網頁設計_案例小結

03分鐘24秒

第1節 固定版面模式網頁設計_任務發布

02分鐘20秒

第2節 固定版面模式網頁設計_準備工作

02分鐘00秒

第3節 固定佈局模式網頁設計_step1_框架搭建

05分鐘06秒

第4節 固定佈局模式網頁設計_step2_內容佈局排版

04分鐘17秒

第5節 固定版面模式網頁設計_step3_設計標題內容

05分鐘10秒

第6節 固定版面模式網頁設計_step4_設計Column版塊內容

05分鐘10秒

第7節 固定佈局模式網頁設計_step5_響應式導覽列設計

19分鐘49秒

第8節 固定版面模式網頁設計_案例小結

02分鐘08秒

第1節 登入介面實戰_step1_任務發布&技能點數分析

02分鐘09秒

第2節 登入介面實戰_step2_加入表單登入各元件

07分鐘19秒

第3節 登入介面實戰_step3_加入用於美化的CSS

04分鐘21秒

第4節 登入介面實戰_step4_將表單元素套用CSS

07分鐘53秒

第5節 登入介面實戰_step5_強化功能效果

07分鐘11秒

第6節 登入介面實戰_案例小結

02分鐘05秒

第1節 實戰流動佈局_任務發布

01分鐘44秒

第2節 實戰流動佈局_技能點、準備工作

01分鐘49秒

第3節 實戰流動佈局_step1_整體框架搭建

09分鐘55秒

第4節 實戰流動佈局_step2_頂部導覽列設計

03分鐘49秒

第5節 實戰流動佈局_step3_標題版塊設計

02分鐘36秒

第6節 實戰流動佈局_step4_內容明細響應式設計

05分鐘42秒

第7節 實戰流動佈局_step5_設計側邊導航欄

03分鐘01秒

第8節 實戰流動佈局_step6_重構側邊導航列小螢幕隱藏

02分鐘34秒

第9節 實戰流動佈局_step7_重構標題列加入動態內容

04分鐘29秒

第10節 實戰流動佈局_step8_為動態內容附加JS事件

03分鐘42秒

第11節 實戰流動佈局_案例小

02分鐘09秒

第1節 行銷類網站設計_任務發布、技能點數分析

02分鐘25秒

第2節 行銷類網站設計_準備工作、實現步驟分析

01分鐘12秒

第3節 行銷類網站設計_step1_首頁整體架構設計

04分鐘08秒

第4節 行銷網站設計_step2 _細化頂部導覽欄

03分鐘24秒

第5節 行銷類網站設計_step3_設計突顯標題

03分鐘08秒

第6節 行銷類網站設計_step4_內容明細的設計

04分鐘27秒

第7節 行銷類網站設計_step5_自訂CSS美化頁面

07分鐘36秒

第8節 行銷類網站設計_案例小結

01分鐘35秒

第1節 網頁頂部與底部貼上效果_任務發布

02分鐘06秒

第2節 網頁頂部與底部貼上效果_技能點與準備工作

02分鐘09秒

第3節 網頁頂部與底部貼上效果_step1_整體框架佈局

03分鐘26秒

第4節 網頁頂部與底部貼上效果_step2_頂部導覽欄

05分鐘01秒

第5節 網頁頂部與底部貼上效果_step3_底部元素設計

02分鐘40秒

第6節 網頁頂部與底部貼上效果_step4_內部部分設計

02分鐘21秒

第7節 網頁頂部與底部貼上效果_step5_底部導航固定效果

03分鐘50秒

第8節 網頁頂部與底部貼上效果_step6_自訂CSS美化頁面

01分鐘53秒

第9節 網頁頂部與底部貼上效果_案例小結

01分鐘45秒

第1節 部落格頁面_任務發布

01分鐘51秒

第2節 部落格頁面_技能點與準備工作

01分鐘59秒

第3節 部落格頁面_step1_整體框架搭建

07分鐘43秒

第4節 部落格頁面_step2_頂部導覽列

03分鐘48秒

第5節 部落格頁面_step3_尾部內容設計

03分鐘42秒

第6節 部落格頁面_step4_設計頂部標題

02分鐘39秒

第7節 部落格頁面_step5_內容部分排版設計

04分鐘38秒

第8節 部落格頁_step6_底部文章分頁

01分鐘48秒

第9節 部落格頁_step7_側邊欄內容設計

03分鐘11秒

第10節 部落格頁面_step8_加入CSS美化頭部選單

03分鐘59秒

第11節 部落格頁面_step9_加入CSS美化尾部內容

02分鐘27秒

第12節 部落格頁面_案例小結

01分鐘29秒