Web前端開發實例教程：HTML 5+JavaScript+jQuery（簡體書）

本書面向學習網站開發與網頁制作的讀者，采用全新的Web標準，以HTML 5技術為基礎，由淺入深、完整詳細地介紹了如何使用HTML 5、JavaScript及jQuery進行Web前端的開發。本書共分為14章，主要內容包括： HTML 5概述、HTML 5語言基礎、HTML 5頁面的布局與交互、JavaScript語言基礎、DOM物件及編程、使用JavaScript制作網頁特效、HTML 5高級應用、jQuery基礎、jQuery選擇器、jQuery的基本操作、jQuery的事件處理、使用jQuery制作動畫、jQuery UI插件的應用、綜合案例——宇宙電子網站。本書內容緊扣國家對本科及高等職業院校培養高級應用型、復合型人才的技能水平和知識結構的要求，全書以一個完整的項目案例的開發思路為主線，采用模塊分解、任務驅動、子任務實現和代碼設計四層結構，通過對模塊中每個任務相應知識點的講解及任務的具體實現，引導讀者學習網頁制作、設計、規劃的基本知識以及項目開發、測試的完整流程。本書適合作為本科及高等職業院校計算機及相關專業的教材，也可以作為培訓班網站開發與網頁制作的教材。

本書采用“模塊化設計、任務驅動學習”的編寫模式，在任務驅動學習的具體實施中，以網站建設和網頁設計為中心，以實例為引導，把介紹知識與實例設計、制作、分析融于一體，自始至終貫穿于本書之中。在實例的設計、制作過程中，把本章節的知識點融于實例之中，使讀者能夠快速掌握概念和操作方法。

第1章HTML 5概述1
1.1Web簡介1
1.1.1WWW和瀏覽器的基本概念1
1.1.2URL2
1.1.3超文本3
1.1.4超文本標記語言4
1.1.5超文本傳輸協議5
1.1.6搜索引擎5
1.2Web標準6
1.2.1什麼是Web標準6
1.2.2建立Web標準的優點7
1.2.3理解表現和結構相分離8
1.3HTML簡介9
1.3.1Web技術發展歷程9
1.3.2HTML 5的特性9
1.3.3HTML 5元素10
1.4HTML 5的基本結構11
1.4.1HTML 5語法結構11
1.4.2HTML 5編寫規范12
1.4.3HTML 5文檔結構12
1.5網頁文件的創建過程14
1.6搭建支持HTML 5的瀏覽器環境15
習題16
第2章HTML 5語言基礎17
2.1HEAD元素17
2.1.1＜title＞標簽17
2.1.2＜meta＞標簽182.1.3＜link＞標簽19
2.1.4＜script＞標簽19
2.2文本元素19
2.2.1標題文字標簽20
2.2.2字體標簽20
2.2.3特殊符號21
2.3文本層次語義元素22
2.3.1＜time＞標簽22
2.3.2＜mark＞標簽23
2.3.3＜cite＞標簽24
2.4文檔結構元素24
2.4.1段落標簽25
2.4.2換行標簽25
2.4.3縮排標簽26
2.4.4水平線標簽27
2.4.5案例——制作宇宙電子業務簡介頁面28
2.5列表29
2.5.1無序列表29
2.5.2有序列表30
2.5.3定義列表31
2.5.4嵌套列表32
2.6圖像33
2.6.1網頁圖像的格式及使用要點33
2.6.2圖像標簽34
2.6.3設置網頁背景圖像36
2.6.4圖文混排37
2.6.5案例——制作宇宙電子經營模式圖文簡介頁面38
2.7超鏈接39
2.7.1超鏈接概述39
2.7.2超鏈接的應用40
2.7.3案例——制作宇宙電子下載專區頁面43
2.8＜div＞標簽45
2.9＜span＞標簽45
2.9.1基本語法45
2.9.2＜span＞與＜div＞的區別46
2.9.3使用＜div＞標簽和＜span＞標簽布局網頁內容46
習題48
第3章HTML 5頁面的布局與交互51
3.1使用結構元素構建網頁布局51
3.1.1＜section＞標簽52
3.1.2＜nav＞標簽52
3.1.3＜header＞標簽52
3.1.4＜footer＞標簽53
3.1.5＜article＞標簽53
3.1.6＜aside＞標簽56
3.1.7分組元素57
3.1.8案例——制作宇宙電子新品發布頁面58
3.2頁面交互元素60
3.2.1details元素和summary元素60
3.2.2progress元素61
3.3表格62
3.3.1表格的結構62
3.3.2表格的基本語法62
3.3.3表格的屬性63
3.3.4跨行跨列表格66
3.3.5表格數據的分組67
3.3.6案例——使用表格布局宇宙電子產品展示頁面69
3.4表單70
3.4.1表單的基本概念70
3.4.2表單標簽71
3.4.3表單元素71
3.4.4案例——制作宇宙電子會員注冊表單75
3.4.5表單分組78
3.4.6使用表格布局表單79
3.4.7表單的高級用法81
習題82
第4章JavaScript語言基礎85
4.1JavaScript簡介85
4.2在網頁中插入JavaScript的方法86
4.2.1在HTML文檔中嵌入腳本程序86
4.2.2鏈接腳本文件87
4.2.3在HTML標簽內添加腳本88
4.2.4多腳本網頁89
4.3JavaScript的基本數據類型和表達式90
4.3.1基本數據類型90
4.3.2常量90
4.3.3變量91
4.3.4運算符和表達式92
4.4JavaScript的程序結構93
4.4.1簡單語句94
4.4.2程序控制流程96
4.5函數103
4.5.1函數的定義103
4.5.2函數的調用105
4.5.3全局變量與局部變量107
4.5.4JavaScript內置的函數108
4.6基于物件的JavaScript語言109
4.6.1物件110
4.6.2物件的屬性112
4.6.3物件的事件113
4.6.4物件的方法113
4.7JavaScript的內置物件114
4.7.1數組物件114
4.7.2字符串物件117
4.7.3日期物件119
4.7.4數學物件120
4.8自定義物件122
習題123
第5章DOM物件及編程125
5.1DOM模型125
5.2window物件126
5.2.1window物件的屬性126
5.2.2window物件的方法128
5.3document物件132
5.3.1document物件的屬性132
5.3.2document物件的方法134
5.4location物件137
5.4.1location物件的屬性137
5.4.2location物件的方法137
5.5history物件138
5.6form物件139
5.6.1form物件的屬性139
5.6.2form物件的方法139
5.7JavaScript的物件事件處理程序140
5.7.1物件的事件140
5.7.2常用的事件及處理141
5.7.3錯誤處理148
5.7.4表單物件與交互性149
5.7.5案例——使用form物件實現Web頁面信息交互153
習題155
第6章使用JavaScript制作網頁特效157
6.1文字特效157
6.1.1打字效果157
6.1.2文字爬樓滾動效果159
6.2菜單與選項卡特效160
6.2.1制作二級縱向列表模式的導航菜單160
6.2.2制作Tab選項卡切換效果163
6.3圖片特效166
6.3.1制作循環滾動的圖文字幕166
6.3.2制作幻燈片切換廣告170
習題172
第7章HTML 5高級應用174
7.1HTML 5拖放API174
7.1.1draggable屬性174
7.1.2拖放觸發的事件和數據傳遞175
7.2多媒體播放178
7.2.1HTML 5的多媒體支持178
7.2.2音頻標簽179
7.2.3視頻標簽181
7.2.4HTML 5多媒體API182
7.3Canvas繪圖185
7.3.1創建＜canvas＞元素185
7.3.2構建繪圖環境185
7.3.3通過JavaScript繪制圖形186
7.4HTML 5地理定位API195
7.4.1Geolocation基礎196
7.4.2Geolocation API實現地理定位196
7.5HTML 5的發展前景201
習題202
第8章jQuery基礎204
8.1jQuery概述204
8.1.1什麼是jQuery204
8.1.2jQuery的特點204
8.2編寫jQuery程序205
8.2.1下載與配置jQuery205
8.2.2編寫一個簡單的jQuery程序206
8.3jQuery物件和DOM物件207
8.3.1jQuery物件和DOM物件簡介207
8.3.2jQuery物件和DOM物件的相互轉換208
8.4jQuery的插件212
8.4.1引用jQuery插件的方法212
8.4.2常用的插件簡介212
習題215
第9章jQuery選擇器216
9.1jQuery選擇器簡介216
9.1.1jQuery的工廠函數216
9.1.2什麼是jQuery選擇器216
9.1.3jQuery選擇器的優勢217
9.2基礎選擇器218
9.2.1ID選擇器218
9.2.2元素選擇器220
9.2.3類名選擇器222
9.2.4復合選擇器223
9.2.5通配符選擇器224
9.3層次選擇器225
9.3.1ancestor descendant(祖先后代)選擇器225
9.3.2parent＞child(父＞子)選擇器225
9.3.3prev+next(前+后)選擇器226
9.3.4prev～siblings(前～兄弟)選擇器226
9.4過濾選擇器228
9.4.1簡單過濾器228
9.4.2內容過濾器230
9.4.3可見性過濾器231
9.4.4子元素過濾器232
9.4.5表單物件的屬性過濾器233
9.5屬性選擇器235
9.6表單選擇器236
習題238
第10章jQuery的基本操作240
10.1元素屬性的操作240
10.1.1獲取或設置元素屬性240
10.1.2刪除元素屬性241
10.2元素樣式的操作243
10.2.1修改CSS類243
10.2.2設置CSS屬性245
10.3元素內容和值的操作246
10.3.1操作元素內容246
10.3.2操作元素的值250
10.4操作DOM節點251
10.4.1創建節點251
10.4.2插入節點252
10.4.3復制節點255
10.4.4刪除節點257
10.4.5替換節點260
10.4.6查找節點262
10.5操作表單元素264
10.5.1操作文本框264
10.5.2操作文本域265
10.5.3操作單選按鈕和復選框267
10.5.4操作下拉框269
10.5.5表單驗證271
習題273
第11章jQuery的事件處理275
11.1jQuery中的事件處理機制275
11.2頁面加載響應事件277
11.3jQuery中的事件綁定278
11.3.1bind()方法綁定事件279
11.3.2one()方法綁定事件280
11.3.3delegate()方法綁定事件282
11.3.4on()方法綁定事件283
11.4移除事件綁定284
11.5模擬用戶操作286
11.5.1模擬用戶的操作觸發事件286
11.5.2模擬懸停事件289
11.5.3模擬鼠標連續單擊事件290
11.6事件物件291
11.6.1事件物件的屬性291
11.6.2事件物件的方法293
11.7jQuery事件方法296
11.7.1鍵盤事件296
11.7.2鼠標事件298
11.7.3瀏覽器事件300
習題301
第12章使用jQuery制作動畫304
12.1jQuery的動畫方法簡介304
12.2顯示與隱藏效果305
12.2.1隱藏元素的方法305
12.2.2顯示元素的方法305
12.2.3切換元素的顯示狀態308
12.3淡入淡出效果309
12.3.1淡入效果309
12.3.2淡出效果309
12.3.3元素的不透明效果311
12.3.4交替淡入淡出效果311
12.4滑動效果313
12.4.1向下展開效果313
12.4.2向上收縮效果313
12.4.3交替伸縮效果314
12.5自定義動畫效果315
12.5.1創建自定義動畫316
12.5.2動畫隊列318
12.5.3動畫的延時和停止322
12.6綜合案例324
12.6.1制作折疊式導航菜單324
12.6.2圖片輪播效果327
習題331
第13章jQuery UI插件的應用333
13.1jQuery UI概述333
13.1.1jQuery UI簡介333
13.1.2jQuery UI的下載334
13.1.3jQuery UI的使用335
13.1.4jQuery UI的工作原理336
13.2jQuery UI的常用插件339
13.2.1按鈕插件339
13.2.2自動完成插件341
13.2.3進度條插件344
13.2.4滑塊插件346
13.2.5旋轉器插件348
13.2.6日期選擇器插件350
13.2.7折疊面板插件352
13.2.8標簽頁插件355
習題357
第14章綜合案例——宇宙電子網站359
14.1網站的開發流程和組織結構359
14.1.1網站的開發流程359
14.1.2創建站點目錄360
14.1.3網站頁面的組成361
14.2網站技術分析361
14.3制作首頁362
14.4制作關于公司頁370
14.5制作聯系我們頁373
14.6網站的整合377
習題377
參考文獻379