下一節: 固定布局模式网页设计_准备工作2188 次播放

5 秒后自动播放下一节
  重新觀看

BootStrap經典案例分析

介紹 >
章節課件
第1章介紹

內容簡介

06分鐘35秒

教學目標

04分鐘27秒
第2章案例一

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

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秒
第3章案例二

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

02分鐘20秒

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

02分鐘00秒

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

05分鐘06秒

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

04分鐘17秒

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

05分鐘10秒

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

05分鐘10秒

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

19分鐘49秒

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

02分鐘08秒
第4章案例三

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

02分鐘09秒

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

07分鐘19秒

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

04分鐘21秒

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

07分鐘53秒

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

07分鐘11秒

登入介面實戰_案例小結

02分鐘05秒
第5章案例四

實戰流動佈局_任務發布

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秒
第6章案例五

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

02分鐘25秒

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

01分鐘12秒

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

04分鐘08秒

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

03分鐘24秒

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

03分鐘08秒

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

04分鐘27秒

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

07分鐘36秒

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

01分鐘35秒
第7章案例六

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

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秒
第8章案例七

部落格頁面_任務發布

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秒
  • 取消回覆傳送
  • 取消發佈筆記傳送