本書共分11章,其中第1~2章主要講解了HTML標(biāo)簽及屬性的應(yīng)用,結(jié)合兩個實(shí)戰(zhàn)項(xiàng)目幫助讀者更好地理解相關(guān)知識點(diǎn)。第3~6章主要講解CSS的應(yīng)用,通過引入4個項(xiàng)目實(shí)戰(zhàn)并講解開發(fā)思路,對各知識點(diǎn)的應(yīng)用進(jìn)行深入分析,同時也提供完整的代碼實(shí)現(xiàn)。第7~11章則講解JavaScript程序設(shè)計,包括JavaScript的基礎(chǔ)語法、JavaScript內(nèi)置對象的應(yīng)用、JavaScript對DOM和BOM的操作,以及如何響應(yīng)用戶的鼠標(biāo)和鍵盤操作等,均附有大量的實(shí)例應(yīng)用代碼,結(jié)合5個項(xiàng)目實(shí)戰(zhàn)案例,幫助讀者深入理解程序設(shè)計的原理與應(yīng)用。同時,本書完全利用原生的JavaScript來實(shí)現(xiàn)常見的Web頁面功能,不借助于任何第三方框架,也是希望能夠幫助讀者從原理上對Web頁面的功能實(shí)現(xiàn)有所理解,進(jìn)而幫助大家打下扎實(shí)的基本功。
鄧強(qiáng),蝸牛學(xué)院創(chuàng)始人,資深導(dǎo)師,四川大學(xué)碩士,13年軟件研發(fā)及管理經(jīng)驗(yàn),測試架構(gòu)師,精通各種開發(fā)和測試技術(shù),豐富的項(xiàng)目實(shí)施經(jīng)驗(yàn)和研發(fā)管理經(jīng)驗(yàn)。曾為深圳移動,大唐軟件,華夏基金,聯(lián)想集團(tuán),第九城市等20余家企業(yè)提供研發(fā)咨詢,項(xiàng)目實(shí)施及培訓(xùn)服務(wù)。從事培訓(xùn)事業(yè)以來門生數(shù)萬,遍布國內(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 頁面渲染引擎 3
1.2 HTML開發(fā)基礎(chǔ) 3
1.2.1 HTML簡介 3
1.2.2 第一個HTML頁面 5
1.2.3 WebStorm開發(fā)工具 6
1.2.4 其他開發(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 滾動字幕 24
1.3.8 音頻/視頻播放 26
1.3.9 其他標(biāo)簽 28
第2章 HTML項(xiàng)目實(shí)戰(zhàn) 31
2.1 在線計算器 32
2.1.1 項(xiàng)目介紹 32
2.1.2 開發(fā)思路 32
2.1.3 代碼實(shí)現(xiàn) 33
2.2 蝸牛學(xué)院官網(wǎng) 35
2.2.1 項(xiàng)目介紹 35
2.2.2 開發(fā)思路 35
2.2.3 代碼實(shí)現(xiàn) 36
第3章 CSS核心基礎(chǔ) 40
3.1 CSS基礎(chǔ) 41
3.1.1 CSS簡介 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ǔ)知識 61
4.1.1 盒模型簡介 61
4.1.2 盒模型屬性 61
4.1.3 盒模型基礎(chǔ)使用 62
4.2 盒模型浮動 64
4.2.1 浮動的作用 64
4.2.2 盒模型左浮動 65
4.2.3 盒模型右浮動 66
4.2.4 禁止浮動 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 定位簡介 78
4.5.2 固定定位 79
4.5.3 絕對定位 82
4.5.4 相對定位 83
4.5.5 其他屬性 84
第5章 布局項(xiàng)目實(shí)戰(zhàn) 85
5.1 九宮格布局 86
5.1.1 項(xiàng)目介紹 86
5.1.2 開發(fā)思路 86
5.1.3 代碼實(shí)現(xiàn) 87
5.2 在線計算器布局 88
5.2.1 項(xiàng)目介紹 88
5.2.2 開發(fā)思路 89
5.2.3 代碼實(shí)現(xiàn) 89
5.3 蝸牛學(xué)院官網(wǎng)布局 92
5.3.1 項(xiàng)目介紹 92
5.3.2 開發(fā)思路 92
5.3.3 代碼實(shí)現(xiàn) 94
5.3.4 代碼優(yōu)化 105
第6章 CSS高級應(yīng)用 106
6.1 動畫效果 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)式布局簡介 121
6.2.2 媒體查詢 122
6.3 項(xiàng)目實(shí)戰(zhàn) 126
6.3.1 實(shí)現(xiàn)一個立方體 126
6.3.2 實(shí)現(xiàn)立方體運(yùn)動 128
第7章 JavaScript程序設(shè)計 131
7.1 語法基礎(chǔ) 132
7.1.1 JavaScript簡介 132
7.1.2 輸入與輸出 133
7.1.3 變量與數(shù)據(jù)類型 135
7.1.4 分支語句 138
7.1.5 循環(huán)語句 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 次方計算 149
7.2.7 統(tǒng)計字符 150
7.2.8 抓球問題 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ù)組對象 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章 文檔對象模型 177
8.1 Document對象 178
8.1.1 對象集合 178
8.1.2 對象屬性 180
8.1.3 對象方法 181
8.2 查找DOM元素 182
8.2.1 DOM簡介 182
8.2.2 通過ID查找 183
8.2.3 通過標(biāo)簽查找 185
8.2.4 通過Class查找 186
8.2.5 通過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 針對表格的操作 197
第9章 JavaScript對象 204
9.1 Window對象 205
9.1.1 BOM簡介 205
9.1.2 窗口對象 206
9.1.3 彈出窗口 208
9.1.4 彈出框?qū)ο蟆?09
9.1.5 定時器對象 209
9.1.6 其他對象 210
9.2 異常處理機(jī)制 211
9.2.1 異常處理機(jī)制簡介 211
9.2.2 使用onerror處理異!211
9.2.3 使用try…catch處理異!212
9.3 正則表達(dá)式 213
9.3.1 正則表達(dá)式簡介 213
9.3.2 正則表達(dá)式語法 213
9.3.3 RegExp對象 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 鍵盤事件 221
10.2.1 鍵盤事件及屬性 221
10.2.2 檢測按鍵實(shí)例 222
10.2.3 只接受數(shù)字輸入 224
10.3 表單事件 224
10.3.1 表單事件簡述 224
10.3.2 密碼對比實(shí)例 225
10.3.3 動態(tài)城市聯(lián)動 226
10.4 多媒體事件 227
10.4.1 多媒體事件列表 227
10.4.2 記錄播放時間 228
第11章 JavaScript項(xiàng)目實(shí)戰(zhàn) 230
11.1 隨機(jī)飄雪 231
11.1.1 項(xiàng)目介紹 231
11.1.2 開發(fā)思路 231
11.1.3 代碼實(shí)現(xiàn) 233
11.1.4 思維拓展 236
11.2 在線計算器 237
11.2.1 項(xiàng)目介紹 237
11.2.2 開發(fā)思路 238
11.2.3 代碼實(shí)現(xiàn) 239
11.2.4 思維拓展 241
11.3 在線時鐘 242
11.3.1 項(xiàng)目介紹 242
11.3.2 開發(fā)思路 243
11.3.3 代碼實(shí)現(xiàn) 243
11.4 倒計時程序 245
11.4.1 項(xiàng)目介紹 245
11.4.2 開發(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 開發(fā)思路 252
11.5.3 代碼實(shí)現(xiàn) 253
11.5.4 思維拓展 258