Web前端開發HTML5+CSS3+jQuery+AJAX從學到用完美實踐 pdf epub mobi txt 电子书 下载 2025

☆☆☆☆☆

阮曉龍，耿方方，許成剛 著

出版社： 中国水利水电出版社

ISBN：9787517043232

版次：1

商品编码：11948789

包装：平装

丛书名： web前端开发技术丛书

开本：16开

出版时间：2016-05-01

用纸：胶版纸

页数：680

字数：1066000

産品特色

編輯推薦

●貨真料足：著名一綫前端開發專傢阮曉龍老師多年學習、研究、授課及實戰經驗的結晶

●一網打盡：一站式解決HTML5、CSS3、jQurery、AJAX的入門與實戰

●深入淺齣:理論實戰無縫融閤，徹底杜絕紙上談兵；案例精彩貼近實戰，商業化開發特色突齣

●成就感十足：知識點清晰詳細，每分鍾一個知識點，每個知識點都能看到學習效果,每個效果都能掃二維碼直接在手機觀看

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

●超值DVD：DVD包含瞭本書學習所需用到的所有軟件，如設計工具、瀏覽器、項目管理工具、開發工具、測試工具以及其它輔助工具；本書的所有案例及源碼；多媒體教學課件。

內容簡介

　　本書講述瞭用HTML5+CSS3設計構建網站的必備知識，相對於專業指南、高級程序設計、開發指南等同類圖書，本書是一本適閤快速入手的自學教程。HYML5部分主要介紹瞭創建HTML5文檔，實戰HTML5錶單，實戰HTML5繪畫，HTML5音頻與視頻，Web存儲，離綫應用，Workers多綫程處理，Geolocation地理位置等技術；CSS3部分主要介紹瞭CSS3概述，CSS選擇器，文本、字體與顔色，背景和邊框，2D變形，設計動畫，網頁布局、用戶界麵以及CSS3的其他新特性。

　　本書適閤想從事網站前端開發工作和正在從事網站前端開發工作的程序設計人員參考使用。

作者簡介

阮曉龍:一綫資深網絡技術及Web技術專傢。主要研究方嚮為數據中心運維管理、網絡測量技術、Web技術，河南中醫學院網絡信息中心信息部主任。曾參與承建河南省教育科研網鄭東新區節點建設及運行工作；曾參與多項大型門戶網站的規劃、設計與開發建設工作；曾參與並具體負責河南中醫學院數字化校園示範工程建設項目。主持或參與廳級以上科研項目9項，廳級一等奬以上獲奬7項，並榮獲河南省教學標兵稱號。

目錄

作者的話

配套光盤使用說明

第1章 概述 1

1.1 Web基礎 2

1.2 Web是如何工作的 9

1.3 為什麼學習Web前端開發 14

第2章 開發工具 17

2.1 開發工具綜述 18

2.2 原型設計工具 18

2.2.1 什麼是原型設計 18

2.2.2 原型設計工具—Axure RP 19

2.2.3 實訓：使用Axure RP實現百度登錄頁原型設計 20

2.3 開發工具 26

2.3.1 開發工具的作用 26

2.3.2 網站開發工具—Adobe Dreamweaver 26

2.3.3 網站開發工具—Oracle NetBeans 27

2.3.4 網站開發工具—Microsoft Visual Studio 27

2.3.5 實訓：Adobe Dreamweaver CS6的安裝與基本使用 28

2.3.6 實訓：Microsoft Visual Studio Community 2015的安裝與基本使用 36

2.4 調試工具 37

2.4.1 什麼是Web調試 38

2.4.2 網站調試工具—Firefox 38

2.4.3 網站調試工具—Google Chrome 38

2.4.4 網站調試工具—Internet Explorer 38

2.4.5 實訓：使用Firefox進行網頁開發調試 38

2.5 代碼托管工具 44

2.5.1 為什麼要進行代碼托管 44

2.5.2 代碼托管的基本功能 44

2.5.3 代碼托管工具—GitHub 45

2.5.4 代碼托管工具—SVN 45

2.5.5 案例：使用GitHub開源平颱實現網站代碼托管 46

2.6 項目管理係統 51

2.6.1 什麼是項目管理 51

2.6.2 項目管理的目的 51

2.6.3 項目管理係統—Microsoft Project 52

2.6.4 項目管理係統—Collabtive 52

第3章 初識HTML5 53

3.1 HTML概述 54

3.1.1 什麼是HTML 54

3.1.2 HTML的發展曆程 54

3.1.3 HTML5發展史 54

3.1.4 HTML5開發團隊 55

3.1.5 HTML5官方資源 55

3.2 HTML5的優勢 55

3.2.1 優勢 56

3.2.2 新功能 57

3.3 HTML5的新特徵 60

3.3.1 語法的改變 60

3.3.2 元素 60

3.3.3 屬性 65

3.3.4 全局屬性 68

3.4 HTML5文檔結構 69

3.4.1 認識文檔結構 69

3.4.2 案例：創建HTML5 網頁 70

第4章 HTML5結構與屬性 72

4.1 結構之美：從HTML4到HTML5 73

4.1.1 使用錶格布局 73

4.1.2 使用區塊布局 73

4.1.3 使用HTML5結構元素布局 74

4.1.4 語義Web 74

4.2 HTML5基礎 75

4.2.1 HTML5語法 75

4.2.2 HTML5元素 76

4.2.3 HTML5屬性 82

4.2.4 HTML5全局屬性 84

4.2.5 案例：個人簡曆網頁的實現 85

4.3 HTML5結構元素 88

4.3.1 HTML5主體結構元素 88

4.3.2 HTML5非主體結構元素 93

4.3.3 案例：使用結構元素進行網頁布局（新聞列錶+新聞列錶內容呈現） 96

4.4 超鏈接 100

4.4.1 絕對路徑與相對路徑 100

4.4.2 超鏈接元素 101

4.4.3 超鏈接屬性 101

4.4.4 案例：網址導航頁麵的實現 102

第5章 錶單 104

5.1 錶單基礎 105

5.1.1 錶單 105

5.1.2 input元素 106

5.1.3 label元素 107

5.1.4 button元素 108

5.1.5 select元素 108

5.1.6 textarea元素 110

5.2 使用form元素 111

5.2.1 新增form元素 111

5.2.2 form屬性總覽 112

5.2.3 新增form屬性 113

5.3 使用input元素 113

5.3.1 input類型總覽 113

5.3.2 新增input類型 114

5.3.3 input屬性總覽 122

5.3.4 新增的input屬性 124

5.4 案例：高考改革方案調查問捲網頁的實現 130

5.5 案例：智能錶單（用戶注冊） 134

第6章 多媒體 139

6.1 多媒體基礎 140

6.1.1 什麼是多媒體 140

6.1.2 音頻編碼與音頻格式 140

6.1.3 視頻編碼與視頻格式 140

6.1.4 在Web上能夠使用的音頻和視頻格式 141

6.1.5 如何在Web上播放視頻 142

6.2 HTML5音頻與視頻 143

6.2.1 Audio元素 143

6.2.2 Video元素 144

6.2.3 Audio和Video的屬性 145

6.2.4 Audio和Video的方法 149

6.2.5 Audio和Video的事件 149

6.2.6 案例：在網頁上使用背景音樂 151

6.2.7 案例：在網頁上播放視頻 151

6.3 播放控製 152

6.3.1 預加載媒體文件 152

6.3.2 視頻封麵圖 153

6.3.3 自動播放 153

6.3.4 循環播放 153

6.3.5 添加變量 153

6.3.6 播放 153

6.3.7 暫停 155

6.3.8 快放、慢放、慢動作 155

6.3.9 快進、快退 156

6.3.10 進度拖動 157

6.3.11 音量控製 159

6.3.12 全屏播放 160

6.3.13 播放器容錯處理 162

6.4 解決兼容問題 163

6.4.1 瀏覽器對多媒體的兼容性支持 163

6.4.2 使用多種媒體格式提升兼容性 165

6.4.3 使用Flash提升兼容性 165

6.5 字幕 166

6.5.1 標記時間的文本軌道 167

6.5.2 視頻字幕 170

6.6 案例：使用播放器插件實現視頻播放 171

第7章 初識CSS3 173

7.1 CSS3概述 174

7.1.1 什麼是CSS 174

7.1.2 CSS發展史 174

7.1.3 CSS3新特徵 174

7.1.4 主流瀏覽器對CSS3的支持 176

7.1.5 誰在使用CSS3 178

7.1.6 CSS3的未來 178

7.2 CSS3功能 178

7.2.1 CSS3模塊 178

7.2.2 使用CSS3的優勢 180

7.3 在HTML中使用CSS 181

7.3.1 內聯樣式 181

7.3.2 嵌入樣式 181

7.3.3 外部樣式 182

7.3.4 網站CSS文件的規劃 183

7.4 案例：基於終端設備選擇不同樣式 184

7.5 案例：基於瀏覽器選擇不同樣式 185

第8章 選擇器 186

8.1 認識CSS選擇器 187

8.2 基礎選擇器 187

8.2.1 語法 187

8.2.2 通配符選擇器 188

8.2.3 元素選擇器 189

8.2.4 類選擇器 190

8.2.5 ID選擇器 192

8.2.6 選擇器兼容性 193

8.3 層次選擇器 194

8.3.1 語法 194

8.3.2 後代選擇器 194

8.3.3 子選擇器 195

8.3.4 相鄰兄弟選擇器 196

8.3.5 通用兄弟選擇器 197

8.3.6 選擇器組閤 198

8.3.7 選擇器兼容性 199

8.4 僞類選擇器 199

8.4.1 語法 199

8.4.2 動態僞類選擇器 200

8.4.3 目標僞類選擇器 201

8.4.4 語言僞類選擇器 202

8.4.5 UI元素狀態僞類選擇器 203

8.4.6 結構僞類選擇器 205

8.4.7 否定僞類選擇器 212

8.4.8 僞元素 214

8.5 屬性選擇器 217

8.5.1 語法 217

8.5.2 使用方法 218

8.5.3 瀏覽器兼容性 221

第9章 文字樣式 222

9.1 文本樣式 223

9.2 字體樣式 232

9.3 文本效果 236

9.4 使用服務器端字體 240

9.5 案例：詩歌排版 241

9.6 案例：使用服務器端字體實現網站圖標 242

第10章 盒模型 244

10.1 盒子 245

10.2 盒子類型 255

10.3 盒子的屬性 269

10.4 瀏覽器的盒子調試 279

盒子調試 283

第11章 背景與邊框 284

11.1 背景屬性 285

11.2 邊框屬性 293

11.3 案例：圖片輪轉的實現 315

11.4 案例：網頁課程錶的實現 316

第12章 布局 322

12.1 定位與布局的基本屬性 323

12.2 多列布局 337

12.3 盒布局 341

12.4 案例：網頁布局 356

第13章 CSS動畫 368

13.1 Web動畫 369

13.2 使用變形屬性 370

13.3 使用過渡屬性 388

13.4 使用動畫屬性 401

13.5 案例：引人入勝的動態照片牆 414

第14章 初識JavaScript 416

14.1 JavaScript概述 417

14.2 語法 418

14.3 DOM 431

14.4 案例：使用JavaScript進行錶單驗證 435

14.5 案例：使用JavaScript實現規定時間內

答題效果 439

14.5.1 功能 439

14.5.2 實現效果 439

14.5.3 代碼 440

第15章 jQuery編程 442

15.1 jQuery概述 443

15.2 jQuery基礎應用 446

15.3 jQuery中的DOM操作 473

15.4 jQuery插件 488

15.5 案例：使用jQuery插件實現錶單驗證 499

15.6 案例：使用JQuery Mobile快速開發手機網站 501

第16章 AJAX 504

16.1 概述 505

16.2 基礎知識 506

16.3 AJAX實現 508

16.4 使用jQuery實現AJAX 513

16.5 案例：實時錶單驗證 528

第17章 文件 536

17.1 文件存儲 537

17.2 處理用戶文件 537

17.3 文件操作 546

17.4 文件內容操作 558

17.5 案例：用戶本地資源管理 564

第18章 繪圖 572

18.1 Canvas基礎知識 573

18.1.1 Canvas 573

18.2 圖形繪製 577

18.3 圖形變換與控製 598

18.4 案例：用Canvas繪製統計報錶 611

第19章 本地存儲 615

19.1 本地存儲 616

19.1.1 本地存儲簡介 616

19.1.2 本地存儲類型 616

19.2 Web Storage 618

19.3 IndexedDB 623

19.4 Cookie 630

19.5 案例：使用本地數據提升服務器性能 635

第20章 Web測試 641

20.1 概述 642

20.1.1 什麼是Web測試 642

20.1.2 測試內容 642

20.1.3 測試目的 643

20.2 用戶界麵測試 643

20.2.1 導航測試 643

20.2.2 圖形測試 644

20.2.3 內容測試 644

20.2.4 整體界麵測試 644

20.3 兼容性測試 645

20.3.1 平颱兼容性測試 645

20.3.2 瀏覽器兼容性測試 646

20.3.3 分辨率兼容性測試 648

20.4 功能測試 648

20.5 性能測試 651

20.5.1 連接速度測試 652

20.5.2 壓力測試 656

參考文獻 665

前言/序言

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

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

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

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

●Web前端開發可在短期內積纍足夠的經驗，而後端開發想要積纍同等程度的經驗則需要更長的時間。

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

2．為什麼要選擇這本書？

●涵蓋Web前端開發的全體係內容。

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

●引入“瀏覽器支持”的工程理念。

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

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

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

●明確體現商業化開發的特點。

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

●全屏幕適配，支持移動Web開發。

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

3．本書的讀者對象

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

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

二是準備從事Web前端開發工作的入門者，本書可幫助他們全麵理解並掌握Web前端開發的技術框架，為係統學習Web前端開發指引方嚮，為後續工作學習打下紮實基礎；

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

4．本書包含哪些內容？

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

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

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

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

第14～16章屬於JavaScript部分。主要介紹JavaScript的發展、功能、基本語法，重點講解jQuery編程、AJAX的應用。

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

第20章屬於Web測試部分。主要介紹Web測試的基本內容和目的、Web測試的常用方法和常見測試軟件，幫助Web開發者通過測試提升Web性能和安全性。

5. 配套光盤使用說明（1）為什麼為本書配備光盤？

為本書添加配套光盤，是從以下幾方麵考慮的。

●本書的體係結構完整，為本書配備光盤主要是總結、提煉書籍內容，並以多媒體課件的形式形象地展示齣來，方便讀者瞭解本書的知識架構與體係，對書籍內容有一個更為宏觀的認識。

●提供本書使用的軟件資源，方便讀者隨時進行實驗驗證與學習，更為直觀地瞭解、學習和掌握書中的知識點。部分軟件資源較大，在網絡環境有限或者沒有網絡環境的情況下，通過光盤依然可以獲得相關軟件資源，以快速方便地開展學習。

●提供本書的案例集成網站，方便讀者在閱讀本書代碼時，可以更直觀準確地查看案例中代碼的顯示情況，瞭解書中代碼的含義，幫助讀者更容易地理解和接受那些代碼。特彆需要說明的是，本書中的一些大型案例，在印刷時將部分重復度較高的代碼省略瞭，以提高圖書的印刷質量，通過案例集成網站將全部代碼統一提供，幫助讀者閱讀學習。

（2）配套光盤有什麼？

本書配套光盤的內容由三部分組成，具體內容為。

●本書配套使用的多媒體教學課件，包含Microsoft PowerPoint（.pptx）和PDF兩種格式，方便讀者在不同環境下瀏覽使用。

●本書內容所涉及的部分軟件資源，所提供的軟件主要為試用版、開源版、免費版的開發軟件、瀏覽器工具軟件、Web測試和調試工具軟件等，方便讀者方便快捷地開展對本書內容，特彆是本書案例的學習。

●本書所有案例集成後的案例網站。將本書中各章節的案例集中整理、歸檔後，將案例內容開發為獨立的案例網站，方便讀者在閱讀時隨時調試、查看案例的效果，促進學以緻用。

本書能順利撰寫完畢，感謝馮順磊的全程工作，他參與瞭本書整體規劃和全書內容、案例的審核、校對；感謝劉明哲、杜宇飛、李朋楠、劉海濱、於冠軍、孟燁、姚偉在本書章節規劃、資料整理、文字撰寫、案例設計方麵的工作；感謝楊明、路景鑫對本書案例進行瞭全麵係統的整理和測試。

本書內容較多，撰寫工作持續周期較長，在此期間我的父母、妻子給予瞭巨大的支持和理解，更要感謝孩子的親吻所給予我的信念和力量。

本書編寫完成後，中國水利水電齣版社萬水分社的周春元副總經理對於本書的齣版給予瞭中肯的指導和積極的幫助，在此錶示深深的謝意！

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

评分☆☆☆☆☆

书还不错，质量也是很好，内容也很丰富，推荐一下

评分☆☆☆☆☆

没看呢，挺厚的

评分☆☆☆☆☆

趁活动，先放着划算！

评分☆☆☆☆☆

书很不错，纸的质量很高，物流很快。精装版。

评分☆☆☆☆☆

书到手有一种很旧的感觉，封面很脏，里面有些页都破损了，但里面内容还是挺齐全的，像一本工具书吧，更像一本字典。该有的内容基本上都有，说的很浅显，不够深入，有些知识点一带而过。

评分☆☆☆☆☆

收到书了，可是还没看哦！希望会喜欢，有用。

评分☆☆☆☆☆

知识听全的不错不错不错不错

评分☆☆☆☆☆

有用

评分☆☆☆☆☆

书还没看，感觉还不错，