內容系統全面，一站式解決HTML5+CSS3+JavaScript+jQuery+AJAX+AngularJS

講解深入淺出，安全精彩、貼近實戰，商業化開發味道突出

全屏幕適配，支持移動Web開發，引入“瀏覽器支持”工程理念

理論實戰緊密結合，徹底擺脫紙上談兵

融匯前端開發多年的授課及培訓經驗，干貨多多

書中所配DVD包含所有涉及到的軟件及書中案例代碼，上手無障礙

1．為什么要學習Web前端開發？

在日益互聯網化的今天，Web技術已經成為一門廣泛應用的技術。除了日常的網站訪問和信息瀏覽，Web已成為各種設備的有機組成部分。例如交換機、路由器、服務器等硬件設備都可以通過Web方式進行管理，并且這種方式得到了越來越多的應用，各種信息技術都在不斷“Web化”。

不僅如此，學習Web前端開發技術具有以下優勢：

 Web前端開發入門門檻低，但市場需求量大，尤其是有經驗的前端開發人員。

 Web前端開發人員可在短期內積累足夠的經驗，而后端開發人員想要積累同等的經驗則需要更長的時間。

 Web前端開發技術發展越來越成熟，且適用范圍更廣。比如HTML5 可以替代原生APP，JavaScript能夠用于數據庫操作（MongoDB等NoSQL技術也支持JS語法），Node.js能夠讓JavaScript在服務器端運行等。

2．為什么要選擇本書？

（1）涵蓋Web前端開發的全體系內容。

本書的內容安排遵循Web開發流程及由淺入深的認知規律，首先介紹Web的基本概念及Web開發工具，然后講解Web前端開發的三大核心內容—HTML5、CSS3、JavaScript，隨后介紹jQuery和AngularJS，接著進一步介紹HTML5新增的文件接口、繪圖元素、本地存儲和地理定位功能，最后講解Web測試與發布技術。通過這本書，讀者可以掌握Web前端開發的全體系知識。

（2）引入“瀏覽器支持”的工程理念。

Web前端開發的結果要通過瀏覽器進行展示。本書在講解HTML5和CSS3的各種元素、屬性時，明確說明了各種瀏覽器對這些元素的支持；本書中所有的案例都進行了主流瀏覽器兼容性測試，并對測試結果進行了說明，從而使讀者尤其是初學者，在學習之初就能樹立起“瀏覽器支持”這一Web前端開發中的重要工程理念。

（3）書中案例具有較高的工程度和成熟度。

本書包含300多個案例，既有針對一個元素的小案例，也有綜合性的大案例。所有案例都經過了精心設計，案例代碼的成熟度和工程應用程度較高，許多案例達到了企業級應用水平。讀者在學習本書時可以通過案例更好地理解知識和掌握應用技術，同時這些案例也能成為讀者積累的代碼庫中的一部分，在進行實際項目開發時直接引用，真正起到“拿來就用”的作用，有效降低讀者從學習到項目開發的成本。

（4）明確體現商業化開發的特點。

本書作者及案例設計團隊具有多年的商業化Web前端開發經驗。全書在內容組織、案例設計、編寫形式上明確體現了商業化開發的特點，有助于讀者更好地實現從學習到應用的轉變。

（5）全屏幕適配，支持移動Web開發。

本書的內容不僅考慮了面向PC的Web開發，也考慮了面向移動終端的Web開發，全書的講解重新考慮“全終端適配”的概念，讓讀者能夠更加全面地理解Web前端開發的應用范圍，充分適應移動互聯網的時代特征。

3．讀者對象

本書適用于以下三類讀者。

一是從事Web前端開發工作的專業技術人員，本書可幫助他們進行深入、系統的深造學習，從而更好地理解Web知識體系、提高工作效率。

二是準備從事Web前端開發工作的入門者，本書可幫助他們全面理解并掌握Web前端開發的技術框架，為系統學習Web前端開發指引方向，為后續工作學習打下扎實基礎。

三是高等院校中計算機相關專業特別是計算機科學與技術、軟件技術類專業的在校學生，本書可幫助他們從零開始學習Web技術，不斷加深對Web前端開發技術的理解，并且通過大量案例提升實踐操作的綜合能力，做到“學以致用”。

4．主要內容

本書共23章，從內容組織上看，包括Web基礎、HTML5、CSS3、JavaScript及開發庫、Web前端開發高級應用、Web測試與發布六個部分。

本書在保留第一版主要內容的基礎上，更新并補充了行業應用的新技術熱點，進一步優化章節結構，調整了全書內容組織體系。調整的具體內容為新增第17章、第21章、第23章，并調換了第一版第10章和第11章的順序。本書反映了Web前端開發技術的最新發展狀況，主要內容如下：

第1～2章屬于Web基礎部分。主要介紹Web的基本概念、工作原理、Web前端開發的含義，重點講解Web前端開發的每個階段中所使用的開發工具，幫助讀者為后續學習打下基礎。

第3～6章屬于HTML5部分。主要介紹HTML5的發展、優勢、功能、新特征以及各種元素、屬性的用法、重點講解HTML5表單和多媒體的應用技術。

第7～13章屬于CSS3部分。主要介紹CSS3的發展、功能、新特征，重點講解CSS3中選擇器、文字樣式、背景與邊框、盒模型、布局、動畫的應用技術。

第14～17章屬于JavaScript及開發庫部分。主要介紹JavaScript的發展、功能、基本語法，重點講解jQuery、AJAX、AngularJS的應用技術。

第18～21章屬于Web前端開發的高級應用部分。主要講解HTML5新增的文件接口、繪圖元素、本地存儲和地理定位功能。

第22～23章屬于Web測試與發布部分。主要介紹Web測試的基本內容、Web測試的常用方法和常見測試軟件，并詳細介紹網站發布的流程。

本書第1版發布后，作者開始積極探索科研、教研和教學工作的融合以及團隊建設模式，初步形成了松散模式的技術團隊和本書創作小組。劉明哲、馮順磊、路景鑫、賀路路、孫高強、董凱倫、張浩林全程參與了改版方案及本書內容與案例的討論、審核和校對。在此對他們表示誠摯的謝意。

由于作者水平有限，疏漏及不足之處在所難免，敬請廣大讀者朋友批評指正。

阮曉龍

2018年5月于鄭州

第1章 概述 1
1.1 Web基礎 2
1.1.1 Web的基本概念 2
1.1.2 Internet 2
1.1.3 協議 8
1.1.4 URL和域名 9
1.1.5 服務器 9
1.1.6 Web標準 9
1.2 Web是如何工作的？ 10
1.2.1 什么是網頁？ 10
1.2.2 什么是網站？ 11
1.2.3 網頁與網站的關系 11
1.2.4 瀏覽器是如何工作的？ 11
1.2.5 訪問網站的過程 13
1.2.6 網站是怎么開發出來的？ 13
1.3 為什么學習Web前端開發？ 16
1.3.1 什么是Web前端開發？ 16
1.3.2 Web前端工程師的工作內容 17
1.3.3 Web前端工程師的職業前景 17
1.3.4 需要學習哪些內容 17
1.3.5 需要購買哪些設備？ 18
1.3.6 除了技術，還需要學什么 18
1.4 項目管理系統 19
1.4.1 什么是項目管理？ 19
1.4.2 項目管理的目的 19
1.4.3 項目管理系統—Microsoft Project 20
1.4.4 項目管理系統—Collabtive 20
第2章 開發工具 21
2.1 開發工具綜述 22
2.2 原型設計工具 22
2.2.1 什么是原型設計？ 22
2.2.2 原型設計工具—Axure RP 23
2.2.3 實訓：使用Axure RP實現百度登錄頁原型設計 23
2.3 開發工具 29
2.3.1 開發工具的作用 29
2.3.2 網站開發工具—Adobe Dreamweaver 30
2.3.3 網站開發工具—Oracle NetBeans 30
2.3.4 網站開發工具—Microsoft Visual Studio Code 31
2.3.5 實訓：Adobe Dreamweaver CS6的安裝與基本使用 31
2.3.6 實訓：Microsoft Visual Studio Code的安裝與基本使用 39
2.4 調試工具 41
2.4.1 什么是Web調試？ 41
2.4.2 網站調試工具—Firefox 41
2.4.3 網站調試工具—Google Chrome 42
2.4.4 網站調試工具—Internet Explorer 42
2.4.5 網站調試工具—Microsoft Edge 42
2.4.6 實訓：使用Firefox進行網頁開發調試 42
2.5 代碼托管工具 48
2.5.1 為什么要進行代碼托管？ 48
2.5.2 代碼托管的基本功能 48
2.5.3 代碼托管工具—GitHub 48
2.5.4 代碼托管工具—SVN 49
2.5.5 案例：使用GitHub開源平臺實現網站代碼托管 49
第3章 初識HTML5 55
3.1 HTML概述 56
3.1.1 什么是HTML？ 56
3.1.2 HTML的發展歷程 56
3.1.3 HTML5發展史 56
3.1.4 HTML5開發團隊 57
3.1.5 HTML5官方資源 57
3.2 HTML5的優勢 57
3.2.1 優勢 57
3.2.2 新功能 59
3.3 HTML5的新特征 61
3.3.1 語法的改變 61
3.3.2 元素 62
3.3.3 屬性 67
3.3.4 全局屬性 69
3.4 HTML5文檔結構 70
3.4.1 認識文檔結構 70
3.4.2 案例：創建HTML5網頁 72
第4章 HTML5結構與屬性 73
4.1 從HTML4到HTML5 74
4.1.1 使用表格布局 74
4.1.2 使用區塊布局 74
4.1.3 使用HTML5結構元素布局 75
4.1.4 語義Web 75
4.2 HTML5基礎 76
4.2.1 HTML5語法 76
4.2.2 HTML5元素 77
4.2.3 HTML5屬性 82
4.2.4 HTML5全局屬性 84
4.2.5 案例：個人簡歷網頁的實現 84
4.3 HTML5結構元素 87
4.3.1 HTML5主體結構元素 88
4.3.2 HTML5非主體結構元素 92
4.3.3 案例：使用結構元素進行網頁布局（新聞列表+新聞列表內容呈現） 95
4.4 超鏈接 99
4.4.1 絕對路徑與相對路徑 99
4.4.2 超鏈接元素 99
4.4.3 超鏈接屬性 100
4.4.4 案例：網址導航頁面的實現 100
第5章 表單 102
5.1 表單基礎 103
5.1.1 表單 103
5.1.2 input元素 104
5.1.3 label元素 105
5.1.4 button元素 105
5.1.5 select元素 106
5.1.6 textarea元素 108
5.2 使用form元素 108
5.2.1 新增form元素 109
5.2.2 form屬性總覽 110
5.2.3 新增form屬性 110
5.3 使用input元素 111
5.3.1 input類型總覽 111
5.3.2 新增input類型 112
5.3.3 input屬性總覽 119
5.3.4 新增的input屬性 120
5.4 案例：高考改革方案調查問卷網頁的實現 126
5.5 案例：智能表單（用戶注冊） 130
第6章 多媒體 135
6.1 多媒體基礎 136
6.1.1 什么是多媒體？ 136
6.1.2 音頻編碼與音頻格式 136
6.1.3 視頻編碼與視頻格式 136
6.1.4 在Web上能夠使用的音頻和視頻格式 137
6.1.5 如何在Web上播放視頻？ 138
6.2 HTML5音頻與視頻 139
6.2.1 audio元素 139
6.2.2 video元素 140
6.2.3 audio和video的屬性 141
6.2.4 audio和video的方法 144
6.2.5 audio和video的事件 145
6.2.6 案例：在網頁上使用背景音樂 146
6.2.7 案例：在網頁上播放視頻 147
6.3 播放控制 147
6.3.1 預加載媒體文件 148
6.3.2 視頻封面圖 148
6.3.3 自動播放 148
6.3.4 循環播放 148
6.3.5 添加變量 148
6.3.6 播放 149
6.3.7 暫停 150
6.3.8 快放、慢放、慢動作 150
6.3.9 快進、快退 151
6.3.10 進度拖動 152
6.3.11 音量控制 154
6.3.12 全屏播放 155
6.3.13 播放器容錯處理 157
6.4 解決兼容問題 158
6.4.1 瀏覽器對多媒體的兼容性支持 158
6.4.2 使用多種媒體格式提升兼容性 160
6.4.3 使用Flash提升兼容性 160
6.5 字幕 161
6.5.1 標記時間的文本軌道 162
6.5.2 視頻字幕 164
6.6 案例：使用播放器插件實現視頻播放 166
第7章 初識CSS3 167
7.1 CSS3概述 168
7.1.1 什么是CSS？ 168
7.1.2 CSS發展史 168
7.1.3 CSS3新特征 168
7.1.4 主流瀏覽器對CSS3的支持 170
7.1.5 誰在使用CSS3 172
7.1.6 CSS3的未來 172
7.2 CSS3功能 172
7.2.1 CSS3模塊 172
7.2.2 使用CSS3的優勢 173
7.3 在HTML中使用CSS 174
7.3.1 內聯樣式 174
7.3.2 嵌入樣式 174
7.3.3 外部樣式 175
7.3.4 網站CSS文件的規劃 176
7.4 案例：基于終端設備選擇不同樣式 177
7.5 案例：基于瀏覽器選擇不同樣式 178
第8章 選擇器 179
8.1 認識CSS選擇器 180
8.2 基礎選擇器 180
8.2.1 語法 180
8.2.2 通配符選擇器 181
8.2.3 元素選擇器 182
8.2.4 類選擇器 183
8.2.5 ID選擇器 185
8.2.6 選擇器兼容性 186
8.3 層次選擇器 186
8.3.1 語法 186
8.3.2 后代選擇器 187
8.3.3 子選擇器 187
8.3.4 相鄰兄弟選擇器 189
8.3.5 通用兄弟選擇器 189
8.3.6 選擇器組合 190
8.3.7 選擇器兼容性 191
8.4 偽類選擇器 191
8.4.1 語法 191
8.4.2 動態偽類選擇器 192
8.4.3 目標偽類選擇器 193
8.4.4 語言偽類選擇器 194
8.4.5 UI元素狀態偽類選擇器 194
8.4.6 結構偽類選擇器 196
8.4.7 否定偽類選擇器 204
8.4.8 偽元素 205
8.5 屬性選擇器 208
8.5.1 語法 208
8.5.2 使用方法 209
8.5.3 瀏覽器兼容性 212
第9章 文字樣式 213
9.1 文本樣式 214
9.1.1 屬性 214
9.1.2 文本顏色：color 214
9.1.3 縮進：text-indent 215
9.1.4 行高：line-height 216
9.1.5 字母間隔：letter-spacing 216
9.1.6 水平對齊：text-align 217
9.1.7 文本裝飾：text-decoration 218
9.1.8 字符轉換：text-transform 219
9.1.9 空白處理：white-space 220
9.1.10 文字間隔：word-spacing 220
9.1.11 首字下沉：:first-letter 221
9.2 字體樣式 222
9.2.1 什么是字體？ 222
9.2.2 屬性 222
9.2.3 字體系列：font-family 223
9.2.4 字體大�。篺ont-size 223
9.2.5 字體加粗：font-weight 224
9.2.6 字體風格：font-style 225
9.3 字體圖標 226
9.3.1 什么是字體圖標？ 226
9.3.2 制作字體圖標 226
9.3.3 如何使用字體圖標？ 227
9.4 文本效果 228
9.4.1 CSS3新增文本屬性 228
9.4.2 文本溢出：text-overflow 228
9.4.3 文字陰影：text-shadow 229
9.4.4 文本換行 230
9.5 使用服務器端字體 231
9.6 案例：詩歌排版 232
9.7 案例：使用服務器端字體實現網站圖標 234
第10章 背景與邊框 236
10.1 背景屬性 237
10.1.1 基本屬性 237
10.1.2 CSS3新增背景屬性 238
10.1.3 多背景 241
10.1.4 漸變背景 243
10.2 邊框屬性 245
10.2.1 基本屬性 245
10.2.2 CSS3新增邊框屬性 247
10.2.3 圓角邊框 248
10.2.4 圖片邊框 251
10.2.5 漸變邊框 256
10.2.6 盒子陰影 257
10.3 案例：圖片輪轉的實現 264
10.4 案例：網頁課程表的實現 266
第11章 盒模型 271
11.1 盒子 272
11.1.1 元素盒子 272
11.1.2 尺寸 280
11.2 盒子類型 281
11.2.1 盒子的基本類型 281
11.2.2 CSS3新增的類型 287
11.2.3 瀏覽器對盒子的支持情況 293
11.3 盒子的屬性 294
11.3.1 內容溢出 294
11.3.2 自由縮放 299
11.3.3 外輪廓 299
11.3.4 陰影 301
11.4 瀏覽器的盒子調試 304
11.4.1 在Internet Explorer瀏覽器中進行盒子調試 305
11.4.2 在Firefox瀏覽器中進行盒子調試 307
11.4.3 在Google Chrome瀏覽器中進行盒子調試 307
11.4.4 在Microsoft Edge瀏覽器中進行盒子調試 308
第12章 布局 311
12.1 定位與布局的基本屬性 312
12.1.1 基本屬性 312
12.1.2 外邊距與內邊距 312
12.1.3 浮動布局 313
12.1.4 定位布局 318
12.2 多列布局 325
12.2.1 多列布局的基本知識 325
12.2.2 多列布局的基本屬性 326
12.2.3 多列布局屬性 326
12.2.4 列寬與列數 326
12.2.5 列邊距與列邊框 326
12.2.6 跨列布局 327
12.2.7 列高 327
12.3 盒布局 329
12.3.1 盒布局的基本知識 329
12.3.2 盒布局的基本屬性 329
12.3.3 使用自適應寬度的彈性盒布局 329
12.3.4 改變元素的顯示順序 332
12.3.5 改變元素排列方向 334
12.3.6 使用彈性布局消除空白 335
12.3.7 對多個元素使用box-flex屬性 336
12.3.8 對齊方式 337
12.3.9 布局方式對比 339
12.4 自適應布局 343
12.4.1 自適應布局的基本知識 344
12.4.2 自適應布局的基本屬性 344
12.4.3 允許網頁寬度自動調整 344
12.4.4 不使用絕對寬度 344
12.4.5 相對大小的字體 345
12.4.6 流動布局 345
12.4.7 選擇加載CSS 345
12.4.8 CSS的@media規則 345
12.4.9 圖片的自適應 346
12.5 案例：網頁布局 348
第13章 CSS動畫 359
13.1 Web動畫 360
13.1.1 GIF動畫 360
13.1.2 Flash動畫 360
13.1.3 JavaScript動畫 360
13.1.4 CSS3動畫 361
13.2 使用變形屬性 361
13.2.1 進行簡單變形 361
13.2.2 變形子屬性 362
13.2.3 2D變形函數 369
13.2.4 3D變形函數 372
13.2.5 案例：制作時鐘 375
13.3 使用過渡屬性 378
13.3.1 設置元素過渡 378
13.3.2 設置過渡元素 379
13.3.3 設置過渡持續時間 380
13.3.4 指定過渡函數 381
13.3.5 規定過渡延遲時間 385
13.3.6 過渡觸發 386
13.3.7 案例：制作動態網站導航 387
13.4 使用動畫屬性 390
13.4.1 建立基本動畫 390
13.4.2 動畫關鍵幀 392
13.4.3 動畫子屬性 393
13.4.4 給元素應用動畫 395
13.4.5 案例：實現頁面加載動畫 396
13.5 案例：引人入勝的動態照片墻 402
第14章 初識JavaScript 405
14.1 JavaScript概述 406
14.1.1 什么是JavaScript？ 406
14.1.2 JavaScript能夠實現什么？ 407
14.2 語法 407
14.2.1 調用方法 407
14.2.2 基本語法 408
14.2.3 函數 417
14.2.4 對象 418
14.3 DOM 419
14.3.1 什么是DOM？ 419
14.3.2 獲取HTML元素 419
14.3.3 對HTML元素進行操作 421
14.4 案例：使用JavaScript進行表單驗證 423
14.4.1 功能 423
14.4.2 實現效果 423
14.4.3 代碼 424
14.5 案例：使用JavaScript實現規定時間內答題效果 427
14.5.1 功能 427
14.5.2 實現效果 427
14.5.3 代碼 428
第15章 jQuery編程 430
15.1 jQuery概述 431
15.1.1 jQuery簡介 431
15.1.2 為什么要使用jQuery？ 432
15.1.3 其他的JavaScript類庫 433
15.2 jQuery基礎應用 434
15.2.1 調用方法 434
15.2.2 基本語法 434
15.2.3 選擇器 435
15.2.4 事件 445
15.2.5 常用效果 449
15.2.6 案例：使用jQuery實現圖片輪轉 456
15.3 jQuery中的DOM操作 459
15.3.1 DOM操作基礎 459
15.3.2 節點操作 460
15.3.3 屬性操作 467
15.3.4 樣式操作 468
15.3.5 內容操作 470
15.3.6 案例：使用jQuery實現表格排序 472
15.4 jQuery插件 474
15.4.1 什么是jQuery插件？ 474
15.4.2 jQuery UI 475
15.4.3 jQuery Mobile 479
15.5 案例：使用jQuery插件實現表單驗證 483
15.5.1 功能 483
15.5.2 實現效果 484
15.5.3 代碼 484
15.6 案例：使用JQuery Mobile快速開發手機網站 485
15.6.1 功能 485
15.6.2 實現效果 485
15.6.3 代碼 486
第16章 AJAX 488
16.1 概述 489
16.1.1 什么是AJAX？ 489
16.1.2 為什么使用AJAX？ 489
16.1.3 AJAX的優勢 489
16.1.4 AJAX的應用場景 489
16.2 基礎知識 490
16.2.1 XML 490
16.2.2 xmlHttpRequest 491
16.2.3 工作原理 491
16.3 AJAX實現 492
16.3.1 案例：使用AJAX基于本地XML實現學生成績冊 492
16.3.2 案例：使用AJAX讀取網易新聞列表 495
16.4 使用jQuery實現AJAX 497
16.4.1 基本方法 497
16.4.2 jQuery中的全局事件 509
16.5 案例：實時表單驗證 510
第17章 AngularJS 518
17.1 AngularJS概述 519
17.1.1 AngularJS簡介 519
17.1.2 AngularJS特性 519
17.1.3 AngularJS框架 520
17.2 AngularJS基本概念 520
17.3 AngularJS應用 521
17.3.1 AngularJS初始化 521
17.3.2 指令 523
17.3.3 模板 523
17.3.4 表達式 524
17.3.5 作用域 524
17.3.6 控制器 526
17.3.7 過濾器 526
17.3.8 表單 528
17.3.9 模塊 530
17.3.10 路由 530
17.3.11 服務 534
17.4 案例：使用AngularJS實現即時搜索 537
第18章 文件 540
18.1 文件存儲 541
18.2 處理用戶文件 541
18.2.1 讀取文件 541
18.2.2 讀取文件屬性 543
18.2.3 文件分割 545
18.2.4 處理事件 547
18.3 文件操作 549
18.3.1 本地磁盤操作 549
18.3.2 創建文件 552
18.3.3 創建目錄 553
18.3.4 列出文件 553
18.3.5 處理文件 557
18.3.6 移動 557
18.3.7 復制 560
18.3.8 刪除 560
18.4 文件內容操作 561
18.4.1 寫入內容 561
18.4.2 追加內容 564
18.4.3 讀取內容 564
18.5 案例：用戶本地資源管理 567
第19章 繪圖 575
19.1 Canvas基礎知識 576
19.1.1 Canvas 576
19.1.2 繪圖方法 577
19.1.3 繪圖屬性 578
19.2 圖形繪制 579
19.2.1 矩形 579
19.2.2 線條 581
19.2.3 多邊形 581
19.2.4 圓角矩形 583
19.2.5 圓形 584
19.2.6 曲線 586
19.2.7 文字 588
19.2.8 圖像 592
19.3 圖形變換與控制 600
19.3.1 坐標變換 600
19.3.2 矩陣變換 604
19.3.3 設置陰影 605
19.3.4 疊加風格 607
19.3.5 填充風格 608
19.4 案例：用Canvas繪制統計報表 612
第20章 本地存儲 616
20.1 基礎知識 617
20.1.1 本地存儲簡介 617
20.1.2 本地存儲類型 617
20.2 Cookie 619
20.2.1 Cookie概述 619
20.2.2 數據操作 619
20.2.3 案例：在網站中自動記錄用戶狀態 621
20.3 Web Storage 623
20.3.1 sessionStorage 623
20.3.2 localStorage 626
20.3.3 對比分析 628
20.4 本地數據庫 628
20.4.1 存儲原理 628
20.4.2 數據操作 629
20.5 案例：使用本地存儲減少服務器數據庫請求 635
第21章 地理定位 641
21.1 常見地理定位方式 642
21.1.1 IP定位 642
21.1.2 GPS定位 642
21.1.3 Wi-Fi定位 642
21.1.4 手機基站定位 642
21.2 使用HTML5實現地理定位 642
21.2.1 瀏覽器支持性檢查 643
21.2.2 位置請求 643
21.2.3 隱私保護 646
21.3 案例：使用百度地圖展示當前位置 646
21.4 案例：使用百度地圖展示運動軌跡 648
第22章 Web測試 652
22.1 概述 653
22.1.1 什么是Web測試？ 653
22.1.2 測試內容 653
22.1.3 測試目的 654
22.2 用戶界面測試 654
22.2.1 導航測試 654
22.2.2 圖形測試 655
22.2.3 內容測試 655
22.2.4 整體界面測試 655
22.3 兼容性測試 655
22.3.1 平臺兼容性測試 655
22.3.2 瀏覽器兼容性測試 657
22.3.3 分辨率兼容性測試 658
22.4 功能測試 659
22.5 性能測試 662
22.5.1 連接速度測試 663
22.5.2 壓力測試 667
第23章 網站發布 676
23.1 概述 677
23.2 域名注冊 677
23.2.1 什么是域名注冊？ 677
23.2.2 如何注冊域名？ 677
23.2.3 實訓：通過阿里云進行域名注冊 677
23.3 Web服務器構建 680
23.3.1 什么是Web服務器？ 680
23.3.2 如何構建Web服務器？ 680
23.3.3 實訓：使用阿里云構建Web服務器 680
23.4 網站上傳 686
23.5 網站備案 686
23.5.1 什么是網站備案？ 686
23.5.2 實訓：通過阿里云進行網站備案 686
23.6 域名解析 688
23.6.1 什么是域名解析？ 688
23.6.2 實訓：在阿里云上配置域名解析 689
參考文獻 691

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統研究與開發 [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛國]
13. C程序設計（慕課版） [劉衛國]
14. Web技術開發教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統項目管理師章節習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發 [李智威 著]
30. 網絡規劃設計師備考一本通 [夏杰 編著]