社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
搜尋
<  返回 固定佈局模式網頁設計_step2_內容佈局排版
上一節
下一節
教程列表
獲取幫助
目錄
第1章 介紹
1-1 內容簡介
1-2 教學目標
第2章 案例一
2-1 窄螢幕模式網頁設計_任務發布
2-2 窄螢幕模式網頁設計_技能點
2-3 窄螢幕模式網頁設計_準備工作
2-4 窄螢幕模式網頁設計_step1_框架搭建
2-5 窄螢幕模式網頁設計_step2_導覽列設計
2-6 窄螢幕模式網頁設計_step3_jumbotron標題
2-7 窄螢幕模式網頁設計_step4_設計各板塊內容
2-8 窄螢幕模式網頁設計_step5_自訂CSS美化頁面
2-9 窄屏模式網頁設計_案例小結
第3章 案例二
3-1 固定版面模式網頁設計_任務發布
3-2 固定版面模式網頁設計_準備工作
3-3 固定佈局模式網頁設計_step1_框架搭建
3-4 固定佈局模式網頁設計_step2_內容佈局排版
3-5 固定版面模式網頁設計_step3_設計標題內容
3-6 固定版面模式網頁設計_step4_設計Column版塊內容
3-7 固定佈局模式網頁設計_step5_響應式導覽列設計
3-8 固定版面模式網頁設計_案例小結
第4章 案例三
4-1 登入介面實戰_step1_任務發布&技能點數分析
4-2 登入介面實戰_step2_加入表單登入各元件
4-3 登入介面實戰_step3_加入用於美化的CSS
4-4 登入介面實戰_step4_將表單元素套用CSS
4-5 登入介面實戰_step5_強化功能效果
4-6 登入介面實戰_案例小結
第5章 案例四
5-1 實戰流動佈局_任務發布
5-2 實戰流動佈局_技能點、準備工作
5-3 實戰流動佈局_step1_整體框架搭建
5-4 實戰流動佈局_step2_頂部導覽列設計
5-5 實戰流動佈局_step3_標題版塊設計
5-6 實戰流動佈局_step4_內容明細響應式設計
5-7 實戰流動佈局_step5_設計側邊導航欄
5-8 實戰流動佈局_step6_重構側邊導航列小螢幕隱藏
5-9 實戰流動佈局_step7_重構標題列加入動態內容
5-10 實戰流動佈局_step8_為動態內容附加JS事件
5-11 實戰流動佈局_案例小
第6章 案例五
6-1 行銷類網站設計_任務發布、技能點數分析
6-2 行銷類網站設計_準備工作、實現步驟分析
6-3 行銷類網站設計_step1_首頁整體架構設計
6-4 行銷網站設計_step2 _細化頂部導覽欄
6-5 行銷類網站設計_step3_設計突顯標題
6-6 行銷類網站設計_step4_內容明細的設計
6-7 行銷類網站設計_step5_自訂CSS美化頁面
6-8 行銷類網站設計_案例小結
第7章 案例六
7-1 網頁頂部與底部貼上效果_任務發布
7-2 網頁頂部與底部貼上效果_技能點與準備工作
7-3 網頁頂部與底部貼上效果_step1_整體框架佈局
7-4 網頁頂部與底部貼上效果_step2_頂部導覽欄
7-5 網頁頂部與底部貼上效果_step3_底部元素設計
7-6 網頁頂部與底部貼上效果_step4_內部部分設計
7-7 網頁頂部與底部貼上效果_step5_底部導航固定效果
7-8 網頁頂部與底部貼上效果_step6_自訂CSS美化頁面
7-9 網頁頂部與底部貼上效果_案例小結
第8章 案例七
8-1 部落格頁面_任務發布
8-2 部落格頁面_技能點與準備工作
8-3 部落格頁面_step1_整體框架搭建
8-4 部落格頁面_step2_頂部導覽列
8-5 部落格頁面_step3_尾部內容設計
8-6 部落格頁面_step4_設計頂部標題
8-7 部落格頁面_step5_內容部分排版設計
8-8 部落格頁_step6_底部文章分頁
8-9 部落格頁_step7_側邊欄內容設計
8-10 部落格頁面_step8_加入CSS美化頭部選單
8-11 部落格頁面_step9_加入CSS美化尾部內容
8-12 部落格頁面_案例小結
  • 課程推薦
  • 課件下載
免費 BootStrap經典案例分析
免費 JavaScript 經典案例
免費 Node.js Express 4.x框架影片教學（下）
免費 微信小程式開發高級影片教學
免費 玩轉神彈幕入門級彈幕開發影片教學
免費 NodeJS最新Web框架Meteor影片教學
免費 JavaScript基礎精講影片教學
免費 ECMAScript新功能精講影片教學
免費 Ajax原理詳解影片教學
免費 React 基礎精講影片教學
免費 React 路由精講影片教學
免費 React Native基礎精講影片教學
There are currently no materials available for download for this course
看過本課程的同學也在學習
最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)
496216