最完整跨平台網頁設計
HTML+CSS+JavaScript+jQuery+Bootstrap+Google Maps
王者歸來
序

這是一本目前市面上最完整的跨平台網頁設計書籍，多年自我學習與教學經驗，筆者深刻體會建立紮實學識基礎的重要，因此本書一開始並不是介紹一些炫耀的功能，而是一步一步將HTML元素與CSS屬性依功能分類，詳細的用程式實例做解說，期待讀者以最輕鬆方式學會網頁設計基礎知識，當讀者有了HTML和CSS知識後，本書將更進一步帶領讀者邁向網頁設計高手之路。

這本書分成三篇：
❑第一篇：HTML
這是學習網頁設計的基礎，筆者幾乎將所有HTML的元素(Element)依功能分類，分成10個章節，用了約160個程式實例與圖檔做說明，相信讀者可以由此建立HTML的紮實基礎。
❑第二篇：CSS
這是學習網頁編輯與美化，筆者幾乎將所有CSS的屬性(Properties)依功能分類，分成14個章節，用了約249個程式實例與圖檔做說明，在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。
❑第三篇：邁向網頁設計高手之路

筆者在這篇講解了下列知識：
JavaScript：網頁結構的DOM與BOM。
jQuery(包含jQuery Mobile)：動畫與特效。
Bootstrap：響應式網頁設計。
Google Map：將Google Map嵌入網頁。

在這篇中最基礎的是JavaScript，當你學會之後，可以繼續閱讀網頁結構的知識BOM與DOM，後面章節你可以挑選有興趣的主題閱讀。在這一篇筆者用了約353個程式實例與圖檔做解說，這將對各位學習進階的網頁設計有很大的幫助。

HTML+CSS已經將整個網頁設計的觀念翻轉了，過去設計網頁可以在HTML文件內做編輯美化，如今這些工作已經全部交由CSS處理。所以許多原先版本的元素或屬性已經被棄用，筆者在撰寫這本書時也特別謹慎小心，原則是在程式內容中不再放入已經棄用的元素與屬性，以免誤導讀者。

另外，最新流行的響應式網頁設計，筆者除了在第24章使用CSS硬工夫實作，第32-33章則使用Bootstrap，極詳細、超清楚實例解說設計響應式網頁。筆者經驗是在設計網頁過程，隨時需要參考HTML與CSS的語法，為了協助讀者可以很方便查詢，本書附錄包含了HTML元素與屬性的索引表，也包含了CSS屬性的索引表，這將是各位現在學習與未來隨時需查詢與參考的一大利器。

其實前2篇的內容已經足夠讓你成為前端的網頁設計師了，如果你是有興趣繼續鑽研，建議你可以開始閱讀第三篇邁向網頁設計高手之路。

寫過許多的電腦書著作，本書沿襲筆者著作的特色，程式實例豐富，相信讀者只要遵循本書內容必定可以在最短時間精通網頁設計，編著本書雖力求完美，但是學經歷不足，謬誤難免，尚祈讀者不吝指正。
洪錦魁2020年7月15日
jiinkwei@me.com
圖書資源說明：本書所有程式與習題檔案
本書籍所有程式可以在深智公司網站下載，書號DM2032是密碼。習題部分有第1-24章的是非和選擇題習題解答，以及第1 – 34章實作題習題(此部分不含習題解答)。此部分以Word檔案方式呈現有282頁，下列是示範輸出畫面：

教學資源說明
教學資源有教學投影片，如果您是學校老師歡迎與本公司聯繫，請老師聯繫時提供任教學校、科系、Email、和手機號碼，以方便本公司業務單位協助您。
臉書粉絲團
歡迎加入：王者歸來電腦專業圖書系列

最完整跨平台網頁設計
HTML+CSS+JavaScript+jQuery+Bootstrap+Google Maps
王者歸來
序

這是一本目前市面上最完整的跨平台網頁設計書籍，多年自我學習與教學經驗，筆者深刻體會建立紮實學識基礎的重要，因此本書一開始並不是介紹一些炫耀的功能，而是一步一步將HTML元素與CSS屬性依功能分類，詳細的用程式實例做解說，期待讀者以最輕鬆方式學會網頁設計基礎知識，當讀者有了HTML和CSS知識後，本書將更進一步帶領讀者邁向網頁設計高手之路。

這本書分成三篇：
❑第一篇：HTML
這是學習網頁設計的基礎，筆者幾乎將所有HTML的元素(...

第一篇　HTML5 完整學習
第 1 章　HTML5 的歷史
1-1 認識HTML
1-2 提姆伯納- 李(Tim Berners Lee)
1-3 HTML 歷史下3 個重要的協會
1-4 HTML 版本的歷史
1-5 HTML 開發的插曲XHTML
1-6 HTML 與瀏覽器相容問題
第 2 章　HTML5 從零開始
2-1 HTML5 與HTML4.01
2-2 HTML 文件結構
2-3 認識HTML 基本元素名詞
2-4 HTML 標籤類型
2-5 我的第一份HTML 文件
2-6 解析我的第一份HTML 文件 .
2-7 HTML 文件的註解
第 3 章　HTML 文件的輸出的基本知識
3-1 瀏覽器處理資料的輸出
3-2 標題輸出 ⋯
3-3 換行輸出

3-4 保持原始文件樣式

 ⋯ 

3-5 水平線記號

---

3-6 段落

⋯

3-7 文件某個區域

⋯

3-8 頁首

⋯

3-9 頁尾
3-10 粗體顯示 和
3-11 斜體 和
3-12 引用、 和

3-13 加上網底 ⋯
3-14 小型字 ⋯
3-15 顯示與電腦有關聯的文字
3-16 定義縮寫 ⋯
3-17 定義用語 ⋯
3-18 內容新增與刪除 和
3-19 隔離雙向文字走向 ⋯
3-20 指定文字走向 ⋯
3-21 標示注音或拼音
3-22 上標/ 下標/
3-23 輸出特殊字元
3-24 HTML 的樹狀結構
3-25 HTML5 不再支援的元素與屬性設定
第 4 章　設計含超連結的網頁
4-1 ⋯ 基本應用
4-2 瀏覽脈絡的設定
4-3 同一份文件跳到另一份文件
4-4 同一份HTML 文件的超連結
4-5 聯絡資訊

元素
4-6 連結到電子郵件信箱
4-7 引用短文的實例 與超連結的應用
4-8 指定基準的URL
4-9 超連結與檔案下載
第 5 章 　製作項目清單
5-1 項目符號清單
5-2 有編號的項目清單
5-3 設定有編號項目清單的起始編號
5-4 更改項目清單的連續編號
5-5 更改項目清單的編號種類
5-6 項目清單編號遞減的應用
5-7 自定義清單
第 6 章 　設計表格
6-1 表格的基本元素
6-2 表格的框線border 屬性
6-3 建立表頭 和 元素
6-4 建立表格本體
6-5 建立表尾
6-6 合併橫向儲存格colspan 屬性
6-7 合併縱向儲存格rowspan 屬性
6-8 表格的標題
6-9 欄位的群組化
6-10 表格與超連結的混合應用
第 7 章 　嵌入圖片
7-1 認識圖片
7-2 嵌入圖片
7-3 標示文件標題

和