本書緊貼互聯(lián)網(wǎng)行業(yè)發(fā)展對(duì)Web前端開發(fā)工程師崗位的技術(shù)與能力的要求,詳細(xì)地介紹了前端開發(fā)的三個(gè)基本要素:HTML、CSS和JavaScript,也涵蓋了當(dāng)前較為流行的HTML5、CSS3、jQuery,以及Ajax和JSON等技術(shù)。教材包含大量的實(shí)例、思考題,并包含配套的實(shí)驗(yàn),便于讀者學(xué)習(xí)、自主練習(xí)與提高,以期達(dá)到熟練掌握各類前端開發(fā)技術(shù)的目的。
第一部分 Web基礎(chǔ)
第1章 HTML基礎(chǔ)1
1.1 HTML簡(jiǎn)介1
1.2 基本的HTML標(biāo)簽3
1.3 HTML鏈接6
1.4 HTML圖像7
1.5 HTML表格8
思考題10
第2章 HTML高級(jí)應(yīng)用12
2.1 HTML表單12
2.2 HTML塊17
2.3 網(wǎng)站布局18
2.4 HTML文檔類型19
2.5 HTML頭部元素20
2.6 HTML統(tǒng)一資源定位器22
2.7 HTML多媒體22
思考題24
第3章 CSS基礎(chǔ)26
3.1 CSS簡(jiǎn)介26
3.2 CSS基礎(chǔ)語(yǔ)法27
3.3 如何創(chuàng)建CSS28
3.4 CSS選擇器30
3.5 CSS定位與盒模型35
3.6 CSS實(shí)例41
思考題47
第4章 JavaScript49
4.1 JavaScript簡(jiǎn)介49
4.2 JavaScript使用49
4.3 JavaScript基本語(yǔ)法51
4.4 HTML DOM66
4.5 JavaScript對(duì)象78
4.6 Window對(duì)象91
4.7 JavaScript應(yīng)用實(shí)例99
思考題108
第5章 正則表達(dá)式110
5.1 正則表達(dá)式簡(jiǎn)介110
5.2 正則表達(dá)式語(yǔ)法115
5.3 正則表達(dá)式實(shí)例118
思考題119
第6章 jQuery121
6.1 jQuery簡(jiǎn)介121
6.2 jQuery對(duì)象和DOM對(duì)象124
6.3 jQuery選擇器125
6.4 jQuery事件127
6.5 jQuery中的DOM操作129
6.6 jQuery遍歷節(jié)點(diǎn)140
6.7 jQuery效果151
6.8 jQuery應(yīng)用實(shí)例160
思考題167
第二部分 Web進(jìn)階
第7章 HTML5169
7.1 HTML5簡(jiǎn)介169
7.2 HTML5新特性170
7.3 HTML5文件處理180
7.4 HTML5視頻184
7.5 HTML5音頻186
7.6 HTML5拖放187
7.7 HTML5 Canvas189
7.8 HTML5內(nèi)聯(lián)SVG196
7.9 HTML5 MathML201
7.10 HTML5地理定位202
7.11 HTML5 Web存儲(chǔ)205
7.12 HTML5應(yīng)用程序緩存210
7.13 HTML5 Web Worker213
7.14 HTML5服務(wù)器發(fā)送事件215
7.15 Web通信217
思考題226
第8章 最新的層疊樣式表CSS3228
8.1 CSS3簡(jiǎn)介228
8.2 CSS3新技術(shù)228
8.3 CSS3應(yīng)用實(shí)例245
思考題255
第9章 Ajax技術(shù)256
9.1 Ajax基礎(chǔ)256
9.2 jQuery Ajax264
思考題269
第10章 JSON簡(jiǎn)介270
10.1 JSON與XML270
10.2 JSON語(yǔ)法271
10.3 JSON使用274
10.4 JSON特點(diǎn)及后臺(tái)使用275
10.5 綜合應(yīng)用276
思考題278
附錄 實(shí)驗(yàn)279
實(shí)驗(yàn)一 使用JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)特效279
實(shí)驗(yàn)二 使用jQuery實(shí)現(xiàn)網(wǎng)頁(yè)特效280
實(shí)驗(yàn)三 HTML5表單及文件處理281
實(shí)驗(yàn)四 使用Canvas API畫圖283
實(shí)驗(yàn)五 獲取瀏覽器的地理位置信息286
實(shí)驗(yàn)六 Web通信288
實(shí)驗(yàn)七 使用CSS3表現(xiàn)頁(yè)面289
實(shí)驗(yàn)八 Ajax技術(shù)應(yīng)用293
參考文獻(xiàn)294