相關商品
商品簡介
序
目次
商品簡介
本書以基礎知識、示例、實戰案例相結合的方式詳盡講述了HTML＆CSS＆JavaScript及目前新的前端技術。主要包括HTML5的結構、文本、圖像、鏈接、表單、音頻、視頻、拖放、本地存儲、圖形，CSS3的文本設計、背景設計、DIV+CS佈局、盒佈局、多列佈局、自適應佈局、動畫、漸變，還有JavaScript的語法、對象、BOM、DOM、事件響應等；最後兩個兩個完整案例綜合前面所學，讓讀者對網站設計與網頁開發有個整體的認識。本書運用大量示例，讓讀者在實戰中體會編程的快樂。建議讀者邊學邊練，有難以理解的概念或知識一定要弄清楚，不能迷迷糊糊。要培養自己單獨開發項目的能力。本書適合想從事網頁和前端開發的入門人員、網站建設自學者和網絡管理技術人員閱讀。
序
隨著互聯網信息技術的飛速發展，Web前端開發越來越受到相關行業的重視。雖然目前流行採用各類框架進行前端開發，包括當下流行的微信小程序開發，但傳統的HTML、CSS、JavaScript技術仍是構成各種框架的基石，所以要想熟練掌握Web前端開發技術，成為一名合格的從業者，必須要掌握前端開發所需要的HTML、CSS、JavaScript技術。只有熟練掌握了這些技術，才能深入理解與領會各種開發框架，達到事半功倍的效果，為職業前景打下堅實的基礎。
目前圖書市場上關於HTML、CSS、JavaScript的圖書不少，但將三者有機結合、互為補充並達到融會貫通的圖書卻很少。本書便是從理論到實踐，從知識點到具體實例，通過總結、歸納HTML、CSS及JavaScript最核心的知識，結合實例訓練，再加上具體案例進行練習拓展，通過各種實例來指導讀者從零基礎開始到能夠應用開發，讓讀者全面、深入、透徹地理解Web前端開發的基礎知識和技術，逐步將讀者打造成具有實際開發水平和項目實戰能力的Web前端程序員。
本書有何特色
1. 講解特色
?為了讓讀者更快地上手，本書特別設計了適合初學者的學習方式，用準確的語言總結概念，用直觀的圖示演示過程，用詳細的注釋解釋代碼，用形象的比喻幫助記憶。
?知識點介紹：在每節的開始或者每個概念的開始，都有知識點介紹，讓零基礎讀者能瞭解概念，順利入門。
?範例：為每個實例進行編號，便於檢索和循序漸進地學習。
?示例代碼：與範例對應，層次清楚，語句簡潔，注釋豐富。
?運行結果：針對範例的結果給出圖示，直觀清楚。
?代碼解析：針對範例的代碼和關鍵點逐一解釋，讓讀者能融會貫通。
?貼心的提示：全書關鍵點都給出了提示，讓讀者能舉一反三。
2. 內容特色
?經驗豐富：筆者有10多年的編程經驗，熟悉Web前端的各項知識細節。
?只講重點：HTML 5、CSS 3、JavaScript涉及的知識點很多，本書講解了常用的400多個知識點，其他內容可以參考本書的贈送資料。
?實例眾多：針對每個知識點，都給出了典型的示例程序，邊學邊練習。
3. 本書關鍵數字
?400多個知識點。
?300個典型範例。
?50000行代碼。
?40餘個知識表格。
?55個開發技巧。
本書內容及知識體系
第1篇 HTML技術篇（第1～10章）
本篇介紹了HTML相關知識，包括網頁中的文本與段落、圖像、鏈接、表單、多媒體、拖放內容、本地存儲、頁面繪圖等內容。
第2篇 CSS技術篇（第11～17章）
本篇介紹了CSS相關知識，包括CSS基礎知識、美化文本與背景、DIV+CSS佈局、盒佈局、多列佈局、CSS 3自適應佈局及動畫和漸變等內容。
第3篇 JavaScript技術篇（第18～23章）
本篇介紹了JavaScript相關知識，包括JavaScript程序基礎知識、核心語法、核心對象、瀏覽器對象模型、文檔對象模型和JavaScript事件響應等內容。
第4篇 實戰篇（第24、25章）
本篇主要介紹了兩個微信小程序的開發實例。實例涵蓋了從微信小程序項目的搭建、樣式的設計、腳本的實現到小程序上線的全部過程。
適合閱讀本書的讀者
?想從事Web前端開發工作的人員。
?大、中專院校的學生。
?網頁製作愛好者。
?參加實習的“菜鳥”程序員。
?網站前端測試及維護人員。
?微信小程序開發入門人員。
本書由王震、盛立、秦文友共同編寫，其中王震（瀋陽理工大學藝術設計學院副教授）負責編寫第1～11章，盛立（瀋陽理工大學藝術設計學院副教授）負責編寫第12～23章，秦文友（網名秦子恒，計算機專家）負責編寫第24、25章。隨著互聯網信息技術的飛速發展，Web前端開發越來越受到相關行業的重視。雖然目前流行採用各類框架進行前端開發，包括當下流行的微信小程序開發，但傳統的HTML、CSS、JavaScript技術仍是構成各種框架的基石，所以要想熟練掌握Web前端開發技術，成為一名合格的從業者，必須要掌握前端開發所需要的HTML、CSS、JavaScript技術。只有熟練掌握了這些技術，才能深入理解與領會各種開發框架，達到事半功倍的效果，為職業前景打下堅實的基礎。
目前圖書市場上關於HTML、CSS、JavaScript的圖書不少，但將三者有機結合、互為補充並達到融會貫通的圖書卻很少。本書便是從理論到實踐，從知識點到具體實例，通過總結、歸納HTML、CSS及JavaScript最核心的知識，結合實例訓練，再加上具體案例進行練習拓展，通過各種實例來指導讀者從零基礎開始到能夠應用開發，讓讀者全面、深入、透徹地理解Web前端開發的基礎知識和技術，逐步將讀者打造成具有實際開發水平和項目實戰能力的Web前端程序員。
本書有何特色
1. 講解特色
?為了讓讀者更快地上手，本書特別設計了適合初學者的學習方式，用準確的語言總結概念，用直觀的圖示演示過程，用詳細的注釋解釋代碼，用形象的比喻幫助記憶。
?知識點介紹：在每節的開始或者每個概念的開始，都有知識點介紹，讓零基礎讀者能瞭解概念，順利入門。
?範例：為每個實例進行編號，便於檢索和循序漸進地學習。
?示例代碼：與範例對應，層次清楚，語句簡潔，注釋豐富。
?運行結果：針對範例的結果給出圖示，直觀清楚。
?代碼解析：針對範例的代碼和關鍵點逐一解釋，讓讀者能融會貫通。
?貼心的提示：全書關鍵點都給出了提示，讓讀者能舉一反三。
2. 內容特色
?經驗豐富：筆者有10多年的編程經驗，熟悉Web前端的各項知識細節。
?只講重點：HTML 5、CSS 3、JavaScript涉及的知識點很多，本書講解了常用的400多個知識點，其他內容可以參考本書的贈送資料。
?實例眾多：針對每個知識點，都給出了典型的示例程序，邊學邊練習。
3. 本書關鍵數字
?400多個知識點。
?300個典型範例。
?50000行代碼。
?40餘個知識表格。
?55個開發技巧。
本書內容及知識體系
第1篇 HTML技術篇（第1～10章）
本篇介紹了HTML相關知識，包括網頁中的文本與段落、圖像、鏈接、表單、多媒體、拖放內容、本地存儲、頁面繪圖等內容。
第2篇 CSS技術篇（第11～17章）
本篇介紹了CSS相關知識，包括CSS基礎知識、美化文本與背景、DIV+CSS佈局、盒佈局、多列佈局、CSS 3自適應佈局及動畫和漸變等內容。
第3篇 JavaScript技術篇（第18～23章）
本篇介紹了JavaScript相關知識，包括JavaScript程序基礎知識、核心語法、核心對象、瀏覽器對象模型、文檔對象模型和JavaScript事件響應等內容。
第4篇 實戰篇（第24、25章）
本篇主要介紹了兩個微信小程序的開發實例。實例涵蓋了從微信小程序項目的搭建、樣式的設計、腳本的實現到小程序上線的全部過程。
適合閱讀本書的讀者
?想從事Web前端開發工作的人員。
?大、中專院校的學生。
?網頁製作愛好者。
?參加實習的“菜鳥”程序員。
?網站前端測試及維護人員。
?微信小程序開發入門人員。
本書由王震、盛立、秦文友共同編寫，其中王震（瀋陽理工大學藝術設計學院副教授）負責編寫第1～11章，盛立（瀋陽理工大學藝術設計學院副教授）負責編寫第12～23章，秦文友（網名秦子恒，計算機專家）負責編寫第24、25章。
目前圖書市場上關於HTML、CSS、JavaScript的圖書不少，但將三者有機結合、互為補充並達到融會貫通的圖書卻很少。本書便是從理論到實踐，從知識點到具體實例，通過總結、歸納HTML、CSS及JavaScript最核心的知識，結合實例訓練，再加上具體案例進行練習拓展，通過各種實例來指導讀者從零基礎開始到能夠應用開發，讓讀者全面、深入、透徹地理解Web前端開發的基礎知識和技術，逐步將讀者打造成具有實際開發水平和項目實戰能力的Web前端程序員。
本書有何特色
1. 講解特色
?為了讓讀者更快地上手，本書特別設計了適合初學者的學習方式，用準確的語言總結概念，用直觀的圖示演示過程，用詳細的注釋解釋代碼，用形象的比喻幫助記憶。
?知識點介紹：在每節的開始或者每個概念的開始，都有知識點介紹，讓零基礎讀者能瞭解概念，順利入門。
?範例：為每個實例進行編號，便於檢索和循序漸進地學習。
?示例代碼：與範例對應，層次清楚，語句簡潔，注釋豐富。
?運行結果：針對範例的結果給出圖示，直觀清楚。
?代碼解析：針對範例的代碼和關鍵點逐一解釋，讓讀者能融會貫通。
?貼心的提示：全書關鍵點都給出了提示，讓讀者能舉一反三。
2. 內容特色
?經驗豐富：筆者有10多年的編程經驗，熟悉Web前端的各項知識細節。
?只講重點：HTML 5、CSS 3、JavaScript涉及的知識點很多，本書講解了常用的400多個知識點，其他內容可以參考本書的贈送資料。
?實例眾多：針對每個知識點，都給出了典型的示例程序，邊學邊練習。
3. 本書關鍵數字
?400多個知識點。
?300個典型範例。
?50000行代碼。
?40餘個知識表格。
?55個開發技巧。
本書內容及知識體系
第1篇 HTML技術篇（第1～10章）
本篇介紹了HTML相關知識，包括網頁中的文本與段落、圖像、鏈接、表單、多媒體、拖放內容、本地存儲、頁面繪圖等內容。
第2篇 CSS技術篇（第11～17章）
本篇介紹了CSS相關知識，包括CSS基礎知識、美化文本與背景、DIV+CSS佈局、盒佈局、多列佈局、CSS 3自適應佈局及動畫和漸變等內容。
第3篇 JavaScript技術篇（第18～23章）
本篇介紹了JavaScript相關知識，包括JavaScript程序基礎知識、核心語法、核心對象、瀏覽器對象模型、文檔對象模型和JavaScript事件響應等內容。
第4篇 實戰篇（第24、25章）
本篇主要介紹了兩個微信小程序的開發實例。實例涵蓋了從微信小程序項目的搭建、樣式的設計、腳本的實現到小程序上線的全部過程。
適合閱讀本書的讀者
?想從事Web前端開發工作的人員。
?大、中專院校的學生。
?網頁製作愛好者。
?參加實習的“菜鳥”程序員。
?網站前端測試及維護人員。
?微信小程序開發入門人員。
本書由王震、盛立、秦文友共同編寫，其中王震（瀋陽理工大學藝術設計學院副教授）負責編寫第1～11章，盛立（瀋陽理工大學藝術設計學院副教授）負責編寫第12～23章，秦文友（網名秦子恒，計算機專家）負責編寫第24、25章。隨著互聯網信息技術的飛速發展，Web前端開發越來越受到相關行業的重視。雖然目前流行採用各類框架進行前端開發，包括當下流行的微信小程序開發，但傳統的HTML、CSS、JavaScript技術仍是構成各種框架的基石，所以要想熟練掌握Web前端開發技術，成為一名合格的從業者，必須要掌握前端開發所需要的HTML、CSS、JavaScript技術。只有熟練掌握了這些技術，才能深入理解與領會各種開發框架，達到事半功倍的效果，為職業前景打下堅實的基礎。
目前圖書市場上關於HTML、CSS、JavaScript的圖書不少，但將三者有機結合、互為補充並達到融會貫通的圖書卻很少。本書便是從理論到實踐，從知識點到具體實例，通過總結、歸納HTML、CSS及JavaScript最核心的知識，結合實例訓練，再加上具體案例進行練習拓展，通過各種實例來指導讀者從零基礎開始到能夠應用開發，讓讀者全面、深入、透徹地理解Web前端開發的基礎知識和技術，逐步將讀者打造成具有實際開發水平和項目實戰能力的Web前端程序員。
本書有何特色
1. 講解特色
?為了讓讀者更快地上手，本書特別設計了適合初學者的學習方式，用準確的語言總結概念，用直觀的圖示演示過程，用詳細的注釋解釋代碼，用形象的比喻幫助記憶。
?知識點介紹：在每節的開始或者每個概念的開始，都有知識點介紹，讓零基礎讀者能瞭解概念，順利入門。
?範例：為每個實例進行編號，便於檢索和循序漸進地學習。
?示例代碼：與範例對應，層次清楚，語句簡潔，注釋豐富。
?運行結果：針對範例的結果給出圖示，直觀清楚。
?代碼解析：針對範例的代碼和關鍵點逐一解釋，讓讀者能融會貫通。
?貼心的提示：全書關鍵點都給出了提示，讓讀者能舉一反三。
2. 內容特色
?經驗豐富：筆者有10多年的編程經驗，熟悉Web前端的各項知識細節。
?只講重點：HTML 5、CSS 3、JavaScript涉及的知識點很多，本書講解了常用的400多個知識點，其他內容可以參考本書的贈送資料。
?實例眾多：針對每個知識點，都給出了典型的示例程序，邊學邊練習。
3. 本書關鍵數字
?400多個知識點。
?300個典型範例。
?50000行代碼。
?40餘個知識表格。
?55個開發技巧。
本書內容及知識體系
第1篇 HTML技術篇（第1～10章）
本篇介紹了HTML相關知識，包括網頁中的文本與段落、圖像、鏈接、表單、多媒體、拖放內容、本地存儲、頁面繪圖等內容。
第2篇 CSS技術篇（第11～17章）
本篇介紹了CSS相關知識，包括CSS基礎知識、美化文本與背景、DIV+CSS佈局、盒佈局、多列佈局、CSS 3自適應佈局及動畫和漸變等內容。
第3篇 JavaScript技術篇（第18～23章）
本篇介紹了JavaScript相關知識，包括JavaScript程序基礎知識、核心語法、核心對象、瀏覽器對象模型、文檔對象模型和JavaScript事件響應等內容。
第4篇 實戰篇（第24、25章）
本篇主要介紹了兩個微信小程序的開發實例。實例涵蓋了從微信小程序項目的搭建、樣式的設計、腳本的實現到小程序上線的全部過程。
適合閱讀本書的讀者
?想從事Web前端開發工作的人員。
?大、中專院校的學生。
?網頁製作愛好者。
?參加實習的“菜鳥”程序員。
?網站前端測試及維護人員。
?微信小程序開發入門人員。
本書由王震、盛立、秦文友共同編寫，其中王震（瀋陽理工大學藝術設計學院副教授）負責編寫第1～11章，盛立（瀋陽理工大學藝術設計學院副教授）負責編寫第12～23章，秦文友（網名秦子恒，計算機專家）負責編寫第24、25章。
目次
第1篇 HTML技術篇
第1章 網頁基礎知識入門 1
1.1 瞭解HTML網頁技術 1
1.1.1 什麼是HTML和HTML 5 1
1.1.2 如何獲取網頁的源代碼 2
1.1.3 靜態網頁 3
1.1.4 動態網頁 3
1.1.5 網站 3
1.2 瞭解網頁技術的工作原理 4
1.2.1 靜態HTML的工作流程 4
1.2.2 動態HTML的工作流程 4
1.3 製作一個完整的HTML 5網頁 5
1.3.1 搭建上機練習環境 5
1.3.2 完成第一個網頁 5
1.4 技術解惑 6
1.4.1 HTML與HTML 5是兩種網頁語言嗎 6
1.4.2 如何區分靜態網頁與動態網頁 6
第2章 HTML 5網頁的結構 7
2.1 動手解構一個HTML 5頁面 7
2.2 HTML的基礎知識 7
2.2.1 HTML的基礎語法 7
2.2.2 HTML文檔的基本骨架 8
2.3 HTML文檔中的標簽 8
2.3.1 樣本代碼DOCTYPE 9
2.3.2 開始標簽＜html＞ 9
2.3.3 頭部標簽和頭部標簽的對象 9
2.3.4 標題標簽＜title＞ 9
2.3.5 主體標簽＜body＞ 9
2.3.6 美化HTML文檔 9
2.4 拓展訓練 10
2.4.1 訓練一：製作一個HTML網頁，包含HTML基本標記，頁面顯示
“Hello World!” 10
2.4.2 訓練二：製作一個HTML網頁，要求在瀏覽器標題欄中顯示
“Hello World!” 10
2.5 技術解惑 11
2.5.1 HTML標簽需要死記硬背嗎 11
2.5.2 HTML網頁的結構中哪些標簽是必需的 11
第3章 網頁中的文本與段落 12
3.1 文本的排版格式 12
3.1.1 寫一行換一行 12
3.1.2 在頁面中使用空格 13
3.1.3 文本的段落要對齊 14
3.2 文本的屬性樣式 15
3.2.1 不一樣的文本字體大小 15
3.2.2 奇妙的特殊符號 16
3.2.3 給文本加標注 17
3.3 整齊的文本列表 18
3.3.1 無序列表 18
3.3.2 有序列表 19
3.3.3 定義列表 20
3.3.4 列表嵌套 21
3.4 拓展訓練 22
3.4.1 訓練一：在頁面中設置段落對齊方式 22
3.4.2 訓練二：在頁面中創建有序列表 23
3.5 技術解惑 23
3.5.1 文本段落的對齊方式 23
3.5.2 有序列表與無序列表 23
第4章 網頁中的圖像 24
4.1 圖像的基礎知識 24
4.1.1 常用的位圖圖像 24
4.1.2 在頁面中常用的位圖格式 24
4.1.3 矢量圖 25
4.1.4 圖像的分辨率 25
4.1.5 認識一些網頁中常用的Banner尺寸 25
4.2 頁面中的圖像 26
4.2.1 理解圖像路徑 26
4.2.2 像編輯文本對齊一樣在頁面中對齊圖片 27
4.2.3 圖像與文本的對齊方式 28
4.2.4 調整圖像與文本的距離 29
4.3 讓圖像更美觀 30
4.3.1 使用畫圖工具修改圖像 30
4.3.2 為圖像添加邊框 30
4.3.3 獨樹一幟的水平線 31
4.4 改變頁面的背景 32
4.5 拓展訓練 33
4.5.1 訓練一：在網頁中插入圖片並設置邊框 33
4.5.2 訓練二：在頁面中插入寬度為800px、高度為2px、顏色為藍色的
水平線 34
4.6 技術解惑 34
4.6.1 使用圖像的技巧 34
4.6.2 善用水平線 34
第5章 網頁中的鏈接 35
5.1 認識鏈接 35
5.1.1 初識頁面鏈接 35
5.1.2 理解鏈接地址 36
5.2 鏈接的種類 37
5.2.1 基本的文本鏈接 38
5.2.2 基本的圖像鏈接 38
5.2.3 把郵箱留給需要聯繫你的人 39
5.2.4 在同一頁面中快速查找信息 40
5.3 提高頁面鏈接的友好度 42
5.3.1 美觀鏈接的狀態 42
5.3.2 特殊的鏈接方式 44
5.3.3 熱點圖像區域的鏈接 46
5.4 在新窗口中顯示鏈接窗口 48
5.5 拓展訓練 49
5.5.1 訓練一：在頁面中使用圖像鏈接 49
5.5.2 訓練二：在頁面中使用熱點圖像區域鏈接 49
5.6 技術解惑 49
5.6.1 合理使用錨點鏈接 49
5.6.2 合理使用郵件鏈接 50
第6章 網頁中的表單 51
6.1 表單的工作原理 51
6.1.1 ＜script＞標記 51
6.1.2 創建表單 51
6.1.3 表單域 52
6.2 通過表單展示不一樣的頁面 52
6.2.1 input對象下的多種表單表現形式 52
6.2.2 text文本框的樣式表單 53
6.2.3 password輸入密碼的樣式表單 54
6.2.4 checkbox複選框的樣式表單 55
6.2.5 radio單選框的樣式表單 57
6.2.6 submit提交數據的樣式表單 58
6.2.7 hidden隱藏域的樣式表單 59
6.2.8 image樣式的表單 60
6.2.9 file上傳文件的樣式表單 61
6.2.10 textarea對象的表單 62
6.2.11 select對象的表單 64
6.2.12 表單域集合 65
6.3 HTML 5表單的進化 66
6.3.1 早期的表單發展 66
6.3.2 HTML 5表單的問世 66
6.3.3 當前的支持情況 67
6.3.4 新增的表單輸入類型 67
6.4 新增表單特性及元素 68
6.4.1 form特性 68
6.4.2 formaction特性 68
6.4.3 form其他特性 69
6.4.4 placeholder特性 69
6.4.5 autofocus特性 69
6.4.6 autocomplete特性 69
6.4.7 list特性和datalist元素 70
6.4.8 keygen元素 70
6.4.9 output元素 70
6.5 表單驗證API 71
6.5.1 與驗證有關的表單元素特性 71
6.5.2 表單驗證的屬性 72
6.5.3 ValidityState對象 72
6.5.4 表單驗證的方法 73
6.5.5 表單驗證的事件 75
6.6 拓展訓練 76
6.6.1 訓練一：在頁面中使用下拉菜單表單元素 76
6.6.2 訓練二：在頁面中使用email表單輸入元素並設置autofocus屬性 77
6.7 技術解惑 77
6.7.1 HTML 5新增的表單類型有哪些 77
6.7.2 HTML 5新增的表單特性有哪些 77
第7章 音頻和視頻 78
7.1 audio和video基礎知識 78
7.1.1 在線多媒體的發展 78
7.1.2 多媒體術語 79
7.1.3 HTML 5多媒體文件格式 80
7.1.4 功能缺陷及未來趨勢 81
7.2 使用HTML 5的audio和video元素 81
7.2.1 在頁面中加入音頻和視頻 81
7.2.2 使用source元素 82
7.2.3 使用腳本檢測瀏覽器的標簽支持情況 82
7.2.4 audio和video的特性和屬性 83
7.2.5 audio和video的方法 86
7.2.6 audio和video的事件 88
7.3 練習：做自定義播放工具條 89
7.3.1 案例簡介 89
7.3.2 網頁基本元素 90
7.3.3 定義全域的視頻對象 90
7.3.4 添加播放/暫停、前進和後退功能 91
7.3.5 添加慢進和快進功能 91
7.3.6 添加靜音和音量功能 92
7.3.7 添加進度顯示功能 92
7.4 拓展訓練 93
7.4.1 訓練一：在頁面中插入音頻格式 93
7.4.2 訓練二：在頁面中插入視頻格式，並在頁面加載完畢後自動播放 93
7.5 技術解惑 93
7.5.1 如何使用合適的音頻類型 93
7.5.2 在網上使用視頻的技巧 94
第8章 在網頁中拖放內容 95
8.1 拖放API 95
8.1.1 新增的draggable特性 95
8.1.2 新增的鼠標拖放事件 95
8.1.3 DataTransfer對象 96
8.1.4 練習：拖放元素的內容 97
8.2 文件API 100
8.2.1 新增的標簽特性 100
8.2.2 FileList對象與File對象 101
8.2.3 Blob對象 102
8.2.4 FileReader接口 103
8.3 練習：把圖片拖入瀏覽器 108
8.3.1 案例簡介 108
8.3.2 設計網頁基本元素 108
8.3.3 基本函數的實現 109
8.3.4 頁面加載處理 109
8.4 拓展訓練 110
8.4.1 訓練一：使用文件選擇框可以一次選取多個文件 110
8.4.2 訓練二：在網頁中設置一個層是可以拖動的 110
8.5 技術解惑 110
8.5.1 理解拖放API與文件API 110
8.5.2 如何使用FlieList對象 111
第9章 網頁的本地存儲 112
9.1 本地存儲對象――Web Storage 112
9.1.1 Web Storage簡介 112
9.1.2 sessionStorage和localStorage 113
9.1.3 設置和獲取Storage數據 115
9.1.4
第1章 網頁基礎知識入門 1
1.1 瞭解HTML網頁技術 1
1.1.1 什麼是HTML和HTML 5 1
1.1.2 如何獲取網頁的源代碼 2
1.1.3 靜態網頁 3
1.1.4 動態網頁 3
1.1.5 網站 3
1.2 瞭解網頁技術的工作原理 4
1.2.1 靜態HTML的工作流程 4
1.2.2 動態HTML的工作流程 4
1.3 製作一個完整的HTML 5網頁 5
1.3.1 搭建上機練習環境 5
1.3.2 完成第一個網頁 5
1.4 技術解惑 6
1.4.1 HTML與HTML 5是兩種網頁語言嗎 6
1.4.2 如何區分靜態網頁與動態網頁 6
第2章 HTML 5網頁的結構 7
2.1 動手解構一個HTML 5頁面 7
2.2 HTML的基礎知識 7
2.2.1 HTML的基礎語法 7
2.2.2 HTML文檔的基本骨架 8
2.3 HTML文檔中的標簽 8
2.3.1 樣本代碼DOCTYPE 9
2.3.2 開始標簽＜html＞ 9
2.3.3 頭部標簽和頭部標簽的對象 9
2.3.4 標題標簽＜title＞ 9
2.3.5 主體標簽＜body＞ 9
2.3.6 美化HTML文檔 9
2.4 拓展訓練 10
2.4.1 訓練一：製作一個HTML網頁，包含HTML基本標記，頁面顯示
“Hello World!” 10
2.4.2 訓練二：製作一個HTML網頁，要求在瀏覽器標題欄中顯示
“Hello World!” 10
2.5 技術解惑 11
2.5.1 HTML標簽需要死記硬背嗎 11
2.5.2 HTML網頁的結構中哪些標簽是必需的 11
第3章 網頁中的文本與段落 12
3.1 文本的排版格式 12
3.1.1 寫一行換一行 12
3.1.2 在頁面中使用空格 13
3.1.3 文本的段落要對齊 14
3.2 文本的屬性樣式 15
3.2.1 不一樣的文本字體大小 15
3.2.2 奇妙的特殊符號 16
3.2.3 給文本加標注 17
3.3 整齊的文本列表 18
3.3.1 無序列表 18
3.3.2 有序列表 19
3.3.3 定義列表 20
3.3.4 列表嵌套 21
3.4 拓展訓練 22
3.4.1 訓練一：在頁面中設置段落對齊方式 22
3.4.2 訓練二：在頁面中創建有序列表 23
3.5 技術解惑 23
3.5.1 文本段落的對齊方式 23
3.5.2 有序列表與無序列表 23
第4章 網頁中的圖像 24
4.1 圖像的基礎知識 24
4.1.1 常用的位圖圖像 24
4.1.2 在頁面中常用的位圖格式 24
4.1.3 矢量圖 25
4.1.4 圖像的分辨率 25
4.1.5 認識一些網頁中常用的Banner尺寸 25
4.2 頁面中的圖像 26
4.2.1 理解圖像路徑 26
4.2.2 像編輯文本對齊一樣在頁面中對齊圖片 27
4.2.3 圖像與文本的對齊方式 28
4.2.4 調整圖像與文本的距離 29
4.3 讓圖像更美觀 30
4.3.1 使用畫圖工具修改圖像 30
4.3.2 為圖像添加邊框 30
4.3.3 獨樹一幟的水平線 31
4.4 改變頁面的背景 32
4.5 拓展訓練 33
4.5.1 訓練一：在網頁中插入圖片並設置邊框 33
4.5.2 訓練二：在頁面中插入寬度為800px、高度為2px、顏色為藍色的
水平線 34
4.6 技術解惑 34
4.6.1 使用圖像的技巧 34
4.6.2 善用水平線 34
第5章 網頁中的鏈接 35
5.1 認識鏈接 35
5.1.1 初識頁面鏈接 35
5.1.2 理解鏈接地址 36
5.2 鏈接的種類 37
5.2.1 基本的文本鏈接 38
5.2.2 基本的圖像鏈接 38
5.2.3 把郵箱留給需要聯繫你的人 39
5.2.4 在同一頁面中快速查找信息 40
5.3 提高頁面鏈接的友好度 42
5.3.1 美觀鏈接的狀態 42
5.3.2 特殊的鏈接方式 44
5.3.3 熱點圖像區域的鏈接 46
5.4 在新窗口中顯示鏈接窗口 48
5.5 拓展訓練 49
5.5.1 訓練一：在頁面中使用圖像鏈接 49
5.5.2 訓練二：在頁面中使用熱點圖像區域鏈接 49
5.6 技術解惑 49
5.6.1 合理使用錨點鏈接 49
5.6.2 合理使用郵件鏈接 50
第6章 網頁中的表單 51
6.1 表單的工作原理 51
6.1.1 ＜script＞標記 51
6.1.2 創建表單 51
6.1.3 表單域 52
6.2 通過表單展示不一樣的頁面 52
6.2.1 input對象下的多種表單表現形式 52
6.2.2 text文本框的樣式表單 53
6.2.3 password輸入密碼的樣式表單 54
6.2.4 checkbox複選框的樣式表單 55
6.2.5 radio單選框的樣式表單 57
6.2.6 submit提交數據的樣式表單 58
6.2.7 hidden隱藏域的樣式表單 59
6.2.8 image樣式的表單 60
6.2.9 file上傳文件的樣式表單 61
6.2.10 textarea對象的表單 62
6.2.11 select對象的表單 64
6.2.12 表單域集合 65
6.3 HTML 5表單的進化 66
6.3.1 早期的表單發展 66
6.3.2 HTML 5表單的問世 66
6.3.3 當前的支持情況 67
6.3.4 新增的表單輸入類型 67
6.4 新增表單特性及元素 68
6.4.1 form特性 68
6.4.2 formaction特性 68
6.4.3 form其他特性 69
6.4.4 placeholder特性 69
6.4.5 autofocus特性 69
6.4.6 autocomplete特性 69
6.4.7 list特性和datalist元素 70
6.4.8 keygen元素 70
6.4.9 output元素 70
6.5 表單驗證API 71
6.5.1 與驗證有關的表單元素特性 71
6.5.2 表單驗證的屬性 72
6.5.3 ValidityState對象 72
6.5.4 表單驗證的方法 73
6.5.5 表單驗證的事件 75
6.6 拓展訓練 76
6.6.1 訓練一：在頁面中使用下拉菜單表單元素 76
6.6.2 訓練二：在頁面中使用email表單輸入元素並設置autofocus屬性 77
6.7 技術解惑 77
6.7.1 HTML 5新增的表單類型有哪些 77
6.7.2 HTML 5新增的表單特性有哪些 77
第7章 音頻和視頻 78
7.1 audio和video基礎知識 78
7.1.1 在線多媒體的發展 78
7.1.2 多媒體術語 79
7.1.3 HTML 5多媒體文件格式 80
7.1.4 功能缺陷及未來趨勢 81
7.2 使用HTML 5的audio和video元素 81
7.2.1 在頁面中加入音頻和視頻 81
7.2.2 使用source元素 82
7.2.3 使用腳本檢測瀏覽器的標簽支持情況 82
7.2.4 audio和video的特性和屬性 83
7.2.5 audio和video的方法 86
7.2.6 audio和video的事件 88
7.3 練習：做自定義播放工具條 89
7.3.1 案例簡介 89
7.3.2 網頁基本元素 90
7.3.3 定義全域的視頻對象 90
7.3.4 添加播放/暫停、前進和後退功能 91
7.3.5 添加慢進和快進功能 91
7.3.6 添加靜音和音量功能 92
7.3.7 添加進度顯示功能 92
7.4 拓展訓練 93
7.4.1 訓練一：在頁面中插入音頻格式 93
7.4.2 訓練二：在頁面中插入視頻格式，並在頁面加載完畢後自動播放 93
7.5 技術解惑 93
7.5.1 如何使用合適的音頻類型 93
7.5.2 在網上使用視頻的技巧 94
第8章 在網頁中拖放內容 95
8.1 拖放API 95
8.1.1 新增的draggable特性 95
8.1.2 新增的鼠標拖放事件 95
8.1.3 DataTransfer對象 96
8.1.4 練習：拖放元素的內容 97
8.2 文件API 100
8.2.1 新增的標簽特性 100
8.2.2 FileList對象與File對象 101
8.2.3 Blob對象 102
8.2.4 FileReader接口 103
8.3 練習：把圖片拖入瀏覽器 108
8.3.1 案例簡介 108
8.3.2 設計網頁基本元素 108
8.3.3 基本函數的實現 109
8.3.4 頁面加載處理 109
8.4 拓展訓練 110
8.4.1 訓練一：使用文件選擇框可以一次選取多個文件 110
8.4.2 訓練二：在網頁中設置一個層是可以拖動的 110
8.5 技術解惑 110
8.5.1 理解拖放API與文件API 110
8.5.2 如何使用FlieList對象 111
第9章 網頁的本地存儲 112
9.1 本地存儲對象――Web Storage 112
9.1.1 Web Storage簡介 112
9.1.2 sessionStorage和localStorage 113
9.1.3 設置和獲取Storage數據 115
9.1.4
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。