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