客戶端應(yīng)用技術(shù)

項(xiàng)目1 基本圖文混排 1
任務(wù)1 基本網(wǎng)頁搭建. 1
1.1.1 創(chuàng)建新聞頁. 1
1.1.2 知識學(xué)習(xí). 2
1.1.3 實(shí)踐操作. 5
任務(wù)2 圖文混排網(wǎng)頁. 5
1.2.1 創(chuàng)建“詩詞賞析”頁面 6
1.2.2 知識學(xué)習(xí). 6
1.2.3 實(shí)踐操作 16
任務(wù)3 格式化排版 18
1.3.1 對“詩詞欣賞”頁面
進(jìn)行格式化處理 18
1.3.2 知識學(xué)習(xí) 18
1.3.3 實(shí)踐操作 27
練習(xí)與提高 28
項(xiàng)目2 列表應(yīng)用 30
任務(wù)1 創(chuàng)建基本列表 30
2.1.1 應(yīng)用基本列表組織頁面內(nèi)容 30
2.1.2 知識學(xué)習(xí) 31
2.1.3 實(shí)踐操作 33
任務(wù)2 創(chuàng)建嵌套列表 34
2.2.1 創(chuàng)建問卷頁面. 34
2.2.2 知識學(xué)習(xí) 35
2.2.3 實(shí)踐操作 36
任務(wù)3 新聞列表. 37
2.3.1 創(chuàng)建新聞列表. 37
2.3.2 知識學(xué)習(xí) 37
2.3.3 實(shí)踐操作 39
練習(xí)與提高 42
項(xiàng)目3 表格應(yīng)用 44
任務(wù)1 簡單表格應(yīng)用 44
3.1.1 制作普通表格. 44
3.1.2 知識學(xué)習(xí)45
3.1.3 實(shí)踐操作47
任務(wù)2 制作斑馬紋效果50
3.2.1 制作斑馬紋效果的表格.50
3.2.2 知識學(xué)習(xí)51
3.2.3 實(shí)踐操作52
任務(wù)3 復(fù)雜表格應(yīng)用56
3.3.1 制作個(gè)人簡歷表格56
3.3.2 知識學(xué)習(xí)57
3.3.3 實(shí)踐操作58
練習(xí)與提高63
項(xiàng)目4 表單應(yīng)用 65
任務(wù)1 創(chuàng)建登錄表單65
4.1.1 登錄表單的設(shè)計(jì)與實(shí)現(xiàn).65
4.1.2 知識學(xué)習(xí)66
4.1.3 實(shí)踐操作68
任務(wù)2 創(chuàng)建注冊表單72
4.2.1 注冊表單的設(shè)計(jì)與實(shí)現(xiàn).72
4.2.2 知識學(xué)習(xí)72
4.2.3 實(shí)踐操作77
任務(wù)3 創(chuàng)建其他常用表單.80
4.3.1 消費(fèi)調(diào)查表單的設(shè)計(jì)
與實(shí)現(xiàn).80
4.3.2 知識學(xué)習(xí)81
4.3.3 實(shí)踐操作82
練習(xí)與提高85
項(xiàng)目5 創(chuàng)建網(wǎng)頁導(dǎo)航功能. 88
任務(wù)1 創(chuàng)建縱向?qū)Ш讲藛?88
5.1.1 縱向?qū)Ш讲藛蔚脑O(shè)計(jì)與實(shí)現(xiàn)88
5.1.2 知識學(xué)習(xí)88
5.1.3 操作實(shí)踐91
目 錄 CONTENTS
II 客戶端應(yīng)用技術(shù)
任務(wù)2 創(chuàng)建橫向?qū)Ш讲藛?93
5.2.1 橫向?qū)Ш讲藛蔚脑O(shè)計(jì)
與實(shí)現(xiàn). 93
5.2.2 知識學(xué)習(xí) 93
5.2.3 操作實(shí)踐 96
任務(wù)3 創(chuàng)建下拉式導(dǎo)航菜單 96
5.3.1 下拉式導(dǎo)航菜單的
設(shè)計(jì)與實(shí)現(xiàn) 96
5.3.2 操作實(shí)踐 96
練習(xí)與提高 100
項(xiàng)目6 網(wǎng)頁布局.101
任務(wù)1 創(chuàng)建個(gè)人博客頁面. 101
6.1.1 個(gè)人博客頁面布局實(shí)現(xiàn) 101
6.1.2 知識學(xué)習(xí) 101
6.1.3 操作實(shí)踐 109
任務(wù)2 創(chuàng)建企業(yè)網(wǎng)站首頁布局 117
6.2.1 企業(yè)網(wǎng)站首頁布局實(shí)現(xiàn) 117
6.2.2 操作實(shí)踐 118
練習(xí)與提高 122
項(xiàng)目7 JavaScript 基本應(yīng)用124
任務(wù)1 顯示網(wǎng)站通知 124
7.1.1 顯示頁面通知 124
7.1.2 知識學(xué)習(xí) 125
7.1.3 操作實(shí)踐 133
任務(wù)2 付款金額的大寫轉(zhuǎn)換 134
7.2.1 在電商頁面中實(shí)現(xiàn)付款
金額的大寫轉(zhuǎn)換. 134
7.2.2 知識學(xué)習(xí) 135
7.2.3 操作實(shí)踐 141
任務(wù)3 任務(wù)倒計(jì)時(shí). 144
7.3.1 實(shí)現(xiàn)在線考試的
倒計(jì)時(shí)功能 144
7.3.2 知識學(xué)習(xí) 145
7.3.3 操作實(shí)踐 149
任務(wù)4 DOM 基本應(yīng)用 150
7.4.1 訪問并控制DOM 對象 151
7.4.2 知識學(xué)習(xí) 151
7.4.3 操作實(shí)踐.157
練習(xí)與提高158
項(xiàng)目8 網(wǎng)頁動(dòng)態(tài)功能實(shí)現(xiàn) 159
任務(wù)1 使用JavaScript 實(shí)現(xiàn)表單驗(yàn)證 159
8.1.1 新用戶注冊頁面的前端驗(yàn)證.159
8.1.2 表單的觸發(fā)驗(yàn)證機(jī)制160
8.1.3 網(wǎng)頁的HTML 結(jié)構(gòu)和CSS
樣式160
8.1.4 編寫數(shù)據(jù)驗(yàn)證代碼的一般
方法163
8.1.5 使用JavaScript 實(shí)現(xiàn)注冊表單
驗(yàn)證163
任務(wù)2 使用JavaScript實(shí)現(xiàn)導(dǎo)航特效168
8.2.1 折疊菜單的實(shí)現(xiàn)168
8.2.2 橫向二級菜單的實(shí)現(xiàn)170
8.2.3 校園網(wǎng)二級導(dǎo)航的實(shí)現(xiàn)171
任務(wù)3 使用JavaScript 實(shí)現(xiàn)選項(xiàng)卡
特效.172
8.3.1 選項(xiàng)卡在頁面中的使用172
8.3.2 認(rèn)識選項(xiàng)卡173
8.3.3 校園網(wǎng)Tab 實(shí)現(xiàn)174
任務(wù)4 使用JavaScript 實(shí)現(xiàn)圖片輪顯
特效.176
8.4.1 網(wǎng)頁圖片輪顯176
8.4.2 實(shí)現(xiàn)方法.177
任務(wù)5 使用JavaScript 實(shí)現(xiàn)圖片滾動(dòng)
特效.179
8.5.1 首頁圖片滾動(dòng)特效.179
8.5.2 圖片滾動(dòng)特效實(shí)現(xiàn)思路179
8.5.3 操作實(shí)踐.180
任務(wù)6 使用JavaScript 實(shí)現(xiàn)鼠標(biāo)拖動(dòng)
特效.181
8.6.1 實(shí)現(xiàn)鼠標(biāo)拖動(dòng)控制登錄窗口181
8.6.2 知識學(xué)習(xí).182
8.6.3 操作實(shí)踐.183
練習(xí)與提高189