【電子書】最完整跨平台網頁設計：HTML + CSS + JavaScript + jQuery + Bootstrap + Google Maps王者歸來
活動訊息
用閱讀開啟視野，讓書成為照亮你人生的光
【金石堂選書】本月推薦您這些好書👉 快來看看
內容簡介
★★★★★2021年8月Mybest網站推薦網頁設計類第1名★★★★★
☆☆☆☆☆【6大主題】、【821個網頁實例】☆☆☆☆☆
這是目前市面上內容最完整的跨平台、響應式網頁設計圖書，讀者研讀本書可以學會【HTML】、【CSS】、【JavaScrpt】、【jQuery】、【Bootstrap】、【Google Maps】等相關主題，從入門到進階、從元件到完整網頁設計。
這也是一本從零開始帶領讀者完整學習網頁設計的書籍，共有34個章節。完整講解【基礎網頁內容】、【網頁版型設計】、【動態網頁設計】、【跨平台網頁實作】。每個觀念皆有實例輔助解說，可以增進讀者學習效率。
研讀本書讀者可以學會下列的應用。
☆ 認識與使用網路【免費資源】
☆ 增加【網頁配色】知識
☆ 解說與實作【完整的網頁設計】
☆ 設計完整【響應式網頁】實例
☆ 設計含【下拉式清單】的【響應式網頁】
☆ 設計含【動態特效】、【輪播】、【警報】與【卡片】的【響應式網頁】
☆ 設計含【旋轉特效】、【Google地圖】的【響應式網頁】
有了上述知識，讀者可以輕鬆將上述觀念應用在建立【部落格】、【企業】、【行銷】、【新聞】、【購物網】等相關網站的應用。
目錄
第一篇 HTML5 完整學習
第0 章 網頁設計基礎知識
0-1 網頁設計的種類
0-2 網站設計的流程
0-3 發佈網頁
0-4 網路的免費資源
第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 文件的註解
2-8 使用Notepad++ 編輯器
第3 章 HTML 文件的輸出的基本知識
3-1 瀏覽器處理資料的輸出
3-2 標題輸出 < hn> < /hn >
3-3 換行輸出 < br>
3-4 保持原始文件樣式 < pre> < /pre >
3-5 水平線記號 < hr>
3-6 段落 < p> < /p >
3-7 文件某個區域 < section> < /section >
3-8 頁首 < header> < /header >
3-9 頁尾 < footer> < /footer >
3-10 粗體顯示 < b> 和 < strong>
3-11 斜體 < em> 和 < I>
3-12 引用 < cite> 、 < q> 和 < blockquote>
3-13 加上網底 < mark> < /mark >
3-14 小型字 < small> < /small >
3-15 顯示與電腦有關聯的文字 < code> < kbd> < samp> < var>
3-16 定義縮寫 < abbr> < /abbr >
3-17 定義用語 < dfn> < /dfn >
3-18 內容新增與刪除 < ins> 和 < del>
3-19 隔離雙向文字走向 < bdi> < /bdi >
3-20 指定文字走向 < bdo dir=＂direction＂> < /bdo >
3-21 標示注音或拼音 < ruby> < rt> < rp>
3-22 上標 / 下標 < sup> / < sub>
3-23 輸出特殊字元
3-24 HTML 的樹狀結構
3-25 HTML5 不再支援的元素與屬性設定
第4 章 設計含超連結的網頁
4-1 < a> < /a > 基本應用
4-2 瀏覽脈絡的設定
4-3 同一份文件跳到另一份文件
4-4 同一份HTML 文件的超連結
4-5 聯絡資訊 < address> 元素
4-6 連結到電子郵件信箱
4-7 引用短文的實例 < cite> 與超連結的應用
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 建立表頭 < thead> 和 < th> 元素
6-4 建立表格本體 < tbody>
6-5 建立表尾 < tfoot>
6-6 合併橫向儲存格colspan 屬性
6-7 合併縱向儲存格rowspan 屬性
6-8 表格的標題 < caption>
6-9 欄位的群組化
6-10 表格與超連結的混合應用
第7 章 嵌入圖片
7-1 認識圖片
7-2 嵌入圖片 < img>
7-3 標示文件標題 < figure> 和 < figcaption>
7-4 製作影像地圖Image Map
7-5 在表格內嵌入圖片
7-6 設計圖片的超連結
7-7 將圖片插入項目符號的應用
7-8 簡易編排嵌入圖片與文字
7-9 GIF 動畫
第8 章 設計多媒體網頁
8-1 播放影片 < video > 元素
8-2 播放聲音 < audio > 元素
8-3 指定多個播放檔案source 元素
8-4 為影片加入字幕功能 < track> 元素
8-5 嵌入資源檔案embed
8-6 嵌入物件object
8-7 設定嵌入物件的參數 < param> 元素
8-8 建立嵌入的浮動框架 < iframe > 元素
8-9 嵌入YouTube 影片
8-10 嵌入Google 地圖
第9 章 製作輸入表單
9-1 製作輸入表單 < form > 元素
9-2 製作表單元件 < input >
9-3 建立多行輸入的文字框 < textarea > 元素
9-4 為物件加上關聯標籤 < label> 元素
9-5 顯示進度 < progress> 元素
9-6 顯示儀表值 < meter> 元素
9-7 下拉式選單與選項方塊 < select > 和 < option> 元素
9-8 製作文字框的後補選項 < datalist> 和 < option> 元素
9-9 表單元件群組化 < fieldset> 和 < legend> 元素
9-10 加密金鑰 < keygen >
第10 章 HTML 功能總結
10-1 全域屬性Global Attributes
10-2
序／導讀
序
這是一本目前市面上最完整的跨平台網頁設計書籍，多年自我學習與教學經驗，筆者深刻體會建立紮實學識基礎的重要，因此本書一開始並不是介紹一些炫耀的功能，而是一步一步將HTML元素與CSS屬性依功能分類，詳細的用程式實例做解說，期待讀者以最輕鬆方式學會網頁設計基礎知識，當讀者有了HTML和CSS知識後，本書將更進一步帶領讀者邁向網頁設計高手之路。
若是將第2版與第1版做比較，第2版除了更新各個工具的版本，更強調帶領讀者設計完整網頁，下列是這個版本新增功能：
增加網路上各類免費資源說明。
補充解說使用Notepad++編輯器，編輯HTML文件。
網頁配色知識。
更進一步解說網格排版。
解說與實作完整的網頁設計案例。
BootStrap更新為最新版。
設計完整響應式網頁實例。
設計含下拉式清單的響應式網頁實例。
設計含輪播的響應式網頁實例。
設計動態特效、輪播、警報與卡片的響應式網頁。
設計含旋轉特效、Google地圖的響應式網頁。
這本書分成三篇：
第一篇：HTML5完整學習
這是學習網頁設計的基礎，筆者幾乎將所有HTML的元素(Element)依功能分類，分成10個章節，用了約160個程式實例與圖檔做說明，相信讀者可以由此建立HTML的紮實基礎。
第二篇：CSS3的基礎知識
這是學習網頁編輯與美化，筆者幾乎將所有CSS的屬性(Properties)依功能分類，分成14個章節，用了約281個程式實例與圖檔做說明，在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。同時本編筆者也設計了完整的一般網頁與響應式網頁實例。
第三篇：邁向網頁設計高手之路
筆者在這篇講解了下列知識：
JavaScript：網頁結構的DOM與BOM。
jQuery(包含jQuery Mobile)：動畫與特效。
Bootstrap：功能解說與設計完整的響應式網頁。
Google Map：將Google Map嵌入網頁。
在這篇中最基礎的是JavaScript，當你學會之後，可以繼續閱讀網頁結構的知識BOM與DOM，後面章節你可以挑選有興趣的主題閱讀。在這一篇筆者用了約388個程式實例與圖檔做解說，這將對各位學習進階的網頁設計有很大的幫助。
HTML+CSS已經將整個網頁設計的觀念翻轉了，過去設計網頁可以在HTML文件內做編輯美化，如今這些工作已經全部交由CSS處理。所以許多原先版本的元素或屬性已經被棄用，筆者在撰寫這本書時也特別謹慎小心，原則是在程式內容中不再放入已經棄用的元素與屬性，以免誤導讀者。
另外，最新流行的響應式網頁設計，筆者除了在第24章使用CSS硬工夫實作，第32-33章則使用Bootstrap，極詳細、超清楚實例解說設計響應式網頁。筆者經驗是在設計網頁過程，隨時需要參考HTML與CSS的語法，為了協助讀者可以很方便查詢，本書附錄包含了HTML元素與屬性的索引表，也包含了CSS屬性的索引表，這將是各位現在學習與未來隨時需查詢與參考的一大利器。
其實前2篇的內容已經足夠讓你成為前端的網頁設計師了，如果你是有興趣繼續鑽研，建議你可以開始閱讀第三篇邁向網頁設計高手之路，特別是第32和33章，這兩張主要內容是解說使用BootStrap設計響應式網頁的各個元件，同時也用完整實例解說。。
寫過許多的電腦書著作，本書沿襲筆者著作的特色，程式實例豐富，相信讀者只要遵循本書內容必定可以在最短時間精通網頁設計，編著本書雖力求完美，但是學經歷不足，謬誤難免，尚祈讀者不吝指正。
洪錦魁2021年8月30日
jiinkwei@me.com
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
購買須知：
使用金石堂電子書服務即為同意金石堂電子書服務條款。
電子書分為「金石堂(線上閱讀+APP)」及「Readmoo(兌換碼)」兩種：
- 請至會員中心→電子書服務「我的e書櫃」領取複製『兌換碼』至電子書服務商Readmoo進行兌換。
退換貨須知：
- 因版權保護，您在金石堂所購買的電子書僅能以金石堂專屬的閱讀軟體開啟閱讀，無法以其他閱讀器或直接下載檔案。
- 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等），不受「網購服務需提供七日鑑賞期」的限制。為維護您的權益，建議您先使用「試閱」功能後再付款購買。
商品評價