计算机基础与实训教材系列 HTML5+CSS3网页设计实例教程
作者： 杨福贞，何永峰，李岩编著
出版时间： 2019年版
丛编项： 计算机基础与实训教材系列
内容简介
《HTML5+CSS3网页设计实例教程》循序渐进地讲述Web网页设计技术，从基本概念到HTML5网页设计、CSS3样式控制以及综合实例，主要内容包括网页设计新时代、HTML5的演进、创建HTML5文档、表格与列表、图片与富媒体、HTML5表单的应用、CSS3概述、CSS3选择器、文本与字体、应用CSS3的属性、页面布局与媒介查询、变形和变换以及动画等，并且运用大量实例对各种关键技术进行深入浅出的分析。 《HTML5+CSS3网页设计实例教程》内容丰富、结构合理、思路清晰、语言简练流畅、示例翔实，既适合作为高等院校计算机相关专业的教材，也可作为网页设计应用开发人员的参考书。
目录
目 录
第1章 网页设计新时代 1
1.1 Web网页设计原则 1
1.1.1 Web标准 1
1.1.2 Web标准与浏览器的兼容性 3
1.1.3 可访问性 3
1.1.4 结构化文档的Web 4
1.2 HTML5概述 4
1.2.1 传统HTML与XHTML 4
1.2.2 HTML5是如何形成的 5
1.2.3 HTML5的设计原则 7
1.3 HTML5页面的特征 9
1.3.1 使用HTML5结构化元素 10
1.3.2 使用CSS3美化HTML5文档 13
1.4 Web网页设计基础 14
1.4.1 网页的基本元素 14
1.4.2 网页设计常用技术 17
1.4.3 网页设计常用工具 18
1.5 编写一个简单的Web页面 20
1.5.1 搭建浏览环境 20
1.5.2 检测浏览环境是否支持 20
1.5.3 使用HTML5编写一个简单的Web页面 21
1.6 本章小结 22
1.7 思考和练习 22
第2章 HTML5的演进 24
2.1 HTML与XHTML基础 24
2.1.1 标签与元素 24
2.1.2 特性组 26
2.1.3 HTML和XHTML实例 29
2.2 认识HTML5 31
2.2.1 用XHTML 1.0标记页面 31
2.2.2 84.8%的标记可以保留 32
2.3 关于 33
2.3.1 更完美的DOCTYPE 33
2.3.2 在HTML5中声明语言 34
2.3.3 字符编码 35
2.3.4 简单易记 35
2.4 从HTML与XHTML到HTML5 35
2.4.1 XHTML 1.0风格的“Hello World!” 35
2.4.2 HTML 4.01风格的“Hello World!” 36
2.4.3 HTML5“松散”风格的“Hello World!” 36
2.4.4 HTML5“严格”风格的页面 37
2.5 让HTML5得到跨浏览器支持 37
2.5.1 浏览器如何处理未知元素 37
2.5.2 shiv 39
2.5.3 IE打印保护器 40
2.5.4 声明块级元素 40
2.6 HTML5样板页面 40
2.6.1 不再有type属性 41
2.6.2 填充材料与替换 42
2.7 HTML5页面验证 42
2.7.1 HTML5验证器 42
2.7.2 更新和验证“贝克小姐”页面 44
2.8 新的结构化元素 46
2.8.1 块级元素与行内元素 47
2.8.2 结构化构建块、和 47
2.8.3 标题：、、以及～ 50
2.8.4 更多的结构化元素：、、以及 50
2.8.5 将一个简单的页面转换成HTML5页面 52
2.9 本章小结 54
2.10 思考和练习 55
第3章 创建HTML5文档 56
3.1 HTML5文档结构 56
3.1.1 构建基本的文档结构 56
3.1.2 用元数据元素说明文档 58
3.1.3 使用脚本元素 61
3.2 构建文档主体 62
3.2.1 基本文本格式化 62
3.2.2 链接与导航 67
3.3 描述文本级语义 78
3.3.1 描述文本级语义的元素 79
3.3.2 使用文本标记的实例 84
3.4 编辑文本 86
3.5 使用字符实体显示特殊字符 87
3.6 注释 87
3.7 本章小结 88
3.8 思考和练习 88
第4章 表格与列表 90
4.1 表格介绍 90
4.2 基本表格元素与特性 93
4.2.1 使用元素创建表格 93
4.2.2 创建基本表格 95
4.3 为表格添加标题 96
4.4 表格区域分组 97
4.4.1 使用colspan特性跨越列 97
4.4.2 使用rowspan特性跨越行 98
4.4.3 将表格分解为表头、表体及表尾 99
4.4.4 使用元素对列进行分组 101
4.4.5 使用元素在列间共享样式 102
4.5 嵌套表格 102
4.6 易访问表格 103
4.6.1 如何线性化表格 104
4.6.2 使用id、scope及headers特性 105
4.6.3 创建易访问表格 106
4.7 使用列表 107
4.7.1 使用元素创建无序列表 108
4.7.2 有序列表 108
4.7.3 定义列表 110
4.7.4 列表嵌套 111
4.8 表格应用实例 111
4.9 本章小结 113
4.10 思考和练习 114
第5章 图片与富媒体 115
5.1 在网页中添加图片 115
5.1.1 使用元素添加图片 115
5.1.2 使用图片作为链接 117
5.1.3 选择正确的图片格式 118
5.2 HTML5的视频 119
5.2.1 视频格式 120
5.2.2 浏览器支持 121
5.2.3 添加视频源 121
5.2.4 track元素 124
5.2.5 更多的视频设置 126
5.3 HTML5的音频 127
5.3.1 音频编解码器 128
5.3.2 浏览器支持情况 128
5.3.3 添加音频源 129
5.3.4 使用jPlayer 129
5.4 canvas 129
5.4.1 基于像素的自由 129
5.4.2 添加/实现canvas 130
5.4.3 canvas的威力与潜力 137
5.5 SVG 139
5.5.1 SVG与canvas的选择 139
5.5.2 用SVG发布向量 140
5.6 富媒体页面的设计实例 142
5.7 本章小结 144
5.8 思考和练习 144
第6章 HTML5表单的应用 145
6.1 认识表单 145
6.2 使用元素创建表单 147
6.2.1 action特性 147
6.2.2 method特性 148
6.2.3 id特性 148
6.2.4 name特性 148
6.2.5 enctype特性 148
6.2.6 accept-charset特性 148
6.2.7 novalidate特性 148
6.2.8 target特性 149
6.2.9 autocomplete特性 149
6.3 元素中的表单控件 149
6.3.1 文本输入控件 149
6.3.2 新的HTML5输入控件类型与特性 153
6.3.3 按钮 159
6.3.4 复选框 161
6.3.5 单选按钮 163
6.3.6 下拉选择框 164
6.3.7 文件选择框 167
6.3.8 隐藏控件 168
6.3.9 新的HTML5表单元素 168
6.4 创建一个联系方式表单 170
6.5 使用元素为控件创建标签 172
6.6 使用及元素组织表单结构 173
6.7 焦点 174
6.7.1 标签遍历顺序 175
6.7.2 快捷键 176
6.8 disabled与readonly控件 176
6.9 向服务器发送表单数据 178
6.9.1 HTTP get方法 178
6.9.2 HTTP post方法 179
6.10 创建更有用的表单字段 179
6.11 本章小结 181
6.12 思考和练习 182
第7章 CSS3概述 183
7.1 CSS基础 183
7.1.1 CSS演变历史 183
7.1.2 CSS的版本 184
7.1.3 CSS规则 187
7.1.4 继承 190
7.2 CSS规则的添加位置 191
7.2.1 用元素链入外部样式表 192
7.2.2 用
