這是一本極詳細、超清楚、最完整的跨平台網頁設計書籍,整本書一步一步將HTML元素與CSS屬性依功能分類,詳細的用程式實例做解說,期待讀者以最輕鬆方式學會網頁設計基礎知識,當讀者有了HTML和CSS知識後,本書將更進一步帶領讀者設計動態網頁、響應式網頁、Google地圖網頁,邁向網頁設計高手之路。 這本書分成三篇: ❑第一篇:HTML5完整學習 這是學習網頁設計的基礎,筆者幾乎將所有HTML的元素(Element)依功能分類,分成10個章節,用了約160個程式實例與圖檔做說明,相信讀者可以由此建立HTML的紮實基礎。 ❑第二篇:CSS3完整學習 這是學習網頁編輯與美化,筆者幾乎將所有CSS的屬性(Properties)依功能分類,分成14個章節,用了約249個程式實例與圖檔做說明,在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。 ❑第三篇:邁向網頁設計高手之路 筆者在這篇使用約353個程式實例講解了下列知識: JavaScript:網頁結構的DOM與BOM。 jQuery(包含jQuery Mobile):動畫與特效。 Bootstrap:響應式網頁設計。 Google Map:將Google Map嵌入網頁,這將是設計網路導航的入門。 此外:這本書包含280頁的Word檔案電子書,全書有第1-24章的是非和選擇題習題解答,以及第1 – 34章實作題習題(此部分不含習題解答),這些習題可以協助讀者更進一步學習。
作者簡介:
洪錦魁 一位跨越電腦作業系統與科技時代的電腦專家,著作等身的作家。 DOS 時代他的代表作品是 IBM PC 組合語言、C、C++、Pascal、資料結構 Windows 時代他的代表作品是 Windows Programming 使用 C、Visual Basic。 Internet 時代他的代表作品是網頁設計使用 HTML。 大數據時代他的代表作品是 R 語言邁向 Big Data 之路。 除了作品被翻譯為簡體中文、馬來西亞文外,2000 年作品更被翻譯為MasteringHTML 英文版行銷美國,近年來作品則是在北京清華大學和台灣深智同步發行: 1:Java 入門邁向高手之路王者歸來 2:Python 最強入門邁向頂尖高手之路王者歸來 3:Python 最強入門邁向數據科學之路王者歸來 4:Python 網路爬蟲:大數據擷取、清洗、儲存與分析王者歸來 5:演算法最強彩色圖鑑 + Python 程式實作王者歸來 6:HTML5 + CSS3 王者歸來 7:R 語言邁向Big Data 之路 8:Excel 完整學習邁向最強職場應用王者歸來 他在2019/2020 年許多著作分別登上天瓏、博客來、Momo 電腦書類暢銷排行榜第一名,他的著作最大的特色是不賣弄文字與炫耀知識,所有程式語法會依特性分類,同時以實用的程式範例做解說,讓複雜的知識變的淺顯易懂,讀者可以由他的著作事半功倍輕鬆掌握相關知識。
作者序
最完整跨平台網頁設計 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 標示文件標題 和 7-4 製作影像地圖Image Map 7-5 在表格內嵌入圖片 7-6 設計圖片的超連結 7-7 將圖片插入項目符號的應用 7-8 簡易編排嵌入圖片與文字 7-9 GIF 動畫 第 8 章 設計多媒體網頁 8-1 播放影片 元素 8-2 播放聲音 元素 8-3 指定多個播放檔案source 元素 8-4 為影片加入字幕功能 元素 8-5 嵌入資源檔案embed 8-6 嵌入物件object 8-7 設定嵌入物件的參數 元素 8-8 建立嵌入的浮動框架