正確運用HTML標籤及CSS屬性表格樣式， 零程式基礎美編人員，照樣輕鬆掌握網頁設計技巧 本書是以HTML和CSS為主體，將網頁設計必備知識由淺入深分成12章節來做介紹，每一章中談到的HTML或CSS語法都會搭配完整實例，輕易看出不同語法執行結果的差異，書中介紹風格盡量以簡潔、清楚的方式呈現，方便讀者學習正確語法，輕鬆掌握網頁設計技巧。精彩篇幅包括： ✧網站設計必備知識 ✧HTML入門標籤 ✧表格/表單與多媒體素材 ✧CSS樣式基礎語法 ✧超夯的網頁區塊規劃 ✧必學的吸睛網頁工作術 ✧輕鬆搞定網站圖像與色彩 ✧實作HTML+CSS整合網頁設計 ✧實作兩欄式網頁設計 ✧實作格狀式網頁設計 ✧實作線上購物表單設計 ✧HTML網頁的SEO視角 ✧JavaScript快速入門 ✧NotePad++文字編輯器 ✧內嵌YouTube影片 ✧常用的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屬性