Web知識(shí)儲(chǔ)備篇
項(xiàng)目1 JavaScript 2
任務(wù)1.1 JavaScript基礎(chǔ) 3
1.1.1 認(rèn)識(shí)JavaScript 3
1.1.2 JavaScript的前世今生 3
1.1.3 JavaScript的特點(diǎn) 3
1.1.4 JavaScript的作用 4
1.1.5 JavaScript的用法 4
1.1.6 JavaScript語(yǔ)句 6
1.1.7 JavaScript代碼規(guī)范 7
1.1.8 JavaScript數(shù)據(jù)結(jié)構(gòu) 8
1.1.9 數(shù)據(jù)類(lèi)型 10
1.1.10 運(yùn)算符和表達(dá)式 12
動(dòng)手實(shí)踐：簡(jiǎn)單加法器的實(shí)現(xiàn) 18
任務(wù)1.2 程序控制結(jié)構(gòu)和語(yǔ)句 19
1.2.1 基本處理流程 19
1.2.2 賦值語(yǔ)句 20
1.2.3 條件判斷語(yǔ)句 20
1.2.4 循環(huán)控制語(yǔ)句 24
1.2.5 對(duì)話(huà)框 31
動(dòng)手實(shí)踐：九九乘法表的實(shí)現(xiàn) 33
任務(wù)1.3 JavaScript函數(shù) 34
1.3.1 函數(shù) 34
1.3.2 定義函數(shù) 35
1.3.3 函數(shù)參數(shù)的使用 36
1.3.4 函數(shù)的返回值 38
1.3.5 函數(shù)的調(diào)用 38
1.3.6 JavaScript中常用的函數(shù) 41
動(dòng)手實(shí)踐：購(gòu)物簡(jiǎn)易計(jì)算器的制作 48
疑難解惑 51
?
小結(jié) 51
課后練習(xí) 52
項(xiàng)目2 數(shù)組與對(duì)象 53
任務(wù)2.1 數(shù)組 54
2.1.1 初始化數(shù)組 54
2.1.2 創(chuàng)建數(shù)組 54
2.1.3 數(shù)組的基本操作 55
2.1.4 數(shù)組的排序 58
2.1.5 常用的數(shù)組方法 61
動(dòng)手實(shí)踐：三級(jí)聯(lián)動(dòng)菜單的實(shí)現(xiàn) 67
任務(wù)2.2 對(duì)象 70
2.2.1 對(duì)象基礎(chǔ) 70
2.2.2 對(duì)象的創(chuàng)建 70
2.2.3 關(guān)鍵字new 72
2.2.4 遍歷對(duì)象 73
2.2.5 內(nèi)置對(duì)象 73
動(dòng)手實(shí)踐：日歷的制作 77
疑難解惑 80
小結(jié) 80
課后練習(xí) 81
項(xiàng)目3 文檔對(duì)象模型與瀏覽器對(duì)象模型 82
任務(wù)3.1 文檔對(duì)象模型 83
3.1.1 什么是DOM 83
3.1.2 什么是DOM HTML 83
3.1.3 HTML元素操作 85
3.1.4 DOM節(jié)點(diǎn)操作 88
3.1.5 事件處理 89
動(dòng)手實(shí)踐：動(dòng)態(tài)添加課程 94
任務(wù)3.2 瀏覽器對(duì)象模型 95
3.2.1 window對(duì)象 95
3.2.2 窗口的操作 96
3.2.3 定時(shí)器 98
3.2.4 location對(duì)象 99
3.2.5 history對(duì)象 100
3.2.6 navigator對(duì)象 102
3.2.7 screen對(duì)象 103
動(dòng)手實(shí)踐：廣告漂浮效果 105
疑難解惑 108
小結(jié) 108
課后習(xí)題 109
項(xiàng)目4 jQuery 111
任務(wù)4.1 jQuery基礎(chǔ) 112
4.1.1 什么是 jQuery 112
4.1.2 在網(wǎng)頁(yè)中如何添加 jQuery 112
動(dòng)手實(shí)踐：我的第一個(gè)jQuery程序 113
任務(wù)4.2 jQuery語(yǔ)法及選擇器 114
4.2.1 jQuery語(yǔ)法 114
4.2.2 文檔就緒事件 114
4.2.3 jQuery選擇器 115
動(dòng)手實(shí)踐：動(dòng)態(tài)導(dǎo)購(gòu)菜單的制作 140
任務(wù)4.3 jQuery動(dòng)畫(huà)效果 143
4.3.1 jQuery基本動(dòng)畫(huà)效果 143
4.3.2 淡入淡出動(dòng)畫(huà)效果 147
4.3.3 滑動(dòng)效果 153
4.3.4 自定義動(dòng)畫(huà) 156
動(dòng)手實(shí)踐：圖片輪播效果的實(shí)現(xiàn) 160
任務(wù)4.4 jQuery事件機(jī)制 164
4.4.1 事件函數(shù) 164
4.4.2 常用事件函數(shù) 164
動(dòng)手實(shí)踐：動(dòng)態(tài)添加和刪除學(xué)生信息 174
疑難解惑 178
小結(jié) 178
課后習(xí)題 179

Web案例提高篇
項(xiàng)目5 在線時(shí)鐘的實(shí)現(xiàn) 182
5.1 設(shè)計(jì)思路 183
5.2 具體實(shí)現(xiàn) 184
項(xiàng)目6 Web前端中在線學(xué)習(xí)功能的實(shí)現(xiàn) 186
6.1 功能介紹 187
6.2 布局分析 188
6.3 具體實(shí)現(xiàn) 188
項(xiàng)目7 “四季”標(biāo)簽切換效果的實(shí)現(xiàn) 192
7.1 布局分析 193
7.2 具體實(shí)現(xiàn) 193
項(xiàng)目8 多級(jí)動(dòng)畫(huà)菜單的實(shí)現(xiàn) 197
8.1 布局分析 198
8.2 具體實(shí)現(xiàn) 199
項(xiàng)目9 動(dòng)態(tài)選項(xiàng)卡的實(shí)現(xiàn) 204
9.1 布局分析 205
9.2 HTML基本結(jié)構(gòu) 205
9.3 添加CSS樣式 211
9.4 編寫(xiě)jQuery代碼 217

Web項(xiàng)目實(shí)戰(zhàn)篇
項(xiàng)目10 綜合信息類(lèi)網(wǎng)站首頁(yè)的實(shí)現(xiàn) 224
10.1 網(wǎng)站首頁(yè)整體布局的實(shí)現(xiàn) 226
10.2 頁(yè)面頭部、Banner及導(dǎo)航的具體實(shí)現(xiàn) 228
10.3 圖片輪播及最新動(dòng)態(tài)列表的實(shí)現(xiàn) 231
10.4 走進(jìn)浙江、浙江歷史等信息列表的實(shí)現(xiàn) 236
10.5 快速通道及頁(yè)腳信息的實(shí)現(xiàn) 243