响应式Web开发（HTML5+CSS3+Bootstrap）
定价：￥58.00
作者： 姜华，祝惠新，姚勋勋等
最新印次日期：2025-1
出版社：高等教育出版社
- 高等教育出版社
- 9787040637229
- 1版
- 48271686-7
- 16开
- 618
- 电子与信息大类
- 计算机类
- 计算机等
- 高职
内容简介
本书结合HTML5应用开发的实际情况，以企业开发流程为指导，根据真实案例组织内容。全书共10单元。第1～5单元讲解HTML5和CSS3的基础；第6～7单元讲解Canvas画布的应用和Web存储；第8单元讲解响应式页面的基础知识；第9单元讲解手机端App开发的相关内容；第10单元讲解综合案例——咖啡商城网站的设计，以提高学习者对相关技术的实际应用能力。书中每单元以三层案例逐层推进，让学习者由浅入深、循序渐进地掌握HTML5应用开发的相关内容。
本书配套提供有源代码、教学课件、微视频等学习资源。
本书可作为高等职业院校计算机相关专业的教材，也可以作为从事相关开发工作的工程技术人员的参考书，还可以供前端开发的初学者和爱好者自学使用。
目录
目录
第1单元 HTML基础001
1.1知识准备：HTML的基本应用002
1.1.1HTML的基本认识002
1.1.2文本与标签005
1.1.3表格标签011
1.1.4表单元 素015
1.1.5列表和超链接021
1.2知识运用：咖啡商城——商品分类032
1.2.1项目说明033
1.2.2项目设计033
1.2.3项目实施033
1.3拓展应用035
1.3.1拓展项目：校园官网首页的列表实现035
1.3.2拓展项目：图书统计表039
单元测试041
第2单元 HTML5新增元素和属性043
2.1知识准备：认识HTML5044
2.1.1HTML的新版本044
2.1.2HTML5页面结构044
2.1.3HTML5主体结构元素045
2.1.4HTML5非主体结构元素051
2.1.5“法治意识调查问卷”页面的实现055
2.1.6HTML5表单新功能057
2.1.7HTML5表单新增输入类型059
2.1.8HTML5表单新增属性066
2.1.9“自我保护意识调查问卷”页面的实现074
2.2知识运用：用户注册项目076
2.2.1项目说明076
2.2.2项目设计077
2.2.3项目实施077
2.3拓展应用078
2.3.1拓展项目：美好音乐注册页面078
2.3.2拓展项目：学生登录页面081
单元测试083
第3单元 CSS基础084
3.1知识准备：认识CSS085
3.1.1CSS基本认识085
3.1.2CSS选择器088
3.1.3字体属性101
3.1.4文本属性108
3.1.5边框属性117
3.1.6背景属性122
3.1.7样式优先级别127
3.2知识运用：咖啡商城——网站页脚127
3.2.1项目说明127
3.2.2项目设计128
3.2.3项目实施128
3.3拓展应用130
3.3.1拓展项目：海尔网站首页页脚设计130
3.3.2拓展项目：山东科技职业学院网站首页页头页脚设计135
单元测试138
第4单元 CSS布局147
4.1知识准备：网页布局148
4.1.1盒子的认识148
4.1.2浮动定位153
4.1.3位置定位158
4.1.4弹性布局163
4.1.5媒体查询177
4.1.6隐藏与显示179
4.2知识运用：咖啡商城——商品分类页面美化181
4.2.1项目说明181
4.2.2项目设计183
4.2.3项目实施183
4.3拓展应用187
4.3.1拓展项目：设计并制作三级菜单187
4.3.2拓展项目：弹性盒子布局192
4.3.3拓展项目：设计制作学院官网197
4.3.4拓展项目：设计制作大国工匠栏目198
单元测试202
第5单元 CSS3动画207
5.1知识准备：过渡与动画207
5.1.1transition过渡207
5.1.2animation动画212
5.2知识运用：咖啡商城——商品介绍218
5.2.1项目说明218
5.2.2项目设计218
5.2.3项目实施219
5.3拓展应用222
5.3.1拓展项目：水果变化展示222
5.3.2拓展项目：翻书效果227
单元测试232
第6单元 Canvas画布234
6.1知识准备：Canvas绘图234
6.1.1认识JavaScript234
6.1.2认识Canvas243
6.2知识运用：咖啡商城——商品详情249
6.2.1项目说明249
6.2.2项目设计249
6.2.3项目实施250
6.3拓展应用253
6.3.1拓展项目：实现放大效果253
6.3.2拓展项目：隐藏菜单效果254
单元测试254
第7单元 Web存储256
7.1知识准备：Web Storage256
7.1.1Web Storage的概念256
7.1.2sessionStorage和localStorage257
7.2知识运用：咖啡商城——注册/登录270
7.2.1项目说明270
7.2.2项目设计270
7.2.3项目实施272
7.3拓展应用275
拓展项目：设计制作校园网登录界面275
单元测试279
第8单元 Bootstrap响应式页面281
8.1知识准备：前端框架Bootstrap282
8.1.1Bootstrap是什么282
8.1.2如何使用Bootstrap282
8.1.3Bootstrap布局容器286
8.1.4栅格布局290
8.1.5响应式工具295
8.1.6辅助类296
8.1.7Bootstrap常用组件298
8.2知识运用：咖啡商城——我的订单321
8.2.1项目说明321
8.2.2项目设计321
8.2.3项目实施322
8.3拓展应用331
拓展项目：设计制作山东科技职业学院官网首页331
单元测试344
第9单元 手机端App开发346
9.1知识准备：HBuilder开发手机端App346
9.1.1主流App开发模式346
9.1.2飞速编码的极客工具347
9.1.3新建项目349
9.1.4HTML5 Plus规范351
9.1.5HTML5+App355
9.1.6Hello H5+示例355
9.1.7建立H5+项目358
9.1.8高性能前端框架——MUI359
9.1.9创建Hello mui项目360
9.1.10建立MUI项目361
9.2知识运用：咖啡商城移动App365
9.2.1项目说明366
9.2.2项目设计366
9.2.3项目实施366
9.3拓展应用371
拓展项目：介绍我的专业课程371
单元测试372
第10单元 综合案例——咖啡商城373
10.1项目背景373
10.2项目构思374
10.2.1内容构思374
10.2.2技术构思374
10.3UI设计375
10.3.1商城首页UI设计375
10.3.2商品详情页面UI设计377
10.3.3购物车页面UI设计378
10.3.4我的订单页面UI设计379
10.4网页制作379
10.4.1咖啡商城首页制作379
10.4.2商品详情页面制作406
10.4.3购物车页面制作413
10.4.4我的订单页面制作423
单元测试423
主要参考文献424
第1单元 HTML基础001
1.1知识准备：HTML的基本应用002
1.1.1HTML的基本认识002
1.1.2文本与标签005
1.1.3表格标签011
1.1.4表单元 素015
1.1.5列表和超链接021
1.2知识运用：咖啡商城——商品分类032
1.2.1项目说明033
1.2.2项目设计033
1.2.3项目实施033
1.3拓展应用035
1.3.1拓展项目：校园官网首页的列表实现035
1.3.2拓展项目：图书统计表039
单元测试041
第2单元 HTML5新增元素和属性043
2.1知识准备：认识HTML5044
2.1.1HTML的新版本044
2.1.2HTML5页面结构044
2.1.3HTML5主体结构元素045
2.1.4HTML5非主体结构元素051
2.1.5“法治意识调查问卷”页面的实现055
2.1.6HTML5表单新功能057
2.1.7HTML5表单新增输入类型059
2.1.8HTML5表单新增属性066
2.1.9“自我保护意识调查问卷”页面的实现074
2.2知识运用：用户注册项目076
2.2.1项目说明076
2.2.2项目设计077
2.2.3项目实施077
2.3拓展应用078
2.3.1拓展项目：美好音乐注册页面078
2.3.2拓展项目：学生登录页面081
单元测试083
第3单元 CSS基础084
3.1知识准备：认识CSS085
3.1.1CSS基本认识085
3.1.2CSS选择器088
3.1.3字体属性101
3.1.4文本属性108
3.1.5边框属性117
3.1.6背景属性122
3.1.7样式优先级别127
3.2知识运用：咖啡商城——网站页脚127
3.2.1项目说明127
3.2.2项目设计128
3.2.3项目实施128
3.3拓展应用130
3.3.1拓展项目：海尔网站首页页脚设计130
3.3.2拓展项目：山东科技职业学院网站首页页头页脚设计135
单元测试138
第4单元 CSS布局147
4.1知识准备：网页布局148
4.1.1盒子的认识148
4.1.2浮动定位153
4.1.3位置定位158
4.1.4弹性布局163
4.1.5媒体查询177
4.1.6隐藏与显示179
4.2知识运用：咖啡商城——商品分类页面美化181
4.2.1项目说明181
4.2.2项目设计183
4.2.3项目实施183
4.3拓展应用187
4.3.1拓展项目：设计并制作三级菜单187
4.3.2拓展项目：弹性盒子布局192
4.3.3拓展项目：设计制作学院官网197
4.3.4拓展项目：设计制作大国工匠栏目198
单元测试202
第5单元 CSS3动画207
5.1知识准备：过渡与动画207
5.1.1transition过渡207
5.1.2animation动画212
5.2知识运用：咖啡商城——商品介绍218
5.2.1项目说明218
5.2.2项目设计218
5.2.3项目实施219
5.3拓展应用222
5.3.1拓展项目：水果变化展示222
5.3.2拓展项目：翻书效果227
单元测试232
第6单元 Canvas画布234
6.1知识准备：Canvas绘图234
6.1.1认识JavaScript234
6.1.2认识Canvas243
6.2知识运用：咖啡商城——商品详情249
6.2.1项目说明249
6.2.2项目设计249
6.2.3项目实施250
6.3拓展应用253
6.3.1拓展项目：实现放大效果253
6.3.2拓展项目：隐藏菜单效果254
单元测试254
第7单元 Web存储256
7.1知识准备：Web Storage256
7.1.1Web Storage的概念256
7.1.2sessionStorage和localStorage257
7.2知识运用：咖啡商城——注册/登录270
7.2.1项目说明270
7.2.2项目设计270
7.2.3项目实施272
7.3拓展应用275
拓展项目：设计制作校园网登录界面275
单元测试279
第8单元 Bootstrap响应式页面281
8.1知识准备：前端框架Bootstrap282
8.1.1Bootstrap是什么282
8.1.2如何使用Bootstrap282
8.1.3Bootstrap布局容器286
8.1.4栅格布局290
8.1.5响应式工具295
8.1.6辅助类296
8.1.7Bootstrap常用组件298
8.2知识运用：咖啡商城——我的订单321
8.2.1项目说明321
8.2.2项目设计321
8.2.3项目实施322
8.3拓展应用331
拓展项目：设计制作山东科技职业学院官网首页331
单元测试344
第9单元 手机端App开发346
9.1知识准备：HBuilder开发手机端App346
9.1.1主流App开发模式346
9.1.2飞速编码的极客工具347
9.1.3新建项目349
9.1.4HTML5 Plus规范351
9.1.5HTML5+App355
9.1.6Hello H5+示例355
9.1.7建立H5+项目358
9.1.8高性能前端框架——MUI359
9.1.9创建Hello mui项目360
9.1.10建立MUI项目361
9.2知识运用：咖啡商城移动App365
9.2.1项目说明366
9.2.2项目设计366
9.2.3项目实施366
9.3拓展应用371
拓展项目：介绍我的专业课程371
单元测试372
第10单元 综合案例——咖啡商城373
10.1项目背景373
10.2项目构思374
10.2.1内容构思374
10.2.2技术构思374
10.3UI设计375
10.3.1商城首页UI设计375
10.3.2商品详情页面UI设计377
10.3.3购物车页面UI设计378
10.3.4我的订单页面UI设计379
10.4网页制作379
10.4.1咖啡商城首页制作379
10.4.2商品详情页面制作406
10.4.3购物车页面制作413
10.4.4我的订单页面制作423
单元测试423
主要参考文献424
第1单元 HTML基础001
1.1知识准备：HTML的基本应用002
1.1.1HTML的基本认识002
1.1.2文本与标签005
1.1.3表格标签011
1.1.4表单元 素015
1.1.5列表和超链接021
1.2知识运用：咖啡商城——商品分类032
1.2.1项目说明033
1.2.2项目设计033
1.2.3项目实施033
1.3拓展应用035
1.3.1拓展项目：校园官网首页的列表实现035
1.3.2拓展项目：图书统计表039
单元测试041
第2单元 HTML5新增元素和属性043
2.1知识准备：认识HTML5044
2.1.1HTML的新版本044
2.1.2HTML5页面结构044
2.1.3HTML5主体结构元素045
2.1.4HTML5非主体结构元素051
2.1.5“法治意识调查问卷”页面的实现055
2.1.6HTML5表单新功能057
2.1.7HTML5表单新增输入类型059
2.1.8HTML5表单新增属性066
2.1.9“自我保护意识调查问卷”页面的实现074
2.2知识运用：用户注册项目076
2.2.1项目说明076
2.2.2项目设计077
2.2.3项目实施077
2.3拓展应用078
2.3.1拓展项目：美好音乐注册页面078
2.3.2拓展项目：学生登录页面081
单元测试083
第3单元 CSS基础084
3.1知识准备：认识CSS085
3.1.1CSS基本认识085
3.1.2CSS选择器088
3.1.3字体属性101
3.1.4文本属性108
3.1.5边框属性117
3.1.6背景属性122
3.1.7样式优先级别127
3.2知识运用：咖啡商城——网站页脚127
3.2.1项目说明127
3.2.2项目设计128
3.2.3项目实施128
3.3拓展应用130
3.3.1拓展项目：海尔网站首页页脚设计130
3.3.2拓展项目：山东科技职业学院网站首页页头页脚设计135
单元测试138
第4单元 CSS布局147
4.1知识准备：网页布局148
4.1.1盒子的认识148
4.1.2浮动定位153
4.1.3位置定位158
4.1.4弹性布局163
4.1.5媒体查询177
4.1.6隐藏与显示179
4.2知识运用：咖啡商城——商品分类页面美化181
4.2.1项目说明181
4.2.2项目设计183
4.2.3项目实施183
4.3拓展应用187
4.3.1拓展项目：设计并制作三级菜单187
4.3.2拓展项目：弹性盒子布局192
4.3.3拓展项目：设计制作学院官网197
4.3.4拓展项目：设计制作大国工匠栏目198
单元测试202
第5单元 CSS3动画207
5.1知识准备：过渡与动画207
5.1.1transition过渡207
5.1.2animation动画212
5.2知识运用：咖啡商城——商品介绍218
5.2.1项目说明218
5.2.2项目设计218
5.2.3项目实施219
5.3拓展应用222
5.3.1拓展项目：水果变化展示222
5.3.2拓展项目：翻书效果227
单元测试232
第6单元 Canvas画布234
6.1知识准备：Canvas绘图234
6.1.1认识JavaScript234
6.1.2认识Canvas243
6.2知识运用：咖啡商城——商品详情249
6.2.1项目说明249
6.2.2项目设计249
6.2.3项目实施250
6.3拓展应用253
6.3.1拓展项目：实现放大效果253
6.3.2拓展项目：隐藏菜单效果254
单元测试254
第7单元 Web存储256
7.1知识准备：Web Storage256
7.1.1Web Storage的概念256
7.1.2sessionStorage和localStorage257
7.2知识运用：咖啡商城——注册/登录270
7.2.1项目说明270
7.2.2项目设计270
7.2.3项目实施272
7.3拓展应用275
拓展项目：设计制作校园网登录界面275
单元测试279
第8单元 Bootstrap响应式页面281
8.1知识准备：前端框架Bootstrap282
8.1.1Bootstrap是什么282
8.1.2如何使用Bootstrap282
8.1.3Bootstrap布局容器286
8.1.4栅格布局290
8.1.5响应式工具295
8.1.6辅助类296
8.1.7Bootstrap常用组件298
8.2知识运用：咖啡商城——我的订单321
8.2.1项目说明321
8.2.2项目设计321
8.2.3项目实施322
8.3拓展应用331
拓展项目：设计制作山东科技职业学院官网首页331
单元测试344
第9单元 手机端App开发346
9.1知识准备：HBuilder开发手机端App346
9.1.1主流App开发模式346
9.1.2飞速编码的极客工具347
9.1.3新建项目349
9.1.4HTML5 Plus规范351
9.1.5HTML5+App355
9.1.6Hello H5+示例355
9.1.7建立H5+项目358
9.1.8高性能前端框架——MUI359
9.1.9创建Hello mui项目360
9.1.10建立MUI项目361
9.2知识运用：咖啡商城移动App365
9.2.1项目说明366
9.2.2项目设计366
9.2.3项目实施366
9.3拓展应用371
拓展项目：介绍我的专业课程371
单元测试372
第10单元 综合案例——咖啡商城373
10.1项目背景373
10.2项目构思374
10.2.1内容构思374
10.2.2技术构思374
10.3UI设计375
10.3.1商城首页UI设计375
10.3.2商品详情页面UI设计377
10.3.3购物车页面UI设计378
10.3.4我的订单页面UI设计379
10.4网页制作379
10.4.1咖啡商城首页制作379
10.4.2商品详情页面制作406
10.4.3购物车页面制作413
10.4.4我的订单页面制作423
单元测试423
主要参考文献424
第1单元 HTML基础001
1.1知识准备：HTML的基本应用002
1.1.1HTML的基本认识002
1.1.2文本与标签005
1.1.3表格标签011
1.1.4表单元 素015
1.1.5列表和超链接021
1.2知识运用：咖啡商城——商品分类032
1.2.1项目说明033
1.2.2项目设计033
1.2.3项目实施033
1.3拓展应用035
1.3.1拓展项目：校园官网首页的列表实现035
1.3.2拓展项目：图书统计表039
单元测试041
第2单元 HTML5新增元素和属性043
2.1知识准备：认识HTML5044
2.1.1HTML的新版本044
2.1.2HTML5页面结构044
2.1.3HTML5主体结构元素045
2.1.4HTML5非主体结构元素051
2.1.5“法治意识调查问卷”页面的实现055
2.1.6HTML5表单新功能057
2.1.7HTML5表单新增输入类型059
2.1.8HTML5表单新增属性066
2.1.9“自我保护意识调查问卷”页面的实现074
2.2知识运用：用户注册项目076
2.2.1项目说明076
2.2.2项目设计077
2.2.3项目实施077
2.3拓展应用078
2.3.1拓展项目：美好音乐注册页面078
2.3.2拓展项目：学生登录页面081
单元测试083
第3单元 CSS基础084
3.1知识准备：认识CSS085
3.1.1CSS基本认识085
3.1.2CSS选择器088
3.1.3字体属性101
3.1.4文本属性108
3.1.5边框属性117
3.1.6背景属性122
3.1.7样式优先级别127
3.2知识运用：咖啡商城——网站页脚127
3.2.1项目说明127
3.2.2项目设计128
3.2.3项目实施128
3.3拓展应用130
3.3.1拓展项目：海尔网站首页页脚设计130
3.3.2拓展项目：山东科技职业学院网站首页页头页脚设计135
单元测试138
第4单元 CSS布局147
4.1知识准备：网页布局148
4.1.1盒子的认识148
4.1.2浮动定位153
4.1.3位置定位158
4.1.4弹性布局163
4.1.5媒体查询177
4.1.6隐藏与显示179
4.2知识运用：咖啡商城——商品分类页面美化181
4.2.1项目说明181
4.2.2项目设计183
4.2.3项目实施183
4.3拓展应用187
4.3.1拓展项目：设计并制作三级菜单187
4.3.2拓展项目：弹性盒子布局192
4.3.3拓展项目：设计制作学院官网197
4.3.4拓展项目：设计制作大国工匠栏目198
单元测试202
第5单元 CSS3动画207
5.1知识准备：过渡与动画207
5.1.1transition过渡207
5.1.2animation动画212
5.2知识运用：咖啡商城——商品介绍218
5.2.1项目说明218
5.2.2项目设计218
5.2.3项目实施219
5.3拓展应用222
5.3.1拓展项目：水果变化展示222
5.3.2拓展项目：翻书效果227
单元测试232
第6单元 Canvas画布234
6.1知识准备：Canvas绘图234
6.1.1认识JavaScript234
6.1.2认识Canvas243
6.2知识运用：咖啡商城——商品详情249
6.2.1项目说明249
6.2.2项目设计249
6.2.3项目实施250
6.3拓展应用253
6.3.1拓展项目：实现放大效果253
6.3.2拓展项目：隐藏菜单效果254
单元测试254
第7单元 Web存储256
7.1知识准备：Web Storage256
7.1.1Web Storage的概念256
7.1.2sessionStorage和localStorage257
7.2知识运用：咖啡商城——注册/登录270
7.2.1项目说明270
7.2.2项目设计270
7.2.3项目实施272
7.3拓展应用275
拓展项目：设计制作校园网登录界面275
单元测试279
第8单元 Bootstrap响应式页面281
8.1知识准备：前端框架Bootstrap282
8.1.1Bootstrap是什么282
8.1.2如何使用Bootstrap282
8.1.3Bootstrap布局容器286
8.1.4栅格布局290
8.1.5响应式工具295
8.1.6辅助类296
8.1.7Bootstrap常用组件298
8.2知识运用：咖啡商城——我的订单321
8.2.1项目说明321
8.2.2项目设计321
8.2.3项目实施322
8.3拓展应用331
拓展项目：设计制作山东科技职业学院官网首页331
单元测试344
第9单元 手机端App开发346
9.1知识准备：HBuilder开发手机端App346
9.1.1主流App开发模式346
9.1.2飞速编码的极客工具347
9.1.3新建项目349
9.1.4HTML5 Plus规范351
9.1.5HTML5+App355
9.1.6Hello H5+示例355
9.1.7建立H5+项目358
9.1.8高性能前端框架——MUI359
9.1.9创建Hello mui项目360
9.1.10建立MUI项目361
9.2知识运用：咖啡商城移动App365
9.2.1项目说明366
9.2.2项目设计366
9.2.3项目实施366
9.3拓展应用371
拓展项目：介绍我的专业课程371
单元测试372
第10单元 综合案例——咖啡商城373
10.1项目背景373
10.2项目构思374
10.2.1内容构思374
10.2.2技术构思374
10.3UI设计375
10.3.1商城首页UI设计375
10.3.2商品详情页面UI设计377
10.3.3购物车页面UI设计378
10.3.4我的订单页面UI设计379
10.4网页制作379
10.4.1咖啡商城首页制作379
10.4.2商品详情页面制作406
10.4.3购物车页面制作413
10.4.4我的订单页面制作423
单元测试423
主要参考文献424
