网页设计与制作（HTML5+CSS3+JavaScript）（第2版） / 应用型人才培养系列教材
定价：￥59.80
作者： 黑马程序员
出版时间：2025-05
最新印次日期：2025-8
出版社：中国铁道出版社
试读
- 中国铁道出版社
- 9787113321505
- 2-2
- 559839
- 60269788-0
- 16开
- 2025-05
- 工学
- 计算机类
- 计算机类
- 本科
作者简介
内容简介
本书以实用的案例、通俗易懂的语言详细介绍了使用HTML5、CSS3及JavaScript进行网页制作的各方面内容和技能。全书共11章，结合HTML5、CSS3和JavaScript的基础知识及应用，提供了多个课堂案例和一个综合项目。其中，第1章主要讲解网页制作的基础知识，包括网页、网站的概念，以及网站制作工具的使用技巧；第2～9章主要讲解HTML5、CSS3、盒子模型、列表与超链接、表单、元素的浮动与定位等静态网页搭建技巧；第10章讲解使用JavaScript为网页添加动态效果；第11章为一个综合项目，带领读者按照项目流程开发了一个包含首页、个人中心页、注册页及视频播放页的大型网站。
本书配有丰富的教学资源，包括教学PPT、教学大纲、教学设计、源代码、课后习题及答案等。此外，为了帮助读者更好地学习本书中的内容，作者团队还提供了在线答疑，希望帮助更多读者。
本书适合作为高等院校计算机类专业的教材，也可供网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考。
本书配有丰富的教学资源，包括教学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.2HBuilderX的安装与使用18
AI实践：AI网页工具初体验21
习题21
第2章运用HTML5搭建网页结构22
2.1HTML和HTML523
2.1.1认识HTML和HTML523
2.1.2认识标签23
2.1.3文档基本格式24
2.1.4标签属性25
2.1.5HTML5文档头部相关标签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和CSS342
3.2CSS核心基础43
3.2.1CSS样式规则43
3.2.2引入CSS45
3.2.3CSS基础选择器48
3.3CSS文本样式53
3.3.1字体样式属性53
3.3.2文本外观属性56
3.4CSS高级属性62
3.4.1CSS层叠性和继承性62
3.4.2CSS优先级64
3.5CSS3新增选择器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.4box-shadow属性84
4.2.5box-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.2CSS控制列表样式106
5.2.1list-style-type属性106
5.2.2list-style-image属性108
5.2.3list-style-position属性108
5.2.4list-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.2CSS控制表格样式127
6.2.1CSS控制表格边框127
6.2.2CSS控制单元格边距129
6.2.3CSS控制单元格宽高130
6.3认识表单131
6.3.1表单的构成131
6.3.2创建表单132
6.3.3表单属性133
6.4表单控件134
6.4.1input控件134
6.4.2标签的type属性135
6.4.3标签的其他属性139
6.4.4textarea控件143
6.4.5select控件144
6.4.6datalist控件145
6.5CSS控制表单样式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.1overflow属性163
7.3.2z-index标签层叠165
7.4布局类型165
7.4.1单列布局166
7.4.2两列布局167
7.4.3三列布局168
7.5网页模块命名规范172
7.6阶段案例：制作通栏banner173
动手实践：制作环保网页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.1transition-property属性182
8.2.2transition-duration属性183
8.2.3transition-timing-function属性183
8.2.4transition-delay属性184
8.2.5transition属性185
8.3变形185
8.3.12D变形186
8.3.23D变形190
8.4动画195
8.4.1@keyframes195
8.4.2animation-name属性196
8.4.3animation-duration属性196
8.4.4animation-timing-function属性197
8.4.5animation-delay属性197
8.4.6animation-iteration-count属性198
8.4.7animation-direction属性198
8.4.8animation属性199
8.5阶段案例：制作音乐播放界面200
动手实践：实现风车转动效果200
习题201
第9章CSS应用技巧202
9.1CSS精灵技术202
9.1.1认识CSS精灵202
9.1.2应用CSS精灵203
9.2CSS滑动门技术206
9.2.1认识滑动门206
9.2.2使用滑动门制作导航条207
9.3margin设置负值技巧210
9.3.1margin负值基本应用210
9.3.2利用margin负值制作压线效果212
习题215
第10章JavaScript基础知识216
10.1初识JavaScript217
10.1.1JavaScript简介217
10.1.2JavaScript语法规则218
10.1.3JavaScript引入方式219
10.1.4JavaScript常用输出语句221
10.1.5简单的JavaScript页面223
10.2JavaScript基础入门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.2HBuilderX的安装与使用18
AI实践：AI网页工具初体验21
习题21
第2章运用HTML5搭建网页结构22
2.1HTML和HTML523
2.1.1认识HTML和HTML523
2.1.2认识标签23
2.1.3文档基本格式24
2.1.4标签属性25
2.1.5HTML5文档头部相关标签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和CSS342
3.2CSS核心基础43
3.2.1CSS样式规则43
3.2.2引入CSS45
3.2.3CSS基础选择器48
3.3CSS文本样式53
3.3.1字体样式属性53
3.3.2文本外观属性56
3.4CSS高级属性62
3.4.1CSS层叠性和继承性62
3.4.2CSS优先级64
3.5CSS3新增选择器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.4box-shadow属性84
4.2.5box-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.2CSS控制列表样式106
5.2.1list-style-type属性106
5.2.2list-style-image属性108
5.2.3list-style-position属性108
5.2.4list-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.2CSS控制表格样式127
6.2.1CSS控制表格边框127
6.2.2CSS控制单元格边距129
6.2.3CSS控制单元格宽高130
6.3认识表单131
6.3.1表单的构成131
6.3.2创建表单132
6.3.3表单属性133
6.4表单控件134
6.4.1input控件134
6.4.2标签的type属性135
6.4.3标签的其他属性139
6.4.4textarea控件143
6.4.5select控件144
6.4.6datalist控件145
6.5CSS控制表单样式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.1overflow属性163
7.3.2z-index标签层叠165
7.4布局类型165
7.4.1单列布局166
7.4.2两列布局167
7.4.3三列布局168
7.5网页模块命名规范172
7.6阶段案例：制作通栏banner173
动手实践：制作环保网页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.1transition-property属性182
8.2.2transition-duration属性183
8.2.3transition-timing-function属性183
8.2.4transition-delay属性184
8.2.5transition属性185
8.3变形185
8.3.12D变形186
8.3.23D变形190
8.4动画195
8.4.1@keyframes195
8.4.2animation-name属性196
8.4.3animation-duration属性196
8.4.4animation-timing-function属性197
8.4.5animation-delay属性197
8.4.6animation-iteration-count属性198
8.4.7animation-direction属性198
8.4.8animation属性199
8.5阶段案例：制作音乐播放界面200
动手实践：实现风车转动效果200
习题201
第9章CSS应用技巧202
9.1CSS精灵技术202
9.1.1认识CSS精灵202
9.1.2应用CSS精灵203
9.2CSS滑动门技术206
9.2.1认识滑动门206
9.2.2使用滑动门制作导航条207
9.3margin设置负值技巧210
9.3.1margin负值基本应用210
9.3.2利用margin负值制作压线效果212
习题215
第10章JavaScript基础知识216
10.1初识JavaScript217
10.1.1JavaScript简介217
10.1.2JavaScript语法规则218
10.1.3JavaScript引入方式219
10.1.4JavaScript常用输出语句221
10.1.5简单的JavaScript页面223
10.2JavaScript基础入门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
