本書(shū)共分11章,其中第1~2章主要講解了HTML標(biāo)簽及屬性的應(yīng)用,結(jié)合兩個(gè)實(shí)戰(zhàn)項(xiàng)目幫助讀者更好地理解相關(guān)知識(shí)點(diǎn)。第3~6章主要講解CSS的應(yīng)用,通過(guò)引入4個(gè)項(xiàng)目實(shí)戰(zhàn)并講解開(kāi)發(fā)思路,對(duì)各知識(shí)點(diǎn)的應(yīng)用進(jìn)行深入分析,同時(shí)也提供完整的代碼實(shí)現(xiàn)。第7~11章則講解JavaScript程序設(shè)計(jì),包括JavaScript的基礎(chǔ)語(yǔ)法、JavaScript內(nèi)置對(duì)象的應(yīng)用、JavaScript對(duì)DOM和BOM的操作,以及如何響應(yīng)用戶的鼠標(biāo)和鍵盤(pán)操作等,均附有大量的實(shí)例應(yīng)用代碼,結(jié)合5個(gè)項(xiàng)目實(shí)戰(zhàn)案例,幫助讀者深入理解程序設(shè)計(jì)的原理與應(yīng)用。同時(shí),本書(shū)完全利用原生的JavaScript來(lái)實(shí)現(xiàn)常見(jiàn)的Web頁(yè)面功能,不借助于任何第三方框架,也是希望能夠幫助讀者從原理上對(duì)Web頁(yè)面的功能實(shí)現(xiàn)有所理解,進(jìn)而幫助大家打下扎實(shí)的基本功。
鄧強(qiáng),蝸牛學(xué)院創(chuàng)始人,資深導(dǎo)師,四川大學(xué)碩士,13年軟件研發(fā)及管理經(jīng)驗(yàn),測(cè)試架構(gòu)師,精通各種開(kāi)發(fā)和測(cè)試技術(shù),豐富的項(xiàng)目實(shí)施經(jīng)驗(yàn)和研發(fā)管理經(jīng)驗(yàn)。曾為深圳移動(dòng),大唐軟件,華夏基金,聯(lián)想集團(tuán),第九城市等20余家企業(yè)提供研發(fā)咨詢,項(xiàng)目實(shí)施及培訓(xùn)服務(wù)。從事培訓(xùn)事業(yè)以來(lái)門(mén)生數(shù)萬(wàn),遍布國(guó)內(nèi)外各大IT公司。教學(xué)嚴(yán)謹(jǐn),原理講解透徹。
第1章 HTML核心基礎(chǔ) 1
1.1 了解Web系統(tǒng) 2
1.1.1 網(wǎng)絡(luò)體系結(jié)構(gòu) 2
1.1.2 B/S架構(gòu)的特點(diǎn) 2
1.1.3 頁(yè)面渲染引擎 3
1.2 HTML開(kāi)發(fā)基礎(chǔ) 3
1.2.1 HTML簡(jiǎn)介 3
1.2.2 第一個(gè)HTML頁(yè)面 5
1.2.3 WebStorm開(kāi)發(fā)工具 6
1.2.4 其他開(kāi)發(fā)工具 11
1.3 HTML常用標(biāo)簽 11
1.3.1 文本 11
1.3.2 超鏈接 12
1.3.3 圖像 14
1.3.4 表格 17
1.3.5 表單元素 22
1.3.6 列表 23
1.3.7 滾動(dòng)字幕 24
1.3.8 音頻/視頻播放 26
1.3.9 其他標(biāo)簽 28
第2章 HTML項(xiàng)目實(shí)戰(zhàn) 31
2.1 在線計(jì)算器 32
2.1.1 項(xiàng)目介紹 32
2.1.2 開(kāi)發(fā)思路 32
2.1.3 代碼實(shí)現(xiàn) 33
2.2 蝸牛學(xué)院官網(wǎng) 35
2.2.1 項(xiàng)目介紹 35
2.2.2 開(kāi)發(fā)思路 35
2.2.3 代碼實(shí)現(xiàn) 36
第3章 CSS核心基礎(chǔ) 40
3.1 CSS基礎(chǔ) 41
3.1.1 CSS簡(jiǎn)介 41
3.1.2 CSS的特點(diǎn) 41
3.1.3 CSS的使用 42
3.2 CSS選擇器 43
3.2.1 標(biāo)簽選擇器 43
3.2.2 ID選擇器 45
3.2.3 Class選擇器 47
3.2.4 組合選擇器 49
3.2.5 偽類選擇器 50
3.3 CSS元素樣式 52
3.3.1 文本與圖像 52
3.3.2 表格 54
3.3.3 超鏈接 56
3.3.4 列表 57
3.3.5 表單 58
第4章 盒模型 60
4.1 盒模型基礎(chǔ)知識(shí) 61
4.1.1 盒模型簡(jiǎn)介 61
4.1.2 盒模型屬性 61
4.1.3 盒模型基礎(chǔ)使用 62
4.2 盒模型浮動(dòng) 64
4.2.1 浮動(dòng)的作用 64
4.2.2 盒模型左浮動(dòng) 65
4.2.3 盒模型右浮動(dòng) 66
4.2.4 禁止浮動(dòng) 67
4.3 盒模型內(nèi)容 67
4.3.1 寬度與高度 67
4.3.2 水平居中 69
4.3.3 垂直居中 71
4.3.4 內(nèi)容溢出 73
4.4 盒模型嵌套 76
4.4.1 嵌套的作用 76
4.4.2 嵌套的排版 76
4.5 盒模型定位 78
4.5.1 定位簡(jiǎn)介 78
4.5.2 固定定位 79
4.5.3 絕對(duì)定位 82
4.5.4 相對(duì)定位 83
4.5.5 其他屬性 84
第5章 布局項(xiàng)目實(shí)戰(zhàn) 85
5.1 九宮格布局 86
5.1.1 項(xiàng)目介紹 86
5.1.2 開(kāi)發(fā)思路 86
5.1.3 代碼實(shí)現(xiàn) 87
5.2 在線計(jì)算器布局 88
5.2.1 項(xiàng)目介紹 88
5.2.2 開(kāi)發(fā)思路 89
5.2.3 代碼實(shí)現(xiàn) 89
5.3 蝸牛學(xué)院官網(wǎng)布局 92
5.3.1 項(xiàng)目介紹 92
5.3.2 開(kāi)發(fā)思路 92
5.3.3 代碼實(shí)現(xiàn) 94
5.3.4 代碼優(yōu)化 105
第6章 CSS高級(jí)應(yīng)用 106
6.1 動(dòng)畫(huà)效果 107
6.1.1 animation 107
6.1.2 transform 113
6.1.3 transition 119
6.2 響應(yīng)式布局 121
6.2.1 響應(yīng)式布局簡(jiǎn)介 121
6.2.2 媒體查詢 122
6.3 項(xiàng)目實(shí)戰(zhàn) 126
6.3.1 實(shí)現(xiàn)一個(gè)立方體 126
6.3.2 實(shí)現(xiàn)立方體運(yùn)動(dòng) 128
第7章 JavaScript程序設(shè)計(jì) 131
7.1 語(yǔ)法基礎(chǔ) 132
7.1.1 JavaScript簡(jiǎn)介 132
7.1.2 輸入與輸出 133
7.1.3 變量與數(shù)據(jù)類型 135
7.1.4 分支語(yǔ)句 138
7.1.5 循環(huán)語(yǔ)句 142
7.2 基礎(chǔ)編程練習(xí) 144
7.2.1 練習(xí)題目 144
7.2.2 循環(huán)求和 145
7.2.3 字符判斷 145
7.2.4 密碼驗(yàn)證 147
7.2.5 水仙花數(shù) 148
7.2.6 次方計(jì)算 149
7.2.7 統(tǒng)計(jì)字符 150
7.2.8 抓球問(wèn)題 150
7.2.9 九九乘法表 151
7.2.10 字符串判斷 152
7.3 數(shù)組 154
7.3.1 定義與使用 154
7.3.2 核心算法 155
7.3.3 排序算法 156
7.3.4 多維數(shù)組 157
7.3.5 數(shù)組對(duì)象 158
7.3.6 數(shù)組練習(xí) 159
7.4 函數(shù) 163
7.4.1 函數(shù)定義 163
7.4.2 可選參數(shù) 165
7.4.3 匿名函數(shù) 165
7.4.4 函數(shù)應(yīng)用 166
7.5 字符串 172
7.5.1 字符串的屬性 172
7.5.2 字符串的方法 172
7.5.3 字符串的應(yīng)用 173
第8章 文檔對(duì)象模型 177
8.1 Document對(duì)象 178
8.1.1 對(duì)象集合 178
8.1.2 對(duì)象屬性 180
8.1.3 對(duì)象方法 181
8.2 查找DOM元素 182
8.2.1 DOM簡(jiǎn)介 182
8.2.2 通過(guò)ID查找 183
8.2.3 通過(guò)標(biāo)簽查找 185
8.2.4 通過(guò)Class查找 186
8.2.5 通過(guò)Name查找 188
8.2.6 DOM操作練習(xí) 188
8.3 操作DOM元素 192
8.3.1 DOM的屬性與方法 192
8.3.2 DOM的新增 194
8.3.3 DOM的刪除 195
8.3.4 DOM的修改 196
8.3.5 針對(duì)表格的操作 197
第9章 JavaScript對(duì)象 204
9.1 Window對(duì)象 205
9.1.1 BOM簡(jiǎn)介 205
9.1.2 窗口對(duì)象 206
9.1.3 彈出窗口 208
9.1.4 彈出框?qū)ο蟆?09
9.1.5 定時(shí)器對(duì)象 209
9.1.6 其他對(duì)象 210
9.2 異常處理機(jī)制 211
9.2.1 異常處理機(jī)制簡(jiǎn)介 211
9.2.2 使用onerror處理異!211
9.2.3 使用try…catch處理異!212
9.3 正則表達(dá)式 213
9.3.1 正則表達(dá)式簡(jiǎn)介 213
9.3.2 正則表達(dá)式語(yǔ)法 213
9.3.3 RegExp對(duì)象 215
第10章 事件處理 217
10.1 鼠標(biāo)事件 218
10.1.1 鼠標(biāo)事件列表 218
10.1.2 鼠標(biāo)單擊實(shí)例 218
10.1.3 鼠標(biāo)懸停實(shí)例 220
10.2 鍵盤(pán)事件 221
10.2.1 鍵盤(pán)事件及屬性 221
10.2.2 檢測(cè)按鍵實(shí)例 222
10.2.3 只接受數(shù)字輸入 224
10.3 表單事件 224
10.3.1 表單事件簡(jiǎn)述 224
10.3.2 密碼對(duì)比實(shí)例 225
10.3.3 動(dòng)態(tài)城市聯(lián)動(dòng) 226
10.4 多媒體事件 227
10.4.1 多媒體事件列表 227
10.4.2 記錄播放時(shí)間 228
第11章 JavaScript項(xiàng)目實(shí)戰(zhàn) 230
11.1 隨機(jī)飄雪 231
11.1.1 項(xiàng)目介紹 231
11.1.2 開(kāi)發(fā)思路 231
11.1.3 代碼實(shí)現(xiàn) 233
11.1.4 思維拓展 236
11.2 在線計(jì)算器 237
11.2.1 項(xiàng)目介紹 237
11.2.2 開(kāi)發(fā)思路 238
11.2.3 代碼實(shí)現(xiàn) 239
11.2.4 思維拓展 241
11.3 在線時(shí)鐘 242
11.3.1 項(xiàng)目介紹 242
11.3.2 開(kāi)發(fā)思路 243
11.3.3 代碼實(shí)現(xiàn) 243
11.4 倒計(jì)時(shí)程序 245
11.4.1 項(xiàng)目介紹 245
11.4.2 開(kāi)發(fā)思路 246
11.4.3 代碼實(shí)現(xiàn) 246
11.4.4 思維拓展 251
11.5 圖片輪播 252
11.5.1 項(xiàng)目介紹 252
11.5.2 開(kāi)發(fā)思路 252
11.5.3 代碼實(shí)現(xiàn) 253
11.5.4 思維拓展 258