HTML5移动Web开发（第3版） / 应用型人才培养系列教材
定价：￥49.80
作者： 黑马程序员
出版时间：2025-02
最新印次日期：2025-8
出版社：中国铁道出版社
“十四五”职业教育国家规划教材
试读- 中国铁道出版社
- 9787113317522
- 3-2
- 559900
- 68260647-0
- 16开
- 2025-02
- 电子与信息大类
- 计算机类
- 计算机类
- 高职
作者简介
内容简介
本书是一本面向Web前端开发学习者的教材，以通俗易懂的语言、丰富实用的案例，详细讲解HTML5移动Web开发技术。
本书共8章。第1~2章主要讲解HTML5和CSS3的基础内容；第3章主要讲解JavaScript基础内容和HTML5新特性的使用；第4章主要讲解移动Web开发基础内容；第5~7章主要讲解Bootstrap的基础入门、常用样式和常用组件的相关内容；第8章主要讲解项目实战——图书商城，将所学知识应用于项目中。
本书附有配套资源，包括教学大纲、教学设计、源代码、习题等，为了帮助读者更好地学习本书中的内容，还提供在线答疑。
本书适合作为高等院校计算机及相关专业的教材，也可作为广大计算机编程爱好者的参考书。
本书共8章。第1~2章主要讲解HTML5和CSS3的基础内容；第3章主要讲解JavaScript基础内容和HTML5新特性的使用；第4章主要讲解移动Web开发基础内容；第5~7章主要讲解Bootstrap的基础入门、常用样式和常用组件的相关内容；第8章主要讲解项目实战——图书商城，将所学知识应用于项目中。
本书附有配套资源，包括教学大纲、教学设计、源代码、习题等，为了帮助读者更好地学习本书中的内容，还提供在线答疑。
本书适合作为高等院校计算机及相关专业的教材，也可作为广大计算机编程爱好者的参考书。
目录
第1章初识HTML1
1.1HTML概述2
1.2浏览器2
1.3VisualStudioCode编辑器3
1.3.1VisualStudioCode编辑器概述3
1.3.2下载和安装VisualStudioCode编辑器4
1.3.3安装中文语言扩展5
1.3.4安装LiveServer扩展6
1.3.5VisualStudioCode编辑器的简单使用6
1.4标签概述8
1.4.1标签的分类8
1.4.2标签的属性9
1.4.3标签的关系9
1.5元素概述9
1.6常见的HTML标签10
1.6.1容器标签10
1.6.2页面格式化标签11
1.6.3文本格式化标签13
1.6.4图像标签14
1.6.5超链接标签15
1.6.6列表标签16
1.6.7表格标签21
1.6.8表单标签24
1.7HTML实体30
1.8阶段项目——招聘信息页面31
本章小结31
课后习题31
第2章初识CSS32
2.1CSS概述33
2.2CSS基本使用33
2.2.1CSS样式规则34
2.2.2CSS的引入方式34
2.2.3CSS注释35
2.3CSS选择器35
2.3.1基础选择器36
2.3.2复合选择器37
2.3.3伪类选择器39
2.3.4伪元素选择器41
2.4CSS属性42
2.4.1字体属性42
2.4.2文本属性44
2.4.3列表属性49
2.4.4背景属性50
2.4.5渐变属性52
2.4.6显示属性55
2.4.7浮动属性56
2.4.8定位属性61
2.4.9过渡属性63
2.4.10变形属性65
2.4.11动画属性69
2.5CSS变量73
2.5.1定义CSS变量73
2.5.2读取CSS变量74
2.6CSS标准盒模型74
2.6.1标准盒模型的组成75
2.6.2内边距属性75
2.6.3外边距属性76
2.6.4边框属性76
2.6.5box-sizing属性81
2.7CSS的三大特性81
2.8阶段项目——诗歌赏析页面84
本章小结84
课后习题84
第3章JavaScript基础与HTML5
新特性85
3.1初识JavaScript86
3.1.1JavaScript概述86
3.1.2JavaScript的引入方式87
3.1.3JavaScript常用的输入
和输出语句88
3.1.4JavaScript注释88
3.2变量89
3.2.1什么是变量89
3.2.2变量的声明与赋值90
3.3数据类型91
3.3.1数据类型分类91
3.3.2数据类型转换92
3.4运算符94
3.4.1算术运算符94
3.4.2比较运算符95
3.4.3逻辑运算符96
3.4.4赋值运算符96
3.4.5三元运算符96
3.5函数97
3.5.1函数的定义与调用97
3.5.2函数的返回值99
3.5.3函数表达式100
3.5.4匿名函数100
3.6流程控制101
3.6.1选择结构101
3.6.2循环结构104
3.7数组106
3.8DOM操作108
3.8.1DOM简介108
3.8.2获取元素109
3.8.3操作元素内容109
3.8.4操作元素样式111
3.9事件113
3.9.1事件概述113
3.9.2事件注册与事件移除114
3.10WebStorage116
3.10.1什么是WebStorage116
3.10.2localStorage117
3.10.3sessionStorage120
3.11视频与音频123
3.11.1标签123
3.11.2标签124
3.11.3video对象和audio对象125
3.12地理定位126
3.13拖动操作126
3.14Canvas127
3.14.1认识画布127
3.14.2使用画布127
3.14.3绘制线条128
3.14.4线条的样式129
3.14.5路径重置与闭合131
3.14.6填充路径132
3.14.7绘制文本133
3.14.8绘制圆134
3.14.9绘制矩形134
3.15阶段项目——视频播放器135
本章小结135
课后习题135
第4章移动Web开发基础136
4.1移动互联网的发展137
4.2移动Web开发概述138
4.3移动Web开发的主流方案138
4.3.1单独制作移动端页面139
4.3.2制作响应式页面139
4.4屏幕分辨率和设备像素比141
4.4.1屏幕分辨率141
4.4.2设备像素比142
4.5视口142
4.6媒体查询144
4.7二倍图147
4.8Less149
4.8.1什么是Less149
4.8.2Less注释150
4.8.3Less变量150
4.8.4Less运算151
4.8.5Less嵌套152
4.8.6Less导入与导出153
4.9移动端页面布局适配方案153
4.9.1流式布局154
4.9.2弹性盒布局155
4.9.3rem布局159
4.9.4vw和vh布局162
4.10移动端touch事件163
4.11阶段项目——线上问诊页面163
本章小结164
课后习题164
第5章Bootstrap响应式Web开发165
5.1初识Bootstrap165
5.1.1Bootstrap概述166
5.1.2Bootstrap特点166
5.1.3Bootstrap组成167
5.2Bootstrap下载和引入167
5.2.1下载Bootstrap167
5.2.2引入Bootstrap170
5.3Bootstrap布局容器171
5.4Bootstrap栅格系统177
5.5Bootstrap工具类181
5.5.1显示方式工具类181
5.5.2边距工具类183
5.5.3弹性盒布局工具类185
5.5.4间距工具类186
5.6阶段项目——旅行指南列表页面187
本章小结188
课后习题188
第6章Bootstrap常用样式189
6.1标题样式190
6.1.1使用到标签定义具有标题样式的标题190
6.1.2使用.h1到.h6类设置标题样式190
6.1.3使用.display-1到.display-6类设置标题样式191
6.2文本样式192
6.2.1文本颜色192
6.2.2文本对齐194
6.2.3文本变换196
6.2.4文本换行197
6.2.5文本字体198
6.2.6文本装饰201
6.2.7文本字号和行高202
6.3背景颜色203
6.4边框样式205
6.5BootstrapIcons字体图标样式208
6.6列表样式208
6.7定位样式209
6.8浮动样式210
6.9图像样式211
6.10阴影样式213
6.11宽度和高度样式215
6.12表单控件样式216
6.13表单验证样式216
6.14阶段项目——用户注册页面216
本章小结218
课后习题218
第7章Bootstrap常用组件219
7.1初识组件219
7.1.1什么是组件220
7.1.2Bootstrap组件的基本使用方法220
7.2按钮组件222
7.2.1基础按钮222
7.2.2轮廓按钮224
7.2.3超链接按钮225
7.2.4组合按钮225
7.3导航栏组件227
7.3.1基础导航栏227
7.3.2折叠式导航栏229
7.3.3侧边导航栏231
7.4下拉菜单组件234
7.4.1下拉菜单按钮234
7.4.2下拉菜单导航栏236
7.5轮播组件237
7.6卡片组件240
7.6.1基础卡片240
7.6.2图文卡片241
7.6.3背景图卡片242
7.7阶段项目——精品课程页面243
本章小结244
课后习题244
第8章项目实战——图书商城245
8.1项目介绍245
8.1.1项目展示246
8.1.2项目目录结构247
8.2快捷导航模块247
8.2.1快捷导航栏模块效果展示247
8.2.2快捷导航模块代码实现248
8.3导航栏模块248
8.3.1导航栏模块效果展示248
8.3.2导航栏模块代码实现249
8.4轮播图模块249
8.4.1轮播图模块效果展示249
8.4.2轮播图模块代码实现250
8.5服务模块250
8.5.1服务模块效果展示250
8.5.2服务模块代码实现250
8.6热门分类模块250
8.6.1热门分类模块效果展示251
8.6.2热门分类模块代码实现252
8.7推荐图书模块252
8.7.1推荐图书模块效果展示252
8.7.2推荐图书模块代码实现254
8.8图书评论模块254
8.8.1图书评论模块效果展示255
8.8.2图书评论模块代码实现256
8.9版权模块256
8.9.1版权模块效果展示256
8.9.2版权模块代码实现258
本章小结258
1.1HTML概述2
1.2浏览器2
1.3VisualStudioCode编辑器3
1.3.1VisualStudioCode编辑器概述3
1.3.2下载和安装VisualStudioCode编辑器4
1.3.3安装中文语言扩展5
1.3.4安装LiveServer扩展6
1.3.5VisualStudioCode编辑器的简单使用6
1.4标签概述8
1.4.1标签的分类8
1.4.2标签的属性9
1.4.3标签的关系9
1.5元素概述9
1.6常见的HTML标签10
1.6.1容器标签10
1.6.2页面格式化标签11
1.6.3文本格式化标签13
1.6.4图像标签14
1.6.5超链接标签15
1.6.6列表标签16
1.6.7表格标签21
1.6.8表单标签24
1.7HTML实体30
1.8阶段项目——招聘信息页面31
本章小结31
课后习题31
第2章初识CSS32
2.1CSS概述33
2.2CSS基本使用33
2.2.1CSS样式规则34
2.2.2CSS的引入方式34
2.2.3CSS注释35
2.3CSS选择器35
2.3.1基础选择器36
2.3.2复合选择器37
2.3.3伪类选择器39
2.3.4伪元素选择器41
2.4CSS属性42
2.4.1字体属性42
2.4.2文本属性44
2.4.3列表属性49
2.4.4背景属性50
2.4.5渐变属性52
2.4.6显示属性55
2.4.7浮动属性56
2.4.8定位属性61
2.4.9过渡属性63
2.4.10变形属性65
2.4.11动画属性69
2.5CSS变量73
2.5.1定义CSS变量73
2.5.2读取CSS变量74
2.6CSS标准盒模型74
2.6.1标准盒模型的组成75
2.6.2内边距属性75
2.6.3外边距属性76
2.6.4边框属性76
2.6.5box-sizing属性81
2.7CSS的三大特性81
2.8阶段项目——诗歌赏析页面84
本章小结84
课后习题84
第3章JavaScript基础与HTML5
新特性85
3.1初识JavaScript86
3.1.1JavaScript概述86
3.1.2JavaScript的引入方式87
3.1.3JavaScript常用的输入
和输出语句88
3.1.4JavaScript注释88
3.2变量89
3.2.1什么是变量89
3.2.2变量的声明与赋值90
3.3数据类型91
3.3.1数据类型分类91
3.3.2数据类型转换92
3.4运算符94
3.4.1算术运算符94
3.4.2比较运算符95
3.4.3逻辑运算符96
3.4.4赋值运算符96
3.4.5三元运算符96
3.5函数97
3.5.1函数的定义与调用97
3.5.2函数的返回值99
3.5.3函数表达式100
3.5.4匿名函数100
3.6流程控制101
3.6.1选择结构101
3.6.2循环结构104
3.7数组106
3.8DOM操作108
3.8.1DOM简介108
3.8.2获取元素109
3.8.3操作元素内容109
3.8.4操作元素样式111
3.9事件113
3.9.1事件概述113
3.9.2事件注册与事件移除114
3.10WebStorage116
3.10.1什么是WebStorage116
3.10.2localStorage117
3.10.3sessionStorage120
3.11视频与音频123
3.11.1标签123
3.11.2标签124
3.11.3video对象和audio对象125
3.12地理定位126
3.13拖动操作126
3.14Canvas127
3.14.1认识画布127
3.14.2使用画布127
3.14.3绘制线条128
3.14.4线条的样式129
3.14.5路径重置与闭合131
3.14.6填充路径132
3.14.7绘制文本133
3.14.8绘制圆134
3.14.9绘制矩形134
3.15阶段项目——视频播放器135
本章小结135
课后习题135
第4章移动Web开发基础136
4.1移动互联网的发展137
4.2移动Web开发概述138
4.3移动Web开发的主流方案138
4.3.1单独制作移动端页面139
4.3.2制作响应式页面139
4.4屏幕分辨率和设备像素比141
4.4.1屏幕分辨率141
4.4.2设备像素比142
4.5视口142
4.6媒体查询144
4.7二倍图147
4.8Less149
4.8.1什么是Less149
4.8.2Less注释150
4.8.3Less变量150
4.8.4Less运算151
4.8.5Less嵌套152
4.8.6Less导入与导出153
4.9移动端页面布局适配方案153
4.9.1流式布局154
4.9.2弹性盒布局155
4.9.3rem布局159
4.9.4vw和vh布局162
4.10移动端touch事件163
4.11阶段项目——线上问诊页面163
本章小结164
课后习题164
第5章Bootstrap响应式Web开发165
5.1初识Bootstrap165
5.1.1Bootstrap概述166
5.1.2Bootstrap特点166
5.1.3Bootstrap组成167
5.2Bootstrap下载和引入167
5.2.1下载Bootstrap167
5.2.2引入Bootstrap170
5.3Bootstrap布局容器171
5.4Bootstrap栅格系统177
5.5Bootstrap工具类181
5.5.1显示方式工具类181
5.5.2边距工具类183
5.5.3弹性盒布局工具类185
5.5.4间距工具类186
5.6阶段项目——旅行指南列表页面187
本章小结188
课后习题188
第6章Bootstrap常用样式189
6.1标题样式190
6.1.1使用到标签定义具有标题样式的标题190
6.1.2使用.h1到.h6类设置标题样式190
6.1.3使用.display-1到.display-6类设置标题样式191
6.2文本样式192
6.2.1文本颜色192
6.2.2文本对齐194
6.2.3文本变换196
6.2.4文本换行197
6.2.5文本字体198
6.2.6文本装饰201
6.2.7文本字号和行高202
6.3背景颜色203
6.4边框样式205
6.5BootstrapIcons字体图标样式208
6.6列表样式208
6.7定位样式209
6.8浮动样式210
6.9图像样式211
6.10阴影样式213
6.11宽度和高度样式215
6.12表单控件样式216
6.13表单验证样式216
6.14阶段项目——用户注册页面216
本章小结218
课后习题218
第7章Bootstrap常用组件219
7.1初识组件219
7.1.1什么是组件220
7.1.2Bootstrap组件的基本使用方法220
7.2按钮组件222
7.2.1基础按钮222
7.2.2轮廓按钮224
7.2.3超链接按钮225
7.2.4组合按钮225
7.3导航栏组件227
7.3.1基础导航栏227
7.3.2折叠式导航栏229
7.3.3侧边导航栏231
7.4下拉菜单组件234
7.4.1下拉菜单按钮234
7.4.2下拉菜单导航栏236
7.5轮播组件237
7.6卡片组件240
7.6.1基础卡片240
7.6.2图文卡片241
7.6.3背景图卡片242
7.7阶段项目——精品课程页面243
本章小结244
课后习题244
第8章项目实战——图书商城245
8.1项目介绍245
8.1.1项目展示246
8.1.2项目目录结构247
8.2快捷导航模块247
8.2.1快捷导航栏模块效果展示247
8.2.2快捷导航模块代码实现248
8.3导航栏模块248
8.3.1导航栏模块效果展示248
8.3.2导航栏模块代码实现249
8.4轮播图模块249
8.4.1轮播图模块效果展示249
8.4.2轮播图模块代码实现250
8.5服务模块250
8.5.1服务模块效果展示250
8.5.2服务模块代码实现250
8.6热门分类模块250
8.6.1热门分类模块效果展示251
8.6.2热门分类模块代码实现252
8.7推荐图书模块252
8.7.1推荐图书模块效果展示252
8.7.2推荐图书模块代码实现254
8.8图书评论模块254
8.8.1图书评论模块效果展示255
8.8.2图书评论模块代码实现256
8.9版权模块256
8.9.1版权模块效果展示256
8.9.2版权模块代码实现258
本章小结258
