第1 章 Web 前端開發技術概述 1
1. 1 知識準備 1
1. 2 實戰演練———搭建開發環境 18
1. 3 強化訓練———創建第一個 HTML5 頁面 20
1. 4 課后實訓 24
1. 5 小結 24
第2 章 HTML5 基礎標簽 26
2. 1 知識準備 26
2. 2 實戰演練———制作 “博物館參觀須知” 網頁 45
2. 3 課后實訓 47
2. 4 小結 48
第3 章 超鏈接標簽、 結構及分組標簽 50
3. 1 知識準備 50
3. 2 實戰演練———制作 “ 《洛神水賦》 相關帖子及評論” 網頁 67
3. 3 強化訓練———制作 “ 《千里江山圖》 畫卷賞析” 網頁 70
3. 4 課后實訓 74
3. 5 小結 75
第4 章 表格與表單 77
4. 1 知識準備 77
4. 2 實戰演練———制作 “黨史展館在線預約” 網頁 111
4. 3 強化訓練———制作 “用戶注冊界面” 網頁 114
4. 4 課后實訓 117
4. 5 小結 118
第5 章 CSS 入門 120
5. 1 知識準備 120
5. 2 實戰演練———制作 “天安門簡介” 網頁 152
5. 3 強化訓練———制作 “八大行星科普” 網頁 155
5. 4 課后實訓 159
5. 5 小結 160
第6 章 盒子模型 162
6. 1 知識準備 162
6. 2 實戰演練———制作 “拼圖效果” 網頁 187
6. 3 強化訓練———制作 “新質生產力簡介” 網頁 188
6. 4 課后實訓 190
6. 5 小結 191
第7 章 浮動與定位 193
7. 1 知識準備 193
7. 2 實戰演練———制作 “網站導航條” 網頁 212
7. 3 強化訓練———制作網頁輪播圖 214
7. 4 課后實訓 216
7. 5 小結 217
第8 章 CSS3 高級 219
8. 1 知識準備 219
8. 2 實戰演練———制作 “多肉商城” 網頁 231
8. 3 強化訓練———制作 “表情動畫” 網頁 237
8. 4 課后實訓 240
8. 5 小結 241
第9 章 JavaScript 基礎 243
9. 1 知識準備 243
9. 2 實戰演練———制作 “唐詩精選” 網頁 270
9. 3 強化訓練———制作 “宋詞賞析” 網頁 277
9. 4 課后實訓 283
9. 5 小結 283
第10 章 JavaScript 中的對象與事件 285
10. 1 知識準備 285
10. 2 實戰演練———制作 “延安革命” 網頁 307
10. 3 強化訓練———制作 “黨史學習” 網頁 316
10. 4 課后實訓 322
10. 5 小結 323
第11 章 實戰開發一———制作個人網站 325
11. 1 準備工作 325
11. 2 頁面制作詳情 328
第12 章 實戰開發二———制作仿京東購物網站 342
12. 1 準備工作 342
12. 2 頁面制作詳情 342
參考文獻 356