扫一扫
关注中图网
官方微博
本类五星书更多>
-
>
中医基础理论
-
>
高校军事课教程
-
>
思想道德与法治(2021年版)
-
>
毛泽东思想和中国特色社会主义理论体系概论(2021年版)
-
>
中医内科学·全国中医药行业高等教育“十四五”规划教材
-
>
中医诊断学--新世纪第五版
-
>
中药学·全国中医药行业高等教育“十四五”规划教材
HTML5+CSS3网站设计基础教程(第3版) 版权信息
- ISBN：9787115614063
- 条形码：9787115614063 ; 978-7-115-61406-3
- 装帧：平装-胶订
- 册数：暂无
- 重量：暂无
- 所属分类：>>
HTML5+CSS3网站设计基础教程(第3版) 本书特色
1.“十三五”职业教育国家规划教材改版；
2.本书配套有丰富的教学资源，包括教学PPT、教学设计、教学大纲、课后习题及答案、教学视频等。
3.较上一版调整了部分知识点的顺序，更符合由浅入深、循序渐进的学习思路。
HTML5+CSS3网站设计基础教程(第3版) 内容简介
本书是针对零基础网页设计人员而编写的入门教程。HTML5与CSS3是网页制作技术的核心，也是每个网页制作人员必须掌握的基础知识。本书从初学者的角度，以实用的案例、通俗易懂的语言详细介绍如何使用HTML5与CSS3进行网页制作的方法和技巧。 本书共10章。第1～4章主要讲解HTML5与CSS3的基础知识，包括HTML5入门、HTML5标签和属性、CSS3入门、CSS3选择器等；第5～9章分别讲解盒子模型、网页布局、表格和表单、多媒体嵌入，以及过渡、变形和动画等，这些内容是网页制作技术的核心；第10章是一个实战开发项目，带领读者综合运用本书所学知识制作油纸伞网站首页。 本书提供教学PPT、教学大纲、教学视频、源代码等丰富的配套资源。 本书可作为高等教育本、专科院校网页设计与制作课程的教材，也可作为相关从业人员的自学参考书。
HTML5+CSS3网站设计基础教程(第3版) 目录
第 1章 HTML5入门 1
1.1 网页相关知识 1
1.1.1 网页构成 1
1.1.2 网页相关名词 3
1.1.3 Web标准 4
1.1.4 浏览器 5
1.2 HTML5概述 8
1.2.1 HTML的演变历程 8
1.2.2 HTML5的优势 9
1.2.3 浏览器对HTML5的兼容情况 10
1.3 HTML5的基础知识 10
1.3.1 HTML5的基本结构 10
1.3.2 HTML5的语法格式 11
1.3.3 HTML5标签的类型 12
1.3.4 HTML5标签的属性 13
1.3.5 HTML5文档头部相关标签 14
1.4 HTML5的代码编辑工具 15
1.4.1 VS Code的安装、设置 15
1.4.2 VS Code的使用 18
1.5 阶段案例——第 一个HTML5页面 20
1.5.1 案例分析 20
1.5.2 制作HTML5页面 20
本章小结 21
动手实践 21
第 2章 HTML5标签和属性 22
2.1 文本控制标签 22
2.1.1 页面格式化标签 22
2.1.2 文本格式化标签 25
2.1.3 文本样式标签 27
2.1.4 特殊字符 28
2.2 图像标签 29
2.2.1 常用图像格式 29
2.2.2 图像标签及其属性 29
2.2.3 路径和相对路径 33
2.3 列表标签 34
2.3.1 无序列表 34
2.3.2 有序列表 35
2.3.3 定义列表 37
2.3.4 列表的嵌套 38
2.4 超链接标签 39
2.4.1 创建超链接 39
2.4.2 锚点链接 40
2.5 结构标签 42
2.5.1 标签 42
2.5.2标签 43
2.5.3标签 43
2.5.4 标签 43
2.5.5 标签 44
2.5.6 标签 45
2.5.7 标签和 标签 45
2.5.8 标签 46
2.6 页面交互标签 47
2.6.1 标签和 标签 47
2.6.2 标签 48
2.6.3 标签 48
2.7 全局属性 49
2.7.1 draggable属性 50
2.7.2 hidden属性 51
2.7.3 contenteditable属性 51
2.8 阶段案例——影片介绍网页 52
2.8.1 分析效果图 53
2.8.2 搭建页面结构 54
本章小结 57
动手实践 58
第3章 CSS3入门 59
3.1 CSS概述 59
3.1.1 认识CSS 59
3.1.2 CSS的发展历史 60
3.2 CSS基础 61
3.2.1 CSS样式规则 61
3.2.2 引入CSS样式表 62
3.2.3 CSS基础选择器 65
3.3 字体样式属性 70
3.3.1 font-size：字号 70
3.3.2 font-family：字体 70
3.3.3 font-weight：文字粗细 71
3.3.4 font-variant：变体 71
3.3.5 font-style：字体风格 71
3.3.6 font：综合设置字体样式 71
3.3.7 @font-face规则 72
3.4 文本外观属性 73
3.4.1 color：文本颜色 73
3.4.2 letter-spacing：字间距 74
3.4.3 word-spacing：单词间距 74
3.4.4 line-height：行间距 75
3.4.5 text-transform：文本转换 75
3.4.6 text-decoration：文本装饰 76
3.4.7 text-align：水平对齐方式 76
3.4.8 text-indent：首行缩进 77
3.4.9 white-space：空格处理 77
3.4.10 text-shadow：阴影效果 78
3.4.11 text-overflow：处理溢出的文本 79
3.4.12 word-wrap属性 80
3.5 列表样式属性 81
3.5.1 list-style-type属性 82
3.5.2 list-style-image属性 83
3.5.3 list-style-position属性 84
3.5.4 list-style属性 85
3.6 CSS的层叠性和继承性 86
3.6.1 层叠性 86
3.6.2 继承性 87
3.7 CSS优先级 88
3.8 阶段案例——宣传软文 90
3.8.1 分析效果图 90
3.8.2 搭建页面结构 90
3.8.3 定义CSS样式 91
本章小结 92
动手实践 92
第4章 CSS3选择器 93
4.1 属性选择器 93
4.1.1 E[attribute]选择器 93
4.1.2 E[attribute=value]选择器 94
4.1.3 E[attribute～=value]选择器 95
4.1.4 E[attribute|=value]选择器 96
4.1.5 E[attribute^=value]选择器 96
4.1.6 E[attribute$=value]选择器 97
4.1.7 E[attribute*=value]选择器 98
4.2 关系选择器 98
4.2.1 子元素选择器 99
4.2.2 兄弟选择器 99
4.3 结构化伪类选择器 101
4.3.1 :root选择器 101
4.3.2 :not选择器 102
4.3.3 :only-child选择器 103
4.3.4 :first-child选择器和:last-child选择器 104
4.3.5 :nth-child(n)选择器和:nth-last-child(n)选择器 105
4.3.6 :first-of-type选择器和 :last-of-type选择器 106
4.3.7 :nth-of-type(n)选择器
和:nth-last-of-type(n)选择器 107
4.3.8 :empty选择器 108
4.3.9 :target选择器 108
4.4 状态化伪类选择器 109
4.5 伪元素选择器 111
4.5.1 :before选择器 111
4.5.2 :after选择器 112
4.6 阶段案例——风云人物列表页面 113
4.6.1 分析效果图 114
4.6.2 搭建页面结构 115
4.6.3 定义CSS样式 117
本章小结 118
动手实践 119
第5章 盒子模型 120
5.1 认识盒子模型 120
5.2 标签 121
5.3 边框属性 123
5.3.1 border-style：边框样式 123
5.3.2 border-width：边框宽度 124
5.3.3 border-color：边框颜色 125
5.3.4 border：综合设置边框 125
5.3.5 border-radius：圆角边框 126
5.3.6 border-image：图像边框 128
5.4 边距属性 131
5.4.1 内边距属性 131
5.4.2 外边距属性 133
5.5 宽度属性和高度属性 134
5.6 box-shadow属性 135
5.7 box-sizing属性 136
5.8 背景属性 138
5.8.1 设置背景颜色 138
5.8.2 设置背景图像 139
5.8.3 设置背景图像平铺 139
5.8.4 设置背景图像的位置 140
5.8.5 设置背景图像固定 142
5.8.6 设置背景颜色与背景图像的不透明度 142
5.8.7 设置背景图像的大小 143
5.8.8 设置背景的显示区域 144
5.8.9 设置背景的裁剪区域 146
5.8.10 设置多重背景图像 147
5.8.11 背景复合属性 148
5.9 CSS3渐变属性 149
5.9.1 线性渐变 149
5.9.2 径向渐变 150
5.9.3 重复渐变 151
5.10 阶段案例——感动中国人物榜 153
5.10.1 分析效果图 153
5.10.2 搭建页面结构 154
5.10.3 定义CSS样式 154
本章小结 155
动手实践 156
第6章 网页布局 157
6.1 网页布局概述 157
6.2 元素的浮动 159
6.2.1 元素的浮动属性 159
6.2.2 清除浮动 162
6.3 overflow属性 167
6.4 元素的定位 170
6.4.1 元素的定位属性 170
6.4.2 静态定位 170
6.4.3 相对定位 171
6.4.4 定位 172
6.4.5 固定定位 174
6.4.6 z-index层叠等级属性 174
6.5 元素的类型与转换 174
6.5.1 元素的类型 174
6.5.2 标签 176
6.5.3 元素的转换 177
6.6 布局类型 179
6.6.1 单列布局 179
6.6.2 两列布局 180
6.6.3 三列布局 181
6.7 网页模块的命名规范 185
6.8 阶段案例——网页焦点图 186
6.8.1 分析效果图 186
6.8.2 搭建页面结构 186
6.8.3 定义CSS样式 187
本章小结 190
动手实践 190
第7章 表格和表单 191
7.1 表格 191
7.1.1 创建表格 191
7.1.2标签的属性 193 7.1.3标签的属性 196 7.1.4标签的属性 198
7.1.5标签 200
7.1.6 表格的结构 200
7.2 使用CSS控制表格样式 201
7.2.1 使用CSS控制表格边框 201
7.2.2 使用CSS控制单元格边距 204
7.2.3 使用CSS控制单元格的
宽度和高度 205
7.3 表单 206
7.3.1 表单的构成 206
7.3.2 创建表单 207
7.3.3 表单控件 207
7.4 HTML5表单的新增控件类型、标签和属性 215
7.4.1 新的input控件类型 215
7.4.2 新的表单标签 219
7.4.3 新的input控件属性 221
7.4.4 新的表单属性 227
7.5 使用CSS控制表单样式 227
7.6 阶段案例——信息登记表 229
7.6.1 分析效果图 230
7.6.2 搭建页面结构 230
7.6.3 定义CSS样式 231
本章小结 233
动手实践 234
第8章 多媒体嵌入 235
8.1 视频、音频嵌入技术概述 235
8.2 HTML5支持的视频格式和音频格式 237
8.2.1 视频格式 237
8.2.2 音频格式 237
8.3 嵌入视频和音频 238
8.3.1 在HTML5中嵌入视频 238
8.3.2 在HTML5中嵌入音频 240
8.3.3 视频、音频文件的兼容性问题 240
8.3.4 调用网络音频、视频文件 242
8.4 使用CSS控制视频的宽度和高度 243
8.5 阶段案例—音乐播放页面 244
8.5.1 分析效果图 245
8.5.2 搭建页面结构 245
8.5.3 定义CSS样式 246
本章小结 248
动手实践 248
第9章 过渡、变形和动画 250
9.1 过渡 250
9.1.1 transition-property属性 250
9.1.2 transition-duration属性 251
9.1.3 transition-timing-function属性 252
9.1.4 transition-delay属性 253
9.1.5 transition属性 253
9.2 变形 254
9.2.1 认识transform 254
9.2.2 2D变形 254
9.2.3 3D变形 259
9.3 动画 263
9.3.1 @keyframes规则 264
9.3.2 animation-name属性 264
9.3.3 animation-duration属性 265
9.3.4 animation-timing-function属性 266
9.3.5 animation-delay属性 266
9.3.6 animation-iteration-count属性 266
9.3.7 animation-direction属性 266
9.3.8 animation属性 267
9.4 阶段案例——表情图片 268
9.4.1 分析效果图 268
9.4.2 搭建页面结构 269
9.4.3 定义CSS样式 269
本章小结 272
动手实践 272
第 10章 实战开发——制作油纸伞网站首页 273
10.1 项目背景 274
10.2 准备工作 274
10.3 制作网站首页 277
本章小结 295
动手实践 295
1.1 网页相关知识 1
1.1.1 网页构成 1
1.1.2 网页相关名词 3
1.1.3 Web标准 4
1.1.4 浏览器 5
1.2 HTML5概述 8
1.2.1 HTML的演变历程 8
1.2.2 HTML5的优势 9
1.2.3 浏览器对HTML5的兼容情况 10
1.3 HTML5的基础知识 10
1.3.1 HTML5的基本结构 10
1.3.2 HTML5的语法格式 11
1.3.3 HTML5标签的类型 12
1.3.4 HTML5标签的属性 13
1.3.5 HTML5文档头部相关标签 14
1.4 HTML5的代码编辑工具 15
1.4.1 VS Code的安装、设置 15
1.4.2 VS Code的使用 18
1.5 阶段案例——第 一个HTML5页面 20
1.5.1 案例分析 20
1.5.2 制作HTML5页面 20
本章小结 21
动手实践 21
第 2章 HTML5标签和属性 22
2.1 文本控制标签 22
2.1.1 页面格式化标签 22
2.1.2 文本格式化标签 25
2.1.3 文本样式标签 27
2.1.4 特殊字符 28
2.2 图像标签 29
2.2.1 常用图像格式 29
2.2.2 图像标签及其属性 29
2.2.3 路径和相对路径 33
2.3 列表标签 34
2.3.1 无序列表 34
2.3.2 有序列表 35
2.3.3 定义列表 37
2.3.4 列表的嵌套 38
2.4 超链接标签 39
2.4.1 创建超链接 39
2.4.2 锚点链接 40
2.5 结构标签 42
2.5.1 标签 42
2.5.2标签 43
2.5.3标签 43
2.5.4 标签 43
2.5.5 标签 44
2.5.6 标签 45
2.5.7 标签和 标签 45
2.5.8 标签 46
2.6 页面交互标签 47
2.6.1 标签和 标签 47
2.6.2 标签 48
2.6.3 标签 48
2.7 全局属性 49
2.7.1 draggable属性 50
2.7.2 hidden属性 51
2.7.3 contenteditable属性 51
2.8 阶段案例——影片介绍网页 52
2.8.1 分析效果图 53
2.8.2 搭建页面结构 54
本章小结 57
动手实践 58
第3章 CSS3入门 59
3.1 CSS概述 59
3.1.1 认识CSS 59
3.1.2 CSS的发展历史 60
3.2 CSS基础 61
3.2.1 CSS样式规则 61
3.2.2 引入CSS样式表 62
3.2.3 CSS基础选择器 65
3.3 字体样式属性 70
3.3.1 font-size：字号 70
3.3.2 font-family：字体 70
3.3.3 font-weight：文字粗细 71
3.3.4 font-variant：变体 71
3.3.5 font-style：字体风格 71
3.3.6 font：综合设置字体样式 71
3.3.7 @font-face规则 72
3.4 文本外观属性 73
3.4.1 color：文本颜色 73
3.4.2 letter-spacing：字间距 74
3.4.3 word-spacing：单词间距 74
3.4.4 line-height：行间距 75
3.4.5 text-transform：文本转换 75
3.4.6 text-decoration：文本装饰 76
3.4.7 text-align：水平对齐方式 76
3.4.8 text-indent：首行缩进 77
3.4.9 white-space：空格处理 77
3.4.10 text-shadow：阴影效果 78
3.4.11 text-overflow：处理溢出的文本 79
3.4.12 word-wrap属性 80
3.5 列表样式属性 81
3.5.1 list-style-type属性 82
3.5.2 list-style-image属性 83
3.5.3 list-style-position属性 84
3.5.4 list-style属性 85
3.6 CSS的层叠性和继承性 86
3.6.1 层叠性 86
3.6.2 继承性 87
3.7 CSS优先级 88
3.8 阶段案例——宣传软文 90
3.8.1 分析效果图 90
3.8.2 搭建页面结构 90
3.8.3 定义CSS样式 91
本章小结 92
动手实践 92
第4章 CSS3选择器 93
4.1 属性选择器 93
4.1.1 E[attribute]选择器 93
4.1.2 E[attribute=value]选择器 94
4.1.3 E[attribute～=value]选择器 95
4.1.4 E[attribute|=value]选择器 96
4.1.5 E[attribute^=value]选择器 96
4.1.6 E[attribute$=value]选择器 97
4.1.7 E[attribute*=value]选择器 98
4.2 关系选择器 98
4.2.1 子元素选择器 99
4.2.2 兄弟选择器 99
4.3 结构化伪类选择器 101
4.3.1 :root选择器 101
4.3.2 :not选择器 102
4.3.3 :only-child选择器 103
4.3.4 :first-child选择器和:last-child选择器 104
4.3.5 :nth-child(n)选择器和:nth-last-child(n)选择器 105
4.3.6 :first-of-type选择器和 :last-of-type选择器 106
4.3.7 :nth-of-type(n)选择器
和:nth-last-of-type(n)选择器 107
4.3.8 :empty选择器 108
4.3.9 :target选择器 108
4.4 状态化伪类选择器 109
4.5 伪元素选择器 111
4.5.1 :before选择器 111
4.5.2 :after选择器 112
4.6 阶段案例——风云人物列表页面 113
4.6.1 分析效果图 114
4.6.2 搭建页面结构 115
4.6.3 定义CSS样式 117
本章小结 118
动手实践 119
第5章 盒子模型 120
5.1 认识盒子模型 120
5.2 标签 121
5.3 边框属性 123
5.3.1 border-style：边框样式 123
5.3.2 border-width：边框宽度 124
5.3.3 border-color：边框颜色 125
5.3.4 border：综合设置边框 125
5.3.5 border-radius：圆角边框 126
5.3.6 border-image：图像边框 128
5.4 边距属性 131
5.4.1 内边距属性 131
5.4.2 外边距属性 133
5.5 宽度属性和高度属性 134
5.6 box-shadow属性 135
5.7 box-sizing属性 136
5.8 背景属性 138
5.8.1 设置背景颜色 138
5.8.2 设置背景图像 139
5.8.3 设置背景图像平铺 139
5.8.4 设置背景图像的位置 140
5.8.5 设置背景图像固定 142
5.8.6 设置背景颜色与背景图像的不透明度 142
5.8.7 设置背景图像的大小 143
5.8.8 设置背景的显示区域 144
5.8.9 设置背景的裁剪区域 146
5.8.10 设置多重背景图像 147
5.8.11 背景复合属性 148
5.9 CSS3渐变属性 149
5.9.1 线性渐变 149
5.9.2 径向渐变 150
5.9.3 重复渐变 151
5.10 阶段案例——感动中国人物榜 153
5.10.1 分析效果图 153
5.10.2 搭建页面结构 154
5.10.3 定义CSS样式 154
本章小结 155
动手实践 156
第6章 网页布局 157
6.1 网页布局概述 157
6.2 元素的浮动 159
6.2.1 元素的浮动属性 159
6.2.2 清除浮动 162
6.3 overflow属性 167
6.4 元素的定位 170
6.4.1 元素的定位属性 170
6.4.2 静态定位 170
6.4.3 相对定位 171
6.4.4 定位 172
6.4.5 固定定位 174
6.4.6 z-index层叠等级属性 174
6.5 元素的类型与转换 174
6.5.1 元素的类型 174
6.5.2 标签 176
6.5.3 元素的转换 177
6.6 布局类型 179
6.6.1 单列布局 179
6.6.2 两列布局 180
6.6.3 三列布局 181
6.7 网页模块的命名规范 185
6.8 阶段案例——网页焦点图 186
6.8.1 分析效果图 186
6.8.2 搭建页面结构 186
6.8.3 定义CSS样式 187
本章小结 190
动手实践 190
第7章 表格和表单 191
7.1 表格 191
7.1.1 创建表格 191
7.1.2标签的属性 193 7.1.3标签的属性 196 7.1.4标签的属性 198
7.1.5标签 200
7.1.6 表格的结构 200
7.2 使用CSS控制表格样式 201
7.2.1 使用CSS控制表格边框 201
7.2.2 使用CSS控制单元格边距 204
7.2.3 使用CSS控制单元格的
宽度和高度 205
7.3 表单 206
7.3.1 表单的构成 206
7.3.2 创建表单 207
7.3.3 表单控件 207
7.4 HTML5表单的新增控件类型、标签和属性 215
7.4.1 新的input控件类型 215
7.4.2 新的表单标签 219
7.4.3 新的input控件属性 221
7.4.4 新的表单属性 227
7.5 使用CSS控制表单样式 227
7.6 阶段案例——信息登记表 229
7.6.1 分析效果图 230
7.6.2 搭建页面结构 230
7.6.3 定义CSS样式 231
本章小结 233
动手实践 234
第8章 多媒体嵌入 235
8.1 视频、音频嵌入技术概述 235
8.2 HTML5支持的视频格式和音频格式 237
8.2.1 视频格式 237
8.2.2 音频格式 237
8.3 嵌入视频和音频 238
8.3.1 在HTML5中嵌入视频 238
8.3.2 在HTML5中嵌入音频 240
8.3.3 视频、音频文件的兼容性问题 240
8.3.4 调用网络音频、视频文件 242
8.4 使用CSS控制视频的宽度和高度 243
8.5 阶段案例—音乐播放页面 244
8.5.1 分析效果图 245
8.5.2 搭建页面结构 245
8.5.3 定义CSS样式 246
本章小结 248
动手实践 248
第9章 过渡、变形和动画 250
9.1 过渡 250
9.1.1 transition-property属性 250
9.1.2 transition-duration属性 251
9.1.3 transition-timing-function属性 252
9.1.4 transition-delay属性 253
9.1.5 transition属性 253
9.2 变形 254
9.2.1 认识transform 254
9.2.2 2D变形 254
9.2.3 3D变形 259
9.3 动画 263
9.3.1 @keyframes规则 264
9.3.2 animation-name属性 264
9.3.3 animation-duration属性 265
9.3.4 animation-timing-function属性 266
9.3.5 animation-delay属性 266
9.3.6 animation-iteration-count属性 266
9.3.7 animation-direction属性 266
9.3.8 animation属性 267
9.4 阶段案例——表情图片 268
9.4.1 分析效果图 268
9.4.2 搭建页面结构 269
9.4.3 定义CSS样式 269
本章小结 272
动手实践 272
第 10章 实战开发——制作油纸伞网站首页 273
10.1 项目背景 274
10.2 准备工作 274
10.3 制作网站首页 277
本章小结 295
动手实践 295
展开全部
HTML5+CSS3网站设计基础教程(第3版) 作者简介
黑马程序员，传智教育旗下高端IT教育品牌，它是由中国Java培训先行者张孝祥老师发起，联合全球的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业，特别是“黑马程序员”的平均就业薪资已达到8K以上。为了迎合软件市场的需求，我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C 、Android等9个专业方向的课程，并且未来将逐渐开设其他专业方向的课程。随着传智播客的日益壮大，除了北京总部，我们在上海、广州、武汉、成都、深圳等地也创立了直营分支机构，传智播客俨然已成为了国内具有专业口碑的IT教育机构。
书友推荐
- >
中国历史的瞬间
中国历史的瞬间
¥16.7¥38.0 - >
小考拉的故事-套装共3册
小考拉的故事-套装共3册
¥36.7¥68.0 - >
经典常谈
经典常谈
¥16.3¥39.8 - >
中国人在乌苏里边疆区:历史与人类学概述
中国人在乌苏里边疆区:历史与人类学概述
¥20.6¥48.0 - >
回忆爱玛侬
回忆爱玛侬
¥9.8¥32.8 - >
朝闻道
朝闻道
¥15.0¥23.8 - >
二体千字文
二体千字文
¥21.6¥40.0 - >
名家带你读鲁迅:故事新编
名家带你读鲁迅:故事新编
¥13.0¥26.0
本类畅销
-
食品添加剂
¥33.5¥45 -
VB语言程序设计
¥29.9¥39.8 -
C语言程序设计习题与实验指导
¥9.1¥18 -
地下建筑结构-(第三版)-(赠课件)
¥49.4¥55 -
模具制图
¥37.8¥49 -
工程机械结构认知
¥10.5¥22
