Web前端技术项目式教程（HTML5+CSS3+Flex+Bootstrap)（AI助学）（微课版）（第2版）-图书-人邮教育社区

内容摘要

本书以完整的中华传统文化网站的开发为主线，较为全面地介绍了Web 前端开发中使用的HTML5、CSS3、Flex 和 Bootstrap 等标准化重构网页的技术。
全书共 10 个任务，包括初探 Web 前端技术，使用 HTML 搭建中华传统文化网站首页结构，使用DIV+CSS 实现中华传统文化网站首页布局，使用CSS及CSS3美化网页，CSS3过渡、变换和动画，多媒体嵌入，添加用户交互界面——表单，使用Flex实现网页响应式布局，使用Bootstrap实现网页响应式布局，综合练习——儿童玩具商城网站设计与制作。每个任务都配有课后练习，帮助读者及时巩固所学知识。最后一个任务帮助读者进一步提升网页设计与制作的技能实践水平。
本书可作为高职高专院校网页设计与制作课程的教材，也可供相关从业人员参考。

任务一
初探Web前端技术 ........................................................ 1
任务描述 .......................................................................................... 2
知识引入 .......................................................................................... 2
任务实现 .......................................................................................... 8
任务小结 ........................................................................................ 11
课后练习 ........................................................................................ 11
技能拓展 ........................................................................................ 12

任务二
使用HTML搭建中华传统文化网站首页结构 ......................... 13
任务描述 ........................................................................................ 14
知识引入 ........................................................................................ 15
任务实现 ........................................................................................ 26
任务拓展 ........................................................................................ 37
任务小结 ........................................................................................ 40
课后练习 ........................................................................................ 40
技能拓展 ........................................................................................ 41

任务三
使用DIV+CSS实现中华传统文化网站首页布局 ................... 43
任务描述 ........................................................................................ 45
知识引入 ........................................................................................ 45
任务实现 ........................................................................................ 68
任务拓展 ......................................................................................... 74
任务小结 ........................................................................................ 76
课后练习 ........................................................................................ 76
技能拓展 ........................................................................................ 78

任务四
使用CSS及CSS3美化网页 .......................................... 79
任务描述 ........................................................................................ 81
知识引入 ........................................................................................ 81
任务实现 ...................................................................................... 106
任务拓展1 ...................................................................................... 112
任务拓展2 ...................................................................................... 115
任务小结 ...................................................................................... 119
课后练习 ...................................................................................... 120
技能拓展 ...................................................................................... 121

任务五
CSS3过渡、变换和动画 .............................................. 123
任务描述 ...................................................................................... 124
知识引入 ...................................................................................... 124
任务实现 ...................................................................................... 136
任务拓展 ...................................................................................... 139
任务小结 ...................................................................................... 141
课后练习 ...................................................................................... 142
技能拓展 ...................................................................................... 142

任务六
多媒体嵌入 ............................................................... 145
任务描述 ...................................................................................... 146
知识引入 ...................................................................................... 146
任务实现 ...................................................................................... 149
任务拓展 ...................................................................................... 154
任务小结 ...................................................................................... 155
课后练习 ...................................................................................... 156
技能拓展 ...................................................................................... 157

任务七
添加用户交互界面——表单 ............................................ 159
任务描述 ...................................................................................... 160
知识引入 ...................................................................................... 160
任务实现 ...................................................................................... 172
任务拓展 ...................................................................................... 177
任务小结 ...................................................................................... 178
课后练习 ...................................................................................... 178
技能拓展 ...................................................................................... 179

任务八
使用Flex实现网页响应式布局 ....................................... 181
任务描述 ...................................................................................... 182
知识引入 ...................................................................................... 183
任务实现 ...................................................................................... 190
任务拓展 ...................................................................................... 202
任务小结 ...................................................................................... 206
课后练习 ...................................................................................... 206
技能拓展 ...................................................................................... 209

任务九
使用Bootstrap实现网页响应式布局 ............................... 211
任务描述 ...................................................................................... 212
知识引入 ...................................................................................... 212
任务实现 ...................................................................................... 216
任务拓展 ...................................................................................... 225
任务小结 ...................................................................................... 228
课后练习 ...................................................................................... 229
技能拓展 ...................................................................................... 229

任务十
综合练习——儿童玩具商城网站设计与制作 ......................... 232
任务描述 ...................................................................................... 232
任务实现 ...................................................................................... 233
任务小结 ...................................................................................... 263
课后练习 ...................................................................................... 263
技能拓展 ...................................................................................... 263

读者评论

赶紧抢沙发哦！

我要评论

出版信息

书　　名：Web前端技术项目式教程（HTML5+CSS3+Flex+Bootstrap)（AI助学）（微课版）（第2版）
执行编辑：本书的内容有任何问题，请联系陈薇竹
出版日期：2026-09-01
书　　号：978-7-115-70000-1
作　　者： 唐彩虹
定　　价：59.80 元
页　　数：220
印刷方式：黑白印刷
开　　本：16开
出版状态：正在审校

作者介绍

唐彩虹，1980年2月22日出生，副教授。2006年6月获得暨南大学计算机软件专业硕士学位，2006年7月至今任职于广东轻工职业技术大学，担任信息技术学院数字媒体技术专业专任教师，从教至今一直讲授Web前端开发相关课程，指导学生实训和毕业设计，积累了丰富的授课经验，2012年起担任《网页制作》课程负责人，先后主持多项校级科研和教改项目，发表科研和教改论文十余篇。