网页设计与制作（HTML5+CSS3+JavaScript）（第2版） / 应用型人才培养系列教材
定价：￥59.80
作者： 黑马程序员
出版时间：2025-04
最新印次日期：2025-4
出版社：中国铁道出版社
试读
- 中国铁道出版社
- 9787113321505
- 2-1
- 559839
- 16开
- 2025-04
- 计算机类
- 本科
作者简介
内容简介
本书以实用的案例、通俗易懂的语言详细介绍了使用 HTML5、CSS3 及 JavaScript 进行网页制作的各方面内容和技能。全书共11章，结合 HTML5、CSS3 和 JavaScript 的基础知识及应用，提供了多个课堂案例和一个综合项目。其中，第1章主要讲解网页制作的基础知识，包括网页、网站的概念，以及网站制作工具的使用技巧；第2 ～ 9章主要讲解 HTML5、CSS3、盒子模型、列表与超链接、表单、元素的浮动与定位等静态网页搭建技巧；第10章讲解使用 JavaScript 为网页添加动态效果；第11章为一个综合项目，带领读者按照项目流程开发了一个包含首页、个人中心页、注册页及视频播放页的大型网站。本书配有丰富的教学资源，包括教学PPT、教学大纲、教学设计、源代码、课后习题及答案等。此外，为了帮助读者更好地学习本书中的内容，作者团队还提供了在线答疑，希望帮助更多读者。本书适合作为高等院校计算机类专业的教材，也可供网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考。
目录
第1章 HTML入门 1
1.1 网页和网站简介 1
1.1.1 网页和网站基本概念2
1.1.2 网页基本构成要素3
1.1.3 网站页面构成 4
1.1.4 网站类型 5
1.1.5 浏览器概述 7
1.2 网站制作流程 8
1.3 网页设计原则 11
1.4 网页设计规范 12
1.4.1 配色原则 13
1.4.2 设计尺寸规范 15
1.4.3 字体规范 16
1.4.4 命名规范 17
1.5 网页编辑器 17
1.5.1 常见的网页编辑器 17
1.5.2 HBuilder X的安装与使用 18
AI实践：AI网页工具初体验 21
习题 21
第2章 运用HTML5搭建网页结构 22
2.1 HTML和HTML5 23
2.1.1 认识HTML和HTML5 23
2.1.2 认识标签 23
2.1.3 文档基本格式 24
2.1.4 标签属性 25
2.1.5 HTML5文档头部相关标签 27
2.2 文本控制标签 28
2.2.1 标题和段落标签 28
2.2.2 文本样式标签 32
2.2.3 文本格式化标签 32
2.2.4 特殊字符标签 33
2.3 图像标签 34
2.3.1 常用图像格式 34
2.3.2 图像标签34
2.3.3 绝对路径和相对路径 38
2.4 认识HTML5新标签 39
2.5 阶段案例：输出文章 40
动手实践：制作个人简介页面 40
习题 41
第3章 运用CSS3设置网页样式 42
3.1 认识CSS和CSS3 42
3.2 CSS核心基础 43
3.2.1 CSS样式规则 43
3.2.2 引入CSS 45
3.2.3 CSS基础选择器 48
3.3 CSS文本样式 53
3.3.1 字体样式属性 53
3.3.2 文本外观属性 56
3.4 CSS高级属性 62
3.4.1 CSS层叠性和继承性 62
3.4.2 CSS优先级 64
3.5 CSS3新增选择器 67
3.6 阶段案例：制作新闻页面 68
动手实践：制作认真严谨网页 69
习题 69
第4章 运用盒子模型划分网页模块 71
4.1 盒子模型概述 71
4.1.1 认识盒子模型 71
4.1.2标签 72
4.1.3 盒子的宽与高 74
4.2 盒子模型相关属性 74
4.2.1 边框属性 74
4.2.2 内边距属性 81
4.2.3 外边距属性 82
4.2.4 box-shadow属性 84
4.2.5 box-sizing属性 85
4.2.6 背景属性 86
4.3 元素类型与转换 94
4.3.1 元素的类型 94
4.3.2标签 96
4.3.3 元素的转换 97
4.4 块元素垂直外边距的合并 97
4.4.1 相邻块元素垂直外边距的合并 97
4.4.2 嵌套块元素垂直外边距的合并 98
4.5 阶段案例：制作音乐排行榜 100
动手实践：制作播放器图标 100
习题 101
第5章 为网页添加列表和超链接 102
5.1 列表标签 102
5.1.1 无序列表102
5.1.2 有序列表104
5.1.3 定义列表105
5.2 CSS控制列表样式 106
5.2.1 list-style-type属性 106
5.2.2 list-style-image属性 108
5.2.3 list-style-position属性 108
5.2.4 list-style属性 109
5.3 超链接标签 111
5.3.1 创建超链接 111
5.3.2 锚点链接 113
5.4 链接伪类控制超链接 114
5.5 阶段案例：制作新闻列表 116
动手实践：实现图文混排 116
习题 117
第6章 为网页添加表格和表单 118
6.1 表格标签 118
6.1.1 创建表格 119
6.1.2标签的属性 120
6.1.3标签的属性 123
6.1.4标签的属性 125
6.1.5标签 127
6.2 CSS控制表格样式 127
6.2.1 CSS控制表格边框 127
6.2.2 CSS控制单元格边距 129
6.2.3 CSS控制单元格宽高 130
6.3 认识表单 131
6.3.1 表单的构成 131
6.3.2 创建表单 132
6.3.3 表单属性 133
6.4 表单控件 134
6.4.1 input控件 134
6.4.2标签的type属性 135
6.4.3标签的其他属性 139
6.4.4 textarea控件 143
6.4.5 select控件 144
6.4.6 datalist控件 145
6.5 CSS控制表单样式 145
6.6 阶段案例：制作表单注册页面 147
动手实践：简历表制作 148
习题 148
第7章 运用浮动和定位布局网页 150
7.1 布局概述 150
7.2 布局常用属性 151
7.2.1 标签的浮动属性 151
7.2.2 标签的定位属性 159
7.3 布局其他属性 163
7.3.1 overflow属性 163
7.3.2 z-index标签层叠 165
7.4 布局类型 165
7.4.1 单列布局 166
7.4.2 两列布局 167
7.4.3 三列布局 168
7.5 网页模块命名规范 172
7.6 阶段案例：制作通栏banner 173
动手实践：制作环保网页 173
习题 174
第8章 全新的网页视听技术 175
8.1 音频、视频嵌入技术 175
8.1.1 传统音频、视频嵌入方式 175
8.1.2 使用嵌入视频 176
8.1.3 使用嵌入音频 178
8.1.4 浏览器对音视频文件的兼容性 179
8.1.5 控制视频的宽高 180
8.2 过渡 181
8.2.1 transition-property属性 182
8.2.2 transition-duration属性 183
8.2.3 transition-timing-function属性 183
8.2.4 transition-delay属性 184
8.2.5 transition属性 185
8.3 变形 185
8.3.1 2D变形 186
8.3.2 3D变形 190
8.4 动画 195
8.4.1 @keyframes 195
8.4.2 animation-name属性 196
8.4.3 animation-duration属性 196
8.4.4 animation-timing-function属性 197
8.4.5 animation-delay属性 197
8.4.6 animation-iteration-count属性 198
8.4.7 animation-direction属性 198
8.4.8 animation属性 199
8.5 阶段案例：制作音乐播放界面 200
动手实践：实现风车转动效果 200
习题 201
第9章 CSS应用技巧 202
9.1 CSS精灵技术 202
9.1.1 认识CSS精灵 202
9.1.2 应用CSS精灵 203
9.2 CSS滑动门技术 206
9.2.1 认识滑动门 206
9.2.2 使用滑动门制作导航条 207
9.3 margin设置负值技巧 210
9.3.1 margin负值基本应用 210
9.3.2 利用margin负值制作压线效果 212
习题 215
第10章 JavaScript基础知识 216
10.1 初识JavaScript 217
10.1.1 JavaScript简介 217
10.1.2 JavaScript语法规则 218
10.1.3 JavaScript引入方式 219
10.1.4 JavaScript常用输出语句 221
10.1.5 简单的JavaScript页面 223
10.2 JavaScript基础入门 224
10.2.1 数据类型 224
10.2.2 数据基本操作 225
10.2.3 常见的流程控制语句 227
10.2.4 函数 232
10.2.5 对象 233
10.2.6 事件和事件调用 238
10.2.7 常见的JavaScript事件 239
10.3 网页中常见的JavaScript特效 240
10.3.1 验证码 240
10.3.2 焦点图轮播 242
习题 246
第11章 综合项目实战：摄影·开课吧 248
11.1 网页设计规划 248
11.1.1 确定网站主题 248
11.1.2 规划网站结构 249
11.1.3 收集素材 249
11.1.4 设计网页效果图 250
11.2 搭建首页 251
11.2.1 首页效果图分析 251
11.2.2 首页制作 252
11.3 搭建注册页 264
11.3.1 注册页效果图分析 265
11.3.2 注册页制作 265
11.4 搭建个人中心页 267
11.4.1 个人中心页效果图分析 267
11.4.2 个人中心页制作 268
11.5 搭建视频播放页 271
11.5.1 视频播放页效果图分析 271
11.5.2 视频播放页制作 272
1.1 网页和网站简介 1
1.1.1 网页和网站基本概念2
1.1.2 网页基本构成要素3
1.1.3 网站页面构成 4
1.1.4 网站类型 5
1.1.5 浏览器概述 7
1.2 网站制作流程 8
1.3 网页设计原则 11
1.4 网页设计规范 12
1.4.1 配色原则 13
1.4.2 设计尺寸规范 15
1.4.3 字体规范 16
1.4.4 命名规范 17
1.5 网页编辑器 17
1.5.1 常见的网页编辑器 17
1.5.2 HBuilder X的安装与使用 18
AI实践：AI网页工具初体验 21
习题 21
第2章 运用HTML5搭建网页结构 22
2.1 HTML和HTML5 23
2.1.1 认识HTML和HTML5 23
2.1.2 认识标签 23
2.1.3 文档基本格式 24
2.1.4 标签属性 25
2.1.5 HTML5文档头部相关标签 27
2.2 文本控制标签 28
2.2.1 标题和段落标签 28
2.2.2 文本样式标签 32
2.2.3 文本格式化标签 32
2.2.4 特殊字符标签 33
2.3 图像标签 34
2.3.1 常用图像格式 34
2.3.2 图像标签34
2.3.3 绝对路径和相对路径 38
2.4 认识HTML5新标签 39
2.5 阶段案例：输出文章 40
动手实践：制作个人简介页面 40
习题 41
第3章 运用CSS3设置网页样式 42
3.1 认识CSS和CSS3 42
3.2 CSS核心基础 43
3.2.1 CSS样式规则 43
3.2.2 引入CSS 45
3.2.3 CSS基础选择器 48
3.3 CSS文本样式 53
3.3.1 字体样式属性 53
3.3.2 文本外观属性 56
3.4 CSS高级属性 62
3.4.1 CSS层叠性和继承性 62
3.4.2 CSS优先级 64
3.5 CSS3新增选择器 67
3.6 阶段案例：制作新闻页面 68
动手实践：制作认真严谨网页 69
习题 69
第4章 运用盒子模型划分网页模块 71
4.1 盒子模型概述 71
4.1.1 认识盒子模型 71
4.1.2标签 72
4.1.3 盒子的宽与高 74
4.2 盒子模型相关属性 74
4.2.1 边框属性 74
4.2.2 内边距属性 81
4.2.3 外边距属性 82
4.2.4 box-shadow属性 84
4.2.5 box-sizing属性 85
4.2.6 背景属性 86
4.3 元素类型与转换 94
4.3.1 元素的类型 94
4.3.2标签 96
4.3.3 元素的转换 97
4.4 块元素垂直外边距的合并 97
4.4.1 相邻块元素垂直外边距的合并 97
4.4.2 嵌套块元素垂直外边距的合并 98
4.5 阶段案例：制作音乐排行榜 100
动手实践：制作播放器图标 100
习题 101
第5章 为网页添加列表和超链接 102
5.1 列表标签 102
5.1.1 无序列表102
5.1.2 有序列表104
5.1.3 定义列表105
5.2 CSS控制列表样式 106
5.2.1 list-style-type属性 106
5.2.2 list-style-image属性 108
5.2.3 list-style-position属性 108
5.2.4 list-style属性 109
5.3 超链接标签 111
5.3.1 创建超链接 111
5.3.2 锚点链接 113
5.4 链接伪类控制超链接 114
5.5 阶段案例：制作新闻列表 116
动手实践：实现图文混排 116
习题 117
第6章 为网页添加表格和表单 118
6.1 表格标签 118
6.1.1 创建表格 119
6.1.2标签的属性 120
6.1.3标签的属性 123
6.1.4标签的属性 125
6.1.5标签 127
6.2 CSS控制表格样式 127
6.2.1 CSS控制表格边框 127
6.2.2 CSS控制单元格边距 129
6.2.3 CSS控制单元格宽高 130
6.3 认识表单 131
6.3.1 表单的构成 131
6.3.2 创建表单 132
6.3.3 表单属性 133
6.4 表单控件 134
6.4.1 input控件 134
6.4.2标签的type属性 135
6.4.3标签的其他属性 139
6.4.4 textarea控件 143
6.4.5 select控件 144
6.4.6 datalist控件 145
6.5 CSS控制表单样式 145
6.6 阶段案例：制作表单注册页面 147
动手实践：简历表制作 148
习题 148
第7章 运用浮动和定位布局网页 150
7.1 布局概述 150
7.2 布局常用属性 151
7.2.1 标签的浮动属性 151
7.2.2 标签的定位属性 159
7.3 布局其他属性 163
7.3.1 overflow属性 163
7.3.2 z-index标签层叠 165
7.4 布局类型 165
7.4.1 单列布局 166
7.4.2 两列布局 167
7.4.3 三列布局 168
7.5 网页模块命名规范 172
7.6 阶段案例：制作通栏banner 173
动手实践：制作环保网页 173
习题 174
第8章 全新的网页视听技术 175
8.1 音频、视频嵌入技术 175
8.1.1 传统音频、视频嵌入方式 175
8.1.2 使用嵌入视频 176
8.1.3 使用嵌入音频 178
8.1.4 浏览器对音视频文件的兼容性 179
8.1.5 控制视频的宽高 180
8.2 过渡 181
8.2.1 transition-property属性 182
8.2.2 transition-duration属性 183
8.2.3 transition-timing-function属性 183
8.2.4 transition-delay属性 184
8.2.5 transition属性 185
8.3 变形 185
8.3.1 2D变形 186
8.3.2 3D变形 190
8.4 动画 195
8.4.1 @keyframes 195
8.4.2 animation-name属性 196
8.4.3 animation-duration属性 196
8.4.4 animation-timing-function属性 197
8.4.5 animation-delay属性 197
8.4.6 animation-iteration-count属性 198
8.4.7 animation-direction属性 198
8.4.8 animation属性 199
8.5 阶段案例：制作音乐播放界面 200
动手实践：实现风车转动效果 200
习题 201
第9章 CSS应用技巧 202
9.1 CSS精灵技术 202
9.1.1 认识CSS精灵 202
9.1.2 应用CSS精灵 203
9.2 CSS滑动门技术 206
9.2.1 认识滑动门 206
9.2.2 使用滑动门制作导航条 207
9.3 margin设置负值技巧 210
9.3.1 margin负值基本应用 210
9.3.2 利用margin负值制作压线效果 212
习题 215
第10章 JavaScript基础知识 216
10.1 初识JavaScript 217
10.1.1 JavaScript简介 217
10.1.2 JavaScript语法规则 218
10.1.3 JavaScript引入方式 219
10.1.4 JavaScript常用输出语句 221
10.1.5 简单的JavaScript页面 223
10.2 JavaScript基础入门 224
10.2.1 数据类型 224
10.2.2 数据基本操作 225
10.2.3 常见的流程控制语句 227
10.2.4 函数 232
10.2.5 对象 233
10.2.6 事件和事件调用 238
10.2.7 常见的JavaScript事件 239
10.3 网页中常见的JavaScript特效 240
10.3.1 验证码 240
10.3.2 焦点图轮播 242
习题 246
第11章 综合项目实战：摄影·开课吧 248
11.1 网页设计规划 248
11.1.1 确定网站主题 248
11.1.2 规划网站结构 249
11.1.3 收集素材 249
11.1.4 设计网页效果图 250
11.2 搭建首页 251
11.2.1 首页效果图分析 251
11.2.2 首页制作 252
11.3 搭建注册页 264
11.3.1 注册页效果图分析 265
11.3.2 注册页制作 265
11.4 搭建个人中心页 267
11.4.1 个人中心页效果图分析 267
11.4.2 个人中心页制作 268
11.5 搭建视频播放页 271
11.5.1 视频播放页效果图分析 271
11.5.2 视频播放页制作 272
