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