[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課

正確運用HTML標籤及CSS屬性表格樣式，
零程式基礎美編人員，照樣輕鬆掌握網頁設計技巧

• CHAPTER 01網站設計必備知識
  1-1 網站基礎知識
  1-2 網站設計要領
  1-3 版面布局、動線規劃與響應式網頁
  1-4 網站建構流程與準備工作
  1-5 網頁檔案及命名原則
  1-6 設計前的準備工作
  
  CHAPTER 02HTML入門標籤
  2-1 HTML網頁結構
  2-2 標題與內文的編排
  2-3 條列式清單設定
  2-4 字元格式設定
  2-5 文字特殊用法
  2-6 插入圖片
  2-7 建立超連結
  
  CHAPTER 03表格/表單與多媒體素材
  3-1 表格製作
  3-2 表格的編輯技巧
  3-3 表格綜合範例應用─賞心悅目的旅遊行程表
  3-4 建立表單
  3-5 加入音樂audio
  3-6 加入視訊Video
  
  CHAPTER 04CSS樣式基礎語法
  4-1 CSS基本寫法
  4-2 CSS添加方式
  4-3 CSS選擇器入門
  4-4 使用CSS美化文字
  4-5 使用CSS設定背景
  4-6 設定背景漸層
  
  CHAPTER 05超夯的網頁區塊規劃
  5-1 div標記與span標記
  5-2 編排網頁區塊的常用標籤
  
  CHAPTER 06必學的吸睛網頁工作術
  6-1 區塊的留白與美化
  6-2 定位網頁元件
  6-3 項目清單的美化
  6-4 彈性版面（Flexible Layout）編排
  6-5 重置網頁CSS設定
  
  CHAPTER 07輕鬆搞定網站圖像與色彩
  7-1 一次搞定網頁圖像
  7-2 必學的圖像編修技巧
  7-3 玩轉網頁色彩
  
  CHAPTER 08實作─全螢幕HTML5+CSS3網頁設計
  8-1 實作網頁內容
  8-2 使用語意標記排版
  8-3 文字重疊交錯效果的標題
  8-4 網頁背景和滑鼠游標
  8-5 超連結特效
  8-6 設定主內容區
  
  CHAPTER 09實作─兩欄式網頁設計
  9-1 認識多欄式版面
  9-2 完整網頁內容外觀預覽
  9-3 製作網頁的標題區塊
  9-4 製作網頁的兩欄式版面
  9-5 製作網頁的主要內容區塊
  9-6 製作右側的邊欄
  9-7 製作網頁的頁尾區塊
  9-8 實戰RWD響應式網頁
  
  CHAPTER 10實作─格狀式版面網頁設計
  10-1 認識格狀式版面
  10-2 網格版面編排
  10-3 完整網頁內容外觀預覽
  10-4 製作網頁的標題背景圖
  10-5 製作網頁的網格狀版面
  10-6 製作網頁的頁尾區塊
  
  CHAPTER 11表單綜合範例應用─線上購物表單
  11-1 程式說明
  11-2 完整程式碼
  
  CHAPTER 12HTML網頁的SEO視角
  12-1 搜尋引擎最佳化
  12-2 搜尋引擎的演算邏輯
  12-3 HTML標籤SEO相關常識
  
  APPENDIX A JavaScript快速入門
  A-1 JavaScript執行環境
  A-2 選擇程式的文字編輯器
  A-3 基本資料處理
  A-4 變數宣告與資料型別轉換
  A-5 輸出指令
  A-6 運算子與運算式
  A-7 流程控制
  A-8 陣列宣告與實作
  A-9 函式定義與呼叫
  A-10 物件的屬性與方法
  
  APPENDIX B NotePad++文字編輯器
  B-1 偏好設定
  B-2 開啟空白文件
  B-3 快捷鍵
  B-4 尋找與取代
  B-5 儲存檔案
  APPENDIX C 內嵌YouTube影音
  APPENDIX D 常用的HTML標籤
  APPENDIX E 常用的CSS屬性