HTML5移动Web开发（第3版） / 应用型人才培养系列教材
定价：￥49.80
作者： 黑马程序员
出版时间：2025-02
最新印次日期：2025-7
出版社：中国铁道出版社
“十四五”职业教育国家规划教材
试读- 中国铁道出版社
- 9787113317522
- 3-2
- 559900
- 16开
- 2025-02
- 计算机类
- 高职
作者简介
内容简介
本书是一本面向 Web 前端开发学习者的教材，以通俗易懂的语言、丰富实用的案例，详细讲解HTML5 移动 Web 开发技术。本书共8章。第 1~2章主要讲解 HTML5 和 CSS3 的基础内容；第 3章主要讲解 JavaScript 基础内容和 HTML5 新特性的使用；第 4章主要讲解移动 Web 开发基础内容；第 5~7章主要讲解Bootstrap 的基础入门、常用样式和常用组件的相关内容；第 8章主要讲解项目实战——图书商城，将所学知识应用于项目中。本书附有配套资源，包括教学大纲、教学设计、源代码、习题等，为了帮助读者更好地学习本书中的内容，还提供在线答疑。本书适合作为高等院校计算机及相关专业的教材，也可作为广大计算机编程爱好者的参考书。
目录
第1章 初识HTML 1
1.1 HTML概述 2
1.2 浏览器 2
1.3 Visual Studio Code编辑器 3
1.3.1 Visual Studio Code编辑器 概述 3
1.3.2 下载和安装Visual Studio Code编辑器 4
1.3.3 安装中文语言扩展 5
1.3.4 安装Live Server扩展 6
1.3.5 Visual Studio Code编辑器的简单使用 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.7 HTML实体 30
1.8 阶段项目——招聘信息页面 31
本章小结 31
课后习题 31
第2章 初识CSS 32
2.1 CSS概述 33
2.2 CSS基本使用 33
2.2.1 CSS样式规则 34
2.2.2 CSS的引入方式 34
2.2.3 CSS注释 35
2.3 CSS选择器 35
2.3.1 基础选择器 36
2.3.2 复合选择器 37
2.3.3 伪类选择器 39
2.3.4 伪元素选择器 41
2.4 CSS属性 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.5 CSS变量 73
2.5.1 定义CSS变量 73
2.5.2 读取CSS变量 74
2.6 CSS标准盒模型 74
2.6.1 标准盒模型的组成 75
2.6.2 内边距属性 75
2.6.3 外边距属性 76
2.6.4 边框属性 76
2.6.5 box-sizing属性 81
2.7 CSS的三大特性 81
2.8 阶段项目——诗歌赏析页面 84
本章小结 84
课后习题 84
第3章 JavaScript基础与HTML5
新特性 85
3.1 初识JavaScript 86
3.1.1 JavaScript概述 86
3.1.2 JavaScript的引入方式 87
3.1.3 JavaScript常用的输入
和输出语句 88
3.1.4 JavaScript注释 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.8 DOM操作 108
3.8.1 DOM简介 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.10 Web Storage 116
3.10.1 什么是Web Storage 116
3.10.2 localStorage 117
3.10.3 sessionStorage 120
3.11 视频与音频 123
3.11.1标签 123
3.11.2标签 124
3.11.3 video对象和audio对象 125
3.12 地理定位 126
3.13 拖动操作 126
3.14 Canvas 127
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.8 Less 149
4.8.1 什么是Less 149
4.8.2 Less注释 150
4.8.3 Less变量 150
4.8.4 Less运算 151
4.8.5 Less嵌套 152
4.8.6 Less导入与导出 153
4.9 移动端页面布局适配方案 153
4.9.1 流式布局 154
4.9.2 弹性盒布局 155
4.9.3 rem布局 159
4.9.4 vw和vh布局 162
4.10 移动端touch事件 163
4.11 阶段项目——线上问诊页面 163
本章小结 164
课后习题 164
第5章 Bootstrap响应式Web开发 165
5.1 初识Bootstrap 165
5.1.1 Bootstrap概述 166
5.1.2 Bootstrap特点 166
5.1.3 Bootstrap组成 167
5.2 Bootstrap下载和引入 167
5.2.1 下载Bootstrap 167
5.2.2 引入Bootstrap 170
5.3 Bootstrap布局容器 171
5.4 Bootstrap栅格系统 177
5.5 Bootstrap工具类 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.5 Bootstrap Icons字体图标样式 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.2 Bootstrap组件的基本使用方法 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.1 HTML概述 2
1.2 浏览器 2
1.3 Visual Studio Code编辑器 3
1.3.1 Visual Studio Code编辑器 概述 3
1.3.2 下载和安装Visual Studio Code编辑器 4
1.3.3 安装中文语言扩展 5
1.3.4 安装Live Server扩展 6
1.3.5 Visual Studio Code编辑器的简单使用 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.7 HTML实体 30
1.8 阶段项目——招聘信息页面 31
本章小结 31
课后习题 31
第2章 初识CSS 32
2.1 CSS概述 33
2.2 CSS基本使用 33
2.2.1 CSS样式规则 34
2.2.2 CSS的引入方式 34
2.2.3 CSS注释 35
2.3 CSS选择器 35
2.3.1 基础选择器 36
2.3.2 复合选择器 37
2.3.3 伪类选择器 39
2.3.4 伪元素选择器 41
2.4 CSS属性 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.5 CSS变量 73
2.5.1 定义CSS变量 73
2.5.2 读取CSS变量 74
2.6 CSS标准盒模型 74
2.6.1 标准盒模型的组成 75
2.6.2 内边距属性 75
2.6.3 外边距属性 76
2.6.4 边框属性 76
2.6.5 box-sizing属性 81
2.7 CSS的三大特性 81
2.8 阶段项目——诗歌赏析页面 84
本章小结 84
课后习题 84
第3章 JavaScript基础与HTML5
新特性 85
3.1 初识JavaScript 86
3.1.1 JavaScript概述 86
3.1.2 JavaScript的引入方式 87
3.1.3 JavaScript常用的输入
和输出语句 88
3.1.4 JavaScript注释 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.8 DOM操作 108
3.8.1 DOM简介 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.10 Web Storage 116
3.10.1 什么是Web Storage 116
3.10.2 localStorage 117
3.10.3 sessionStorage 120
3.11 视频与音频 123
3.11.1标签 123
3.11.2标签 124
3.11.3 video对象和audio对象 125
3.12 地理定位 126
3.13 拖动操作 126
3.14 Canvas 127
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.8 Less 149
4.8.1 什么是Less 149
4.8.2 Less注释 150
4.8.3 Less变量 150
4.8.4 Less运算 151
4.8.5 Less嵌套 152
4.8.6 Less导入与导出 153
4.9 移动端页面布局适配方案 153
4.9.1 流式布局 154
4.9.2 弹性盒布局 155
4.9.3 rem布局 159
4.9.4 vw和vh布局 162
4.10 移动端touch事件 163
4.11 阶段项目——线上问诊页面 163
本章小结 164
课后习题 164
第5章 Bootstrap响应式Web开发 165
5.1 初识Bootstrap 165
5.1.1 Bootstrap概述 166
5.1.2 Bootstrap特点 166
5.1.3 Bootstrap组成 167
5.2 Bootstrap下载和引入 167
5.2.1 下载Bootstrap 167
5.2.2 引入Bootstrap 170
5.3 Bootstrap布局容器 171
5.4 Bootstrap栅格系统 177
5.5 Bootstrap工具类 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.5 Bootstrap Icons字体图标样式 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.2 Bootstrap组件的基本使用方法 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
