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屬性