《HTML 5網頁設計與製作全程揭秘》是2019年8月清華大學出版社出版的圖書，作者是賈勇。
基本介紹
- 書名：HTML 5網頁設計與製作全程揭秘
- 作者：賈勇
- ISBN：9787302526995
- 定價：69.80元
- 出版社：清華大學出版社
- 出版時間：2019.08
內容簡介,圖書目錄,
內容簡介
經過了Web 2.0 時代，基於網際網路的套用已經越來越豐富，同時也對網際網路套用提出了更高的要求。如今，HTML5 儼然已經成為網際網路領域熱門的詞語之一。《HTML 5網頁設計與製作全程揭秘》按照循序漸進的思路，系統全面地講解了HTML5 語言中的所有功能和特性。
全書共分21 章，包括從HTML 到HTML5、HTML5 頁面基本設定、設定文本與段落、插入並設定圖像、創建和設定列表、創建和設定超連結、插入多媒體、插入和設定表單元素、表格與Div、HTML5 文檔結構、使用HTML5 畫布繪圖、HTML5 的音頻和視頻、使用HTML5 的表單元素、檔案與拖放處理、HTML5 本地存儲、HTML5 離線套用快取、使用Web Workers 處理執行緒、跨源通信和WebSocket 雙向通信、使用HTML5 獲取地理位置、HTML5 網頁綜合實戰、HTML5 手機網頁實戰。書中所有知識點都結合具體實戰練習進行講解，涉及的程式代碼給出了詳細的注釋說明，可以使讀者輕鬆理解HTML5 語言的精髓，快速掌握HTML5 的套用。
《HTML 5網頁設計與製作全程揭秘》適合Web 設計與開發的初學者和愛好者自學，也適合有一定Web 前端開發基礎的網頁開發人員閱讀，同時也可作為計算機培訓班和各院校相關專業的教材。
圖書目錄
第1 章從HTML 到HTML5
1.1 HTML 基礎 1
1.1.1 HTML 概述1
1.1.2 HTML 特性1
1.1.3 HTML 文檔結構2
1.1.4 HTML 的基本語法2
1.1.5 HTML 編寫注意事項 3
1.2 XHTML 基礎3
1.2.1 XHTML 概述3
1.2.2 XHTML 文檔結構4
1.2.3 XHTML 的文檔類型 5
1.2.4 名字空間5
1.3 HTML5 基礎5
1.3.1 HTML5 概述6
1.3.2 HTML5 的文檔結構 6
1.3.3 HTML5 的優勢 6
1.3.4 HTML5 精簡的頭部 7
1.4 HTML 檔案的編寫方式 8
1.4.1 使用記事本編寫 8
實戰 使用記事本製作HTML 頁面8
1.4.2 使用Dreamweaver 編寫9
實戰 使用Dreamweaver 製作HTML 頁面10
1.5 HTML5 中的標籤11
1.6 HTML5 的標準屬性 13
1.7 HTML5 的事件屬性 14
第2章HTML5 頁面基本設定
2.1 網頁頭部——<head> 標籤 16
2.1.1 網頁標題——<title> 標籤 16
實戰 使用<title> 標籤設定網頁標題 17
2.1.2 基底網址——<base> 標籤 17
實戰 設定網頁基底網址 18
2.2 元信息——<meta> 標籤 18
2.2.1 設定網頁關鍵字19
2.2.2 設定網頁說明 19
2.2.3 設定網頁作者信息20
2.2.4 設定網頁編輯軟體20
實戰 設定網頁基礎元信息20
2.2.5 設定網頁定時跳轉21
實戰 設定網頁定時跳轉22
2.2.6 限制搜尋方式22
2.2.7 設定網頁文字及語言23
2.2.8 設定網頁有效期限23
2.2.9 禁止快取調用24
2.2.10 刪除過期的cookie24
2.2.11 強制打開新視窗24
2.3 網頁主體——<body> 標籤25
2.3.1 網頁邊距——margin 屬性25
實戰 設定網頁整體邊距25
2.3.2 網頁背景顏色——bgcolor 屬性 26
實戰 設定網頁背景顏色27
2.3.3 背景圖像——background 屬性27
實戰 設定網頁背景圖像28
2.3.4 文字顏色——text 屬性 28
實戰 設定網頁默認文字顏色29
2.3.5 連結文字顏色——link 屬性 29
實戰 設定網頁默認連結文字顏色 29
2.4 在HTML 代碼中添加注釋30
第3章設定文本與段落
3.1 設定文本效果32
3.1.1 文字樣式——<font> 標籤32
實戰 設定網頁文字基本樣式33
3.1.2 傾斜文字——<i> 和<em> 標籤 34
實戰 設定文字傾斜效果34
3.1.3 加粗文字——<b> 和<strong>標籤35
實戰 設定網頁文字加粗效果36
3.1.4 下畫線——<u> 標籤36
實戰 為文字添加下畫線37
3.1.5 刪除線——<s> 和<strike> 標籤37
實戰 為文字添加刪除線37
3.1.6 上標與下標——<sup> 和<sub>標籤38
實戰 設定上標和下標文字效果 38
3.1.7 等寬文本——<code> 和<samp>標籤39
3.1.8 標題文本——<h1> 至<h6> 標籤 39
實戰 設定標題文字40
3.2 特殊文字標籤40
3.2.1 空格—— 40
實戰 在網頁文本中添加空格41
3.2.2 其他特殊符號41
實戰 在網頁中添加特殊文本符號 42
3.2.3 水平線——<hr> 標籤42
實戰 在網頁中插入並設定水平線 42
3.3 文本的分行與分段43
3.3.1 文本換行——<br> 標籤43
實戰 為網頁文本進行換行處理 43
3.3.2 強制不換行——<nobr> 標籤 44
實戰 強制網頁文本不換行44
3.3.3 文本分段——<p> 標籤45
實戰 為網頁文本進行分段處理 45
3.3.4 段落文字對齊——align 屬性46
實戰 設定文字水平對齊效果46
3.3.5 保留原始排版——<pre> 標籤47
實戰 保留網頁文本原始排版效果 47
3.4 其他文字標籤47
3.4.1 文字標註——<ruby> 標籤47
實戰 在網頁中實現文字標註說明效果 47
3.4.2 聲明變數——<var> 標籤48
實戰 使用聲明變數標籤48
3.4.3 忽視HTML——<plaintext> 和<xmp>標籤49
實戰 使用忽視HTML 標籤49
3.5 滾動文本——<marquee> 標籤 50
實戰 製作網頁文本滾動效果50
第4 章插入並設定圖像
4.1 了解網頁中的圖像格式52
4.1.1 網頁常用的圖像格式52
4.1.2 選擇合適的圖像格式53
4.2 插入圖像——<img> 標籤 53
實戰 製作圖像頁面54
4.3 設定圖像屬性54
4.3.1 圖像寬度和高度——width 和height屬性 55
實戰 插入圖像並設定圖像寬度和高度 55
4.3.2 圖像框線——border 屬性 56
實戰 為圖像添加框線57
4.3.3 圖像替代文本——alt 屬性57
實戰 為圖像添加替代文本和提示文字信息58
4.3.4 圖像相對於文字的對齊方式——align屬性 59
實戰 設定圖像相對於文字的對齊效果 59
4.3.5 圖文混排效果——align 屬性60
實戰 製作圖文混排頁面60
4.4 滾動圖像——<marquee> 標籤 62
實戰 製作滾動圖像效果62
第5章創建和設定列表
5.1 認識列表標籤64
5.2 項目列表 64
5.2.1 創建項目列表——<ul> 標籤64
實戰 創建新聞列表65
5.2.2 項目列表符號——type 屬性66
實戰 設定列表符號效果67
5.3 編號列表68
5.3.1 創建編號列表——<ol> 標籤68
實戰 創建排行列表69
5.3.2 編號列表符號——type 屬性 69
實戰 設定編號列表符號70
5.3.3 編號列表起始值——start 屬性 71
實戰 設定編號列表起始數值72
5.4 定義列表——<dl> 標籤 73
實戰 製作複雜新聞列表73
第6 章創建和設定超連結
6.1 超連結基礎75
6.1.1 什麼是超連結75
6.1.2 超連結路徑76
6.2 創建超連結77
6.2.1 超連結——<a> 標籤77
6.2.2 超連結提示——alt 屬性77
6.2.3 超連結打開方式——target 屬性78
實戰 為文字和圖像設定超連結 78
6.3 創建錨點連結79
6.3.1 插入錨點 79
6.3.2 創建錨點連結80
實戰 製作錨點連結頁面81
6.4 創建特殊超連結 83
6.4.1 空連結 83
6.4.2 檔案下載連結83
實戰 創建空連結和檔案下載連結 83
6.4.3 腳本連結 84
實戰 創建關閉視窗腳本連結85
6.4.4 E-mail 連結 85
實戰 創建電子郵件連結86
第7 章插入多媒體
7.1 插入Flash 動畫——<embed>標籤 87
實戰 製作Flash 歡迎頁 87
7.2 添加背景音樂88
7.2.1 網頁中支持的音頻格式 88
7.2.2 背景音樂——<bgsound> 標籤89
7.2.3 音樂循環播放次數——loop 屬性 89
實戰 為網頁設定背景音樂 90
7.2.4 嵌入音頻——<embed> 標籤 90
實戰 在網頁中嵌入音頻播放控制條 91
7.3 插入普通視頻92
7.3.1 網頁中支持的視頻格式92
7.3.2 插入視頻——<embed> 標籤 92
7.3.3 設定自動播放——autostart 屬性 92
實戰 在網頁中插入視頻93
7.3.4 隱藏播放控制項——hidden 屬性94
第8 章插入和設定表單元素
8.1 關於表單95
8.1.1 插入表單域——<form> 標籤 95
8.1.2 表單動作——action 屬性96
8.1.3 表單名稱——name 屬性 96
8.1.4 表單傳送方式——method 屬性96
8.1.5 表單編碼方式——enctype 屬性97
8.1.6 目標顯示方式——target98
8.2 添加表單元素98
8.3 輸入類型表單元素 99
8.3.1 文本域——text 類型 99
8.3.2 密碼域——password 類型 100
8.3.3 圖像域——image 類型 100
實戰 製作登錄頁面101
8.3.4 隱藏域——hidden 類型104
8.3.5 複選框——checkbox 類型104
實戰 製作網站調查表單104
8.3.6 單選按鈕——radio 類型 107
實戰 製作網站投票107
8.3.7 檔案域——file 類型 109
8.3.8 普通按鈕——button 類型 110
8.3.9 提交按鈕——submit 類型110
8.3.10 重置按鈕——reset 類型 110
8.4 其他類型表單元素110
8.4.1 文本區域——<textarea> 標籤 111
8.4.2 列表/ 選單——<select> 標籤 111
實戰 製作網站搜尋 112
8.5 製作用戶註冊頁面 114
實戰 用戶註冊頁面 114
第9 章表格與Div
9.1 了解表格 119
9.2 創建表格 119
9.2.1 表格——<table> 標籤 119
9.2.2 表格標題——<caption> 標籤120
9.2.3 表頭——<th> 標籤121
實戰 創建學習安排表122
9.3 表格結構標籤123
9.3.1 表格頭部——<thead> 標籤 123
9.3.2 表格主體——<tbody> 標籤 124
9.3.3 表格尾部——<tfoot> 標籤 125
實戰 製作學生成績數據表126
9.4 設定表格屬性127
9.4.1 表格寬度與高度——width 和height屬性 127
9.4.2 表格對齊方式——align 屬性128
9.4.3 表格框線粗細——border 屬性129
9.4.4 表格框線顏色——bordercolor 屬性130
9.4.5 表格背景顏色——bgcolor 屬性 131
9.4.6 表格背景圖像——background屬性132
實戰 為表格設定背景顏色和背景圖像133
9.5 設定單元行和單元格屬性135
9.5.1 設定單元行內容水平和垂直對齊135
9.5.2 單元格間距136
9.5.3 單元格邊距137
9.5.4 合併單元格138
實戰 使用表格製作新聞列表 139
9.6 IFrame 框架141
9.6.1 IFrame 框架源檔案 142
9.6.2 IFrame 框架的寬度和高度142
9.6.3 IFrame 框架的對齊方式142
9.6.4 IFrame 框架是否顯示滾動條142
9.6.5 IFrame 框架的框線 142
實戰 設定IFrame 框架屬性142
9.7 插入Div 143
9.7.1 <div> 標籤 144
9.7.2 設定Div 屬性144
9.7.3 <span> 與<div> 標籤144
實戰 製作歡迎頁面145
第10 章HTML 5 文檔結構
10.1 認識HTML5 文檔結構147
10.2 HTML5 元素分類148
10.2.1 結構片段元素149
10.2.2 進度信息元素149
10.2.3 互動性元素149
10.2.4 內嵌套用元素和輔助元素 149
10.2.5 文檔和套用中使用的元素 150
10.2.6 注釋元素150
10.2.7 文本和文本標記元素 150
10.2.8 其他元素150
10.3 創建HTML5 主體內容151
10.3.1 文章——<article> 標籤151
10.3.2 章節——<section> 標籤 152
10.3.3 導航——<nav> 標籤 154
10.3.4 輔助信息——<aside> 標籤156
10.3.5 發布日期——<time> 標籤與微格式157
10.4 添加語義模組 158
10.4.1 頁眉——<header> 標籤 158
10.4.2 標題組——<hgroup> 標籤 159
10.4.3 頁腳——<footer> 標籤 159
10.4.4 聯繫信息——<address> 標籤 160
10.5 使用文檔結構元素製作頁面160
實戰 製作企業網站首頁面 161
第11 章使用HTML5 畫布繪圖
11.1 使用HTML5 畫布繪圖166
11.1.1 了解canvas 元素166
11.1.2 在網頁中插入canvas 元素 166
11.1.3 如何使用canvas 元素實現繪圖 167
11.2 繪製基本圖形169
11.2.1 繪製直線169
實戰 在網頁中繪製直線 169
11.2.2 繪製矩形170
實戰 在網頁中繪製矩形 171
11.2.3 繪製圓形172
實戰 在網頁中繪製圓形 173
11.2.4 繪製三角形174
實戰 在網頁中繪製三角形 174
11.2.5 清除圖形175
實戰 清除使用canvas 元素所繪製的部分圖形 175
11.3 繪製文本176
11.3.1 使用文本176
實戰 在網頁中繪製文字 177
11.3.2 獲取文字寬度177
實戰 獲取所繪製文字寬度 178
11.4 繪製弧線和曲線 178
11.4.1 使用arc( ) 方法179
實戰 通過中心點和半徑繪製弧線 .179
11.4.2 使用arcTo( ) 方法 180
實戰 通過輔助線繪製弧線 180
11.4.3 使用quadraticCurveTo( ) 方法181
實戰 繪製二次樣條曲線 182
11.4.4 使用bezierCurveTo( ) 方法 183
實戰 繪製貝塞爾曲線 183
11.5 圖形的組合與裁切184
11.5.1 圖形組合184
實戰 繪製組合圖形效果 185
11.5.2 使用圖像186
實戰 使用canvas 元素繪製圖像187
11.5.3 使用圖像模式188
實戰 設定圖像平鋪效果 188
11.5.4 裁切路徑189
實戰 在網頁中實現圓形裁切圖像效果189
11.6 圖形變換處理191
11.6.1 移動變換操作191
實戰 移動所繪製圖形位置 191
11.6.2 縮放變換操作193
實戰 使用縮放操作繪製橢圓形193
11.6.3 旋轉變換操作194
實戰 繪製矩形並進行旋轉 195
11.6.4 矩陣變形操作196
11.7 圖形顏色與樣式設定196
11.7.1 繪製線性漸變196
實戰 在網頁中繪製矩形並填充線性漸變197
11.7.2 繪製徑向漸變198
實戰 在網頁中繪製圓形並填充徑向漸變 198
11.7.3 不同的線型199
11.7.4 創建對象陰影201
實戰 為圖形添加陰影效果 201
第12 章HTML5 的音頻和視頻
12.1 HTML5 多媒體基礎203
12.1.1 視頻檔案格式203
12.1.2 線上多媒體的發展203
12.1.3 HTML5 音頻和視頻的優勢 204
12.1.4 音頻和視頻編解碼器 204
12.1.5 HTML5 音頻和視頻的不足205
12.1.6 檢查瀏覽器是否支持HTML5 音頻和視頻205
12.2 使用HTML5 音頻206
12.2.1 <audio> 標籤所支持的音頻格式206
12.2.2 使用<audio> 標籤206
實戰 在網頁中嵌入音頻播放 206
12.3 使用HTML5 視頻207
12.3.1 <video> 標籤所支持的視頻格式207
12.3.2 使用<video> 標籤207
實戰 在網頁中嵌入視頻播放 208
12.3.3 使用<source> 標籤209
12.4 <audio> 與<video> 標籤的屬性209
12.4.1 元素的標籤屬性209
12.4.2 元素的接口屬性210
實戰 為網頁文本進行分段處理211
12.5 <audio> 與<video> 標籤的接口方法和事件212
12.5.1 <audio> 與<video> 標籤的接口方法 212
實戰 控制視頻的播放和暫停 212
12.5.2 <audio> 與<video> 標籤的接口事件 214
12.5.3 <audio> 與<video> 標籤接口事件的使用方法.214
12.5.4 自定義視頻播放控制組件 214
實戰 自定義視頻播放控制組件215
第13 章使用HTML5 的表單元素
13.1 了解HTML5 表單219
13.1.1 HTML 表單的發展 219
13.1.2 HTML5 新增表單元素的作用 219
13.1.3 瀏覽器對HTML5 表單的支持情況 220
13.2 HTML5 新增表單輸入類型 220
13.2.1 url 類型 220
13.2.2 email 類型 220
13.2.3 range 類型 220
13.2.4 number 類型 221
13.2.5 tel 類型 221
13.2.6 search 類型221
13.2.7 color 類型221
13.2.8 date 類型 221
13.2.9 month、week、time、datetime、datetime-local 類型222
13.2.10 使用HTML5 表單元素222
實戰 製作留言表單頁面 222
13.3 HTML5 新增其他表單元素 226
13.3.1 datalist 元素和list 屬性226
13.3.2 keygen 元素226
13.3.3 output 元素227
13.4 HTML5 新增表單屬性 227
13.4.1 form 屬性227
13.4.2 formaction 屬性 227
13.4.3 formmethod、formenctype、formnovalidate、formtarget 屬性228
13.4.4 placeholder 屬性228
實戰 為表單元素設定默認提示內容 228
13.4.5 autofocus 屬性 229
13.4.6 autocomplete 屬性229
13.5 HTML5 表單驗證標籤屬性 229
13.5.1 required 屬性 230
13.5.2 pattern 屬性230
13.5.3 min、max 和step 屬性 230
13.5.4 novalidate 屬性230
實戰 對網頁表單進行驗證 230
13.6 HTML5 表單驗證API 231
13.6.1 表單驗證的屬性231
13.6.2 ValidityState 對象232
13.6.3 checkValidity( ) 方法驗證表單 233
實戰 使用checkValidity( ) 方法驗證表單233
13.6.4 setCustomValidity( ) 方法驗證表單234
實戰 使用setCustomValidity( ) 方法驗證表單 234
13.6.5 表單驗證事件236
實戰 使用invalid 事件驗證表單236
第14 章檔案與拖放處理
14.1 檔案API 238
14.1.1 新增的上傳表單元素屬性 238
14.1.2 File 對象與FileList 對象 239
實戰 同時上傳多個檔案並顯示檔案名稱稱239
14.1.3 Blob 對象240
實戰 獲取所上傳檔案數據 240
14.2 FileReader 接口 242
14.2.1 檢查瀏覽器是否支持FileReader接口 242
14.2.2 FileReader 接口的屬性 242
14.2.3 FileReader 接口的方法 243
實戰 使用FileReader 接口方法將上傳的檔案讀取為不同數據 243
14.2.4 FileReader 接口的事件 245
實戰 FileReader 接口的事件回響順序245
14.3 拖放API 247
14.3.1 新增的draggable 屬性247
14.3.2 新增的滑鼠拖放事件 247
14.3.3 DataTransfer 對象247
14.3.4 把圖像拖放到網頁中248
實戰 把圖像拖放到網頁中 248
第15 章HTML5 本地存儲
15.1 Web Storage 251
15.1.1 什麼是Web Storage251
15.1.2 Cookie 存儲數據的不足 251
15.1.3 使用Web Storage 存儲的優勢252
15.1.4 會話存儲與本地存儲的區別252
15.2 使用Web Storage252
15.2.1 檢查瀏覽器是否支持Web Storage252
實戰 檢查瀏覽器是否支持Web Storage 253
15.2.2 設定和獲取Storage 數據254
實戰 使用sessionStorage 和localStorage254
15.2.3 Storage API 的屬性和方法255
實戰 使用storage 對象保存頁面內容256
15.2.4 格式化數據257
實戰 使用Storage 對象存儲JOSN 數據 257
15.2.5 Storage API 事件259
實戰 使用Web Storage 製作簡單留言板260
15.3 本地資料庫Web SQL261
15.3.1 了解Web SQL 資料庫262
15.3.2 Web SQL 資料庫的基本操作 262
15.3.3 使用Web SQL 資料庫263
實戰 實現選擇網頁背景顏色263
第16 章HTML5 離線套用快取
16.1 Web 離線套用快取 268
16.1.1 新增的離線套用快取 268
16.1.2 離線套用快取與傳統頁面快取的區別269
16.1.3 離線套用快取與本地數據存儲的區別269
16.2 manifest 快取清單檔案269
16.2.1 manifest 檔案的結構 269
16.2.2 如何使用manifest 檔案 270
16.2.3 伺服器端的配置270
16.2.4 檢查瀏覽器網路狀態 271
實戰 檢查瀏覽器的網路狀態271
16.3 套用快取接口applicationCache 273
16.3.1 檢查瀏覽器是否支持套用快取接口273
實戰 檢查瀏覽器是否支持Web 離線套用 273
16.3.2 applicationCache 接口274
16.3.3 接口的status 屬性274
16.3.4 接口的方法275
16.3.5 接口的事件275
實戰 離線套用快取的事件發生順序 275
16.4 離線快取網頁內容277
實戰 離線快取網頁內容 277
第17 章使用Web Workers 處理執行緒
17.1 了解Web Workers281
17.1.1 什麼是Web Workers281
17.1.2 Web Workers 執行緒的特點281
17.1.3 Web Workers 體系結構 282
17.2 專屬執行緒Dedicated Worker 282
17.2.1 檢查瀏覽器是否支持Worker對象282
17.2.2 創建專屬執行緒282
17.2.3 為執行緒添加監聽訊息事件 282
17.2.4 向執行緒中傳送訊息283
17.2.5 編寫執行緒處理的腳本檔案 283
17.2.6 線上程中載入多個檔案283
17.2.7 監聽執行緒錯誤283
實戰 簡單的專屬執行緒套用 284
17.2.8 多執行緒嵌套285
17.2.9 單層執行緒嵌套286
實戰 執行緒嵌套輸出最大質數 286
17.2.10 多層執行緒嵌套 287
17.3 共享執行緒Shared Worker288
17.3.1 共享執行緒的基本用法 288
17.3.2 使用共享執行緒289
實戰 使用共享執行緒顯示連線數 289
17.4 Web Workers 接口框架291
17.4.1 執行緒外部接口291
17.4.2 執行緒內部接口293
第18 章跨源通信和WebSocket雙向通信
18.1 了解跨文檔信息傳輸 296
18.1.1 跨文檔信息傳輸的實現296
18.1.2 網頁源安全297
18.2 使用postMessage 接口297
18.2.1 檢查瀏覽器是否支持postMessage接口298
18.2.2 使用postMessage( ) 方法傳送信息298
18.2.3 使用message 事件監聽收到的信息298
實戰 實現簡單的跨文檔信息傳輸 299
18.3 信息事件接口MessageEvent 301
18.3.1 MessageEvent 接口清單 301
18.3.2 MessageEvent 接口屬性 301
18.3.3 initMessageEvent( ) 接口方法302
18.3.4 MessageEvent( ) 接口說明302
18.4 了解XMLHttpRequestLevel2 規範 302
18.4.1 XMLHttpRequestLevel2 規範的優勢 302
18.4.2 XMLHttpRequestLevel2 規範的接口303
18.4.3 XMLHttpRequestLevel2 規範中新的回響事件304
18.4.4 檢查瀏覽器是否支持全新的XMLHttpRequest 對象304
18.4.5 構建跨源請求304
18.4.6 添加監聽事件304
18.4.7 部署伺服器305
18.5 了解WebSocket 305
18.5.1 WebSocket 概述 305
18.5.2 WebSocket 的優勢 306
18.5.3 WebSocket 編程接口306
18.6 了解WebSocket 編程基礎 308
18.6.1 檢查瀏覽器是否支持WebSocket 308
18.6.2 創建連線308
18.6.3 添加狀態和訊息監聽事件 309
18.6.4 傳送信息309
18.6.5 關閉連線309
第19 章使用HTML5 獲取地理位置
19.1 Geolocation API 310
19.1.1 地理位置坐標信息310
19.1.2 地理位置信息的來源 310
19.1.3 地理位置信息的套用 311
19.1.4 Geolocation API 中的隱私保護 311
19.2 使用Geolocation 前的準備 312
19.2.1 Geolocation 的瀏覽器支持情況312
19.2.2 檢查瀏覽器是否支持Geolocation API312
實戰 檢查瀏覽器是否支持GeolocationAPI312
19.3 使用GeolocationAPI 獲取地理位置313
19.3.1 getCurrentPosition( ) 方法313
19.3.2 回調函式successCallback( )314
19.3.3 回調函式errorCallback( ) 314
19.3.4 可選參數options 315
19.3.5 單次獲取地理位置信息315
實戰 單次獲取地理位置信息 316
19.3.6 重複更新地理位置信息319
19.4 Geolocation 接口319
19.4.1 NavigatorGeolocation 接口清單 319
19.4.2 Geolocation 接口清單319
19.4.3 PositionOptions 接口清單 320
19.4.4 Position 接口清單 320
19.4.5 Coordinates 接口清單321
19.4.6 PositionError 接口清單321
19.5 在地圖上顯示位置321
實戰 在地圖上顯示位置 322
第20 章HTML5 網頁綜合實戰
20.1 製作電子商務網站頁面 327
20.1.1 設計分析327
20.1.2 布局結構分析327
20.1.3 製作HTML5 頁面328
實戰 製作頁眉header 和導航nav 區域 328
實戰 製作網頁廣告區域 330
實戰 製作網頁側邊欄區域 332
實戰 製作網頁主體內容區域 334
實戰 製作網頁版底footer 區域338
20.2 製作企業網站頁面340
20.2.1 設計分析340
20.2.2 布局結構分析340
20.2.3 製作HTML5 頁面341
實戰 製作頁面頭部header 區域341
實戰 製作網頁焦點輪換廣告圖344
實戰 製作頁面主體內容區域 346
實戰 製作頁腳部分內容 348
HTML5 手機網頁實戰
21.1 如何製作回響式網站頁面351
21.1.1 什麼是回響式設計351
21.1.2 回響式設計的相關術語352
21.1.3 <meta> 標籤設定353
21.2 製作回響式攝影圖片網頁354
21.2.1 設計分析354
21.2.2 布局結構分析354
21.2.3 製作HTML5 回響式網頁355
實戰 製作頁面導航區域 355
實戰 製作頁面主體內容區域 360
第21 章實戰 製作頁面版底信息區域 365
