WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
網頁設計基礎課程目錄
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. 試試其他各頁的設計
網頁設計基礎課程目錄
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. 試試其他各頁的設計
4-1. 了解目標、規劃格局
先了解要設計的目標結構圖！！
看看範例網站的結果
紅框
表示第一層框架
綠框
表示第一層框中的內容或是第二層框架
WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
