WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
RWD 響應式網頁設計課程目錄
CH01. 掌握 RWD
1-1. 階段介紹、準備工作
1-2. HTML <標籤> 有哪些?(小字典)
1-3. CSS {屬性} 有哪些?(小字典)
1-4. <標籤> 的展示特性
1-5. 網頁排版流程思維總整理
1-6. CSS優先權問題、瀏覽器支援狀況
1-7. Flex Box 彈性框架編排法
1-8. Grid 網格佈局編排法
1-9. 變形、動態效果
1-10. 背景、顏色、邊框、陰影...再加強
1-11. 歸納整理好記憶
CH02. 實務挑戰
2-1. 準備網站、準備檔案
2-2. 準備第一層框架
2-3. header 區域的設計
2-4. sec1 Home 區域的設計
2-5. sec2 Best Coffee 區域的設計
2-6. sec3 Popular 區域的設計
2-7. sec4 Today 區域的設計
2-8. sec5 Daily Menu 區域的設計
2-9. Contact 區域的設計
CH03. 有效運用 BS5
3-1. 準備網站、準備檔案
3-2. 準備第一層框架
3-3. header 區域的設計
3-4. sec1「最新消息」區域的設計
3-5. sec2「新品介紹」區域的設計
3-6. sec3「商品推薦」區域的設計
3-7. sec4「保養有道」區域的設計
3-8. sec5「聯絡我們」區域的設計
3-9. BS5 元件再練習
3-10. BS5 通用類別重點整理
CH04. JS 程式設計
4-1. 認識 BOM、DOM
4-2. 認識 JavaScript 程式語言
4-3. 認識 jQuery 函式庫
4-4. 認識 jQuery 選取物件的方法
4-5. jQuery 針對「內容」的控制
4-6. jQuery 針對「樣式」的控制
4-7. jQuery 針對「動畫」的設計
4-8. jQuery 事件多認識
4-9. 加強程式邁向前端工程師
4-10. 認識職場應用的前端程式框架
4-11. 運用 AJAX 技術 設計官網
CH05. 活用網路資源
5-1. 運用外掛 Slider
5-2. 運用外掛設計進場動畫
5-3. 符合 RWD 的影像地圖
5-4. 認識虛擬主機及網站上傳
網頁設計基礎課程目錄
CH01. 準備工作
1-1. 準備網站資料夾
1-2. 準備設計編輯器
1-3. 注重命名規則
1-4. 認識網頁組成語言
1-5. 初識 HTML 標籤
1-6. HTML標籤玩玩看看
CH02. 認識 HTML
2-1. HTML <標籤> 有哪些?
2-2. 認識:框架類標籤
2-3. 認識:文中局部區域類標籤
2-4. 認識:功能類標籤
2-5. 認識:表格類標籤
2-6. 認識:表單類標籤
2-7. 認識:影音類標籤
CH03. 認識 CSS
3-1. 認識:CSS 樣式語言
3-2. 認識:CSS 選取器
3-3. 認識:Block區塊與計算方式
3-4. CSS 樣式屬性有哪些?
3-5. 背景類屬性
3-6. 寬高尺寸類屬性
3-7. 邊界距離類屬性
3-8. 邊框類屬性
3-9. 內容文字類屬性
3-10. 清單類、表格類屬性
3-11. float 浮動類屬性
3-12. position 定位類屬性
3-13. 第一次實戰網頁排版
CH04. 實戰版型設計
4-1. 了解目標、規劃格局
4-2. 準備檔案、安排 HTML 物件
4-3. 設計主要框架的 CSS 樣式
4-4. 設計導覽列按鈕的 CSS 樣式
CH05. 實戰圖文編排
5-1. 設計左右二欄的區域
5-2. 設計左右的標題圖文
5-3. 設計特殊定位的排版
5-4. 準備好網站其他檔案
5-5. 試試其他各頁的設計
2-1. 準備網站、準備檔案
查看練習範例的結果:
看看範例網站的結果
準備網站及相關檔案
準備 index.html 基本內容
準備 google web font
準備 layout.css 基本內容