第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