HTML5+CSS3网页设计与制作案例教程（第2版）

第2版前言
本书第1版是编者们在一线教学过程中总结经验而来的，自2017年1月出版以来，已被30多所高等院校选作网页设计相关课程的教材，也被很多读者选为网页设计学习的自学工具书，受到了高校师生和广大读者朋友的喜爱，进行了多次印刷，累计销量近2万册。近3年来，编者团队并没有停下步伐，依然在不断的进行教学和探索。
本书改版的动力主要来自以下几个方面：
(1) 网页设计与制作技术的发展，特别是浏览器对新版本语言和技术的支持。
(2) 第1版在使用过程中得到的积极反馈和建议。
(3) 作者在教学实践过程中新的心得和体会。
(4) 图书出版相关的新技术新方式的出现。
(5) 对案例设计涉及内容的推陈出新，特别是对中国传统文化欣赏的植入。
第2版对全书章节结构进行了更加合理的调整，改写了原有疏漏和需要改进的地方，并继承和发扬了第1版的特色，力求更加科学严谨。主要改动体现在以下方面：
(1) 对章内知识点顺序和内容进行调整，使其更清晰明了。
(2) 顺应应用趋势，增加新的技术和方法，删掉一些过时或应用较少的内容。
(3) 使用新版浏览器浏览网页。
(4) 调整与修改部分习题。
(5) 将部分案例内容修改为中国传统文化相关，以期潜移默化的弘扬中国传统文化知识。
(6) 对全书章节结构进行了调整，将原第12章“CSS美化表格与表单”内容整合入原第10章“CSS盒子模型”，使全书结构更合理。
(7) 将案例代码、习题答案、附录文件、课件等配套资源放在网上，通过扫描相应二维码等方式下载。
本书由姬莉霞、李学相主编，韩颖、刘成明副主编，此外，参与本书编写的还有崔战友、龚禾芳、程凤娟、赵玉娟、张雷、姬丽娟、李营升、张晓、赵润哲、赵耀、李子彬、谷梦丽、李亚蕾、郜华、孙壮壮等人。由于作者水平有限，书中难免存在不足之处，敬请广大读者批评指正，我们将及时进行调整。
本书教学大纲、教案、课件、习题参考答案可扫描下列相应二维码获取，书中各章案例代码源文件可通过扫描各章对应的二维码获取。
       
教学大纲下载 教案下载 课件下载 习题参考答案下载
编  者
2019年12月

第1版前言
HTML5 CSS3以其标准布局和精美样式，实现了网页内容和样式的分离，使网页样式布局和美化达到了一个不可思议的高度，成为Web标准中不可替代的技术规范。《HTML5 CSS3网页设计与制作案例教程（第2版）》以知识点示例、章节综合案例、全书综合案例和实验手册等形式，全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV CSS网页布局技术等。
《HTML5 CSS3网页设计与制作案例教程（第2版）》主要内容如下：第1章多方位讲解网页设计的基本知识和技能；第2～7章深入浅出地讲解HTML5的语法和标记；第8～13章以案例为载体，分模块讲述CSS3对网页元素的控制和美化；第14章通过大量案例讲述“内容”与“样式”分离的网页设计方式，主要介绍DIV CSS布局方式；第15～16章以综合案例引领读者掌握页面及网站的设计和实现。
《HTML5 CSS3网页设计与制作案例教程（第2版）》主要特色如下：
? 采用规范技术HTML5 CSS3。
? 案例充沛：知识点示例 章节综合案例 全书综合案例。对每个知识点都进行详细说明，并且使用示例支撑，避免空洞的说教；每章都有相应知识的综合案例，并给出两个全局综合案例，进一步阐述页面和网站的前端设计。
?  代码详尽，配图丰富。每个案例都有详细的代码及分析，并给出效果图，即使读者在不能实际操作的情况下也能很好地获取知识。
?  配备课后习题、习题参考答案和实验手册。
?  提供源代码和教学课件。
《HTML5 CSS3网页设计与制作案例教程（第2版）》读者对象包括大中专院校计算机专业师生，以及网页设计爱好者和制作人员。引领读者快速学习和掌握HTML5 CSS3设计模式是《HTML5 CSS3网页设计与制作案例教程（第2版）》的初衷，如果你是具有前瞻性的Web前端工作者和爱好者，那么你一定会从《HTML5 CSS3网页设计与制作案例教程（第2版）》受益，因为它就是专门为你打造的。
《HTML5 CSS3网页设计与制作案例教程（第2版）》由一线教师姬莉霞、李学相、韩颖、刘成明编写。参与《HTML5 CSS3网页设计与制作案例教程（第2版）》编写的还有张晗、姬丽娟、马建红、张雷、李营升、巩舣、谷梦丽、王海龙、熊笛等人。《HTML5 CSS3网页设计与制作案例教程（第2版）》在写作过程中力求严谨，案例也经过精心设计，但由于水平有限，不足之处在所难免，敬请广大读者批评指正。
《HTML5 CSS3网页设计与制作案例教程（第2版）》资源下载：
     
课件下载 源文件下载 习题参考答案下载
编  者
2017年1月

Web标准是所有网页前端技术的规范和发展方向，HTML5和CSS3是Web标准的主要组成部分，阐述了内容和样式分离的网页设计精髓。
    《HTML5 CSS3网页设计与制作案例教程（第2版）》共15章，从初学者的角度出发，以知识点示例、章节综合案例、全书综合案例和实验手册等形式，全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV CSS网页布局技术等内容。讲解过程由浅入深、循序渐进，力求通过实例操作让读者快速掌握网页设计的方法和技巧。
    《HTML5 CSS3网页设计与制作案例教程（第2版）》提供所有实例的源文件、习题参考答案以及教学课件，以方便读者学习和参考。
    《HTML5 CSS3网页设计与制作案例教程（第2版）》既适合作为大中专院校和培训学校计算机相关专业学生的教材，也适合作为网页设计制作人员及爱好者的参考用书。

第1章  网页设计基础知识   1
1.1  网页相关知识简介   2
1.1.1  互联网、因特网和万维网   2
1.1.2  网站和网页   2
1.1.3  网页与HTML   3
1.1.4  静态网页和动态网页   4
1.1.5  IP地址、域名和URL   5
1.1.6  HTTP和FTP   6
1.1.7  浏览器   6
1.2  网页的基本元素   6
1.2.1  网页的基本媒体元素   6
1.2.2  网页的基本布局元素   8
1.3  网页设计常用技术   10
1.3.1  网页标记语言HTML   10
1.3.2  网页表现技术CSS   10
1.3.3  网页脚本语言JavaScript   10
1.3.4  动态网页编程技术ASP.NET、JSP、PHP等   11
1.4  网页设计常用工具   11
1.4.1  基于文本的编辑器   11
1.4.2  所见即所得编辑器   12
1.4.3  如何选择工具   13
1.5  习题   13
1.5.1  单选题   13
1.5.2  填空题   14
1.5.3  判断题   14
1.5.4  简答题   14
第2章  HTML5基础   15
2.1  认识HTML5   16
2.1.1  HTML及其发展   16
2.1.2  HTML5的特点   16
2.1.3  编写个HTML5文件   17
2.2  HTML基本语法   18
2.2.1  标记与元素   18
2.2.2  HTML属性   19
2.2.3  全局属性   20
2.3  HTML5文档的结构   22
2.3.1  HTML5文档的基本结构   22
2.3.2  网页标题<title>   23
2.3.3   定义元数据<meta>   23
2.3.4  HTML5新增的结构标记   25
2.4  综合案例——基本的HTML5网页   26
2.5  习题   27
2.5.1  单选题   27
2.5.2  填空题   28
2.5.3  判断题   28
2.5.4  简答题   28
第3章  文字与段落   29
3.1  基本的文字排版   30
3.1.1  段落<p>   30
3.1.2  控制换行<br>   31
3.1.3  预先格式化<pre>   32
3.1.4  标题文字<h1>～<h6>   34
3.1.5  水平线<hr>   34
3.2  HTML基本语法   36
3.2.1  强调文本<b>/<i>/<em>/<strong>   36
3.2.2  作品标题<cite>   37
3.2.3  小型文本<small>   38
3.2.4  标记文本改变<ins>/<del>   39
3.2.5  文字上下标<sup>/<sub>   40
3.2.6  旁注<ruby>/<rt>/<rp>   40
3.2.7  日期时间<time>   41
3.2.8  其他语义化、结构化元素   42
3.3  使用字符实体表示特殊符号   42
3.4  添加注释   44
3.5  列表   45
3.5.1  无序列表<ul>   45
3.5.2  有序列表<ol>   46
3.5.3  描述列表<dl>/<dt>/<dd>   47
3.5.4  列表的嵌套   48
3.6  块级元素与行内元素   49
3.7  无语义的容器元素   50
3.7.1  div元素   50
3.7.2  span元素   51
3.8  综合案例——简单文字网页   52
3.9  习题   54
3.9.1  单选题   54
3.9.2  填空题   55
3.9.3  判断题   55
3.9.4  简答题   55
第4章  图像、音频和视频等   56
4.1  文件路径   57
4.1.1  路径   57
4.1.2  相对路径   57
4.2  在网页中插入图像<img>   58
4.2.1  网页图像的格式   58
4.2.2  插入图像   59
4.3  在网页中插入视频<video>   61
4.3.1  视频格式   61
4.3.2  插入视频   61
4.4  在网页中插入音频<audio>   62
4.4.1  音频格式   63
4.4.2  插入音频   63
4.5  使用多种来源的多媒体和备用文本<source>   64
4.6  插入多媒体文件<embed>   65
4.7  定义媒介分组和标题<figure>/<figcaption>   66
4.8  综合案例——多媒体页面的设计   67
4.9  习题   68
4.9.1  单选题   68
4.9.2  填空题   69
4.9.3  判断题   69
4.9.4  简答题   69
第5章  超链接   70
5.1  超链接概述   71
5.2  基本链接   71
5.2.1  外部链接   71
5.2.2  内部链接   73
5.2.3  <a>标记的属性   73
5.2.4  超链接的目标类型   76
5.3  锚记(书签)链接   78
5.4  设置图像映射   80
5.5  内联框架<iframe>及其链接   83
5.5.1  内联框架   83
5.5.2  内联框架相关的链接   84
5.6  定义基准地址<base>   86
5.7  综合案例——设置超链接   87
5.8  习题   89
5.8.1  单选题   89
5.8.2  填空题   90
5.8.3  判断题   90
5.8.4  简答题   90
第6章  表格   91
6.1  表格简介   92
6.2  创建表格   92
6.2.1  表格基本结构   93
6.2.2  表格边框显示   94
6.2.3  带图像的单元格   96
6.3  合并单元格   96
6.3.1  设置跨列colspan   97
6.3.2  设置跨行rowspan   98
6.4  表格嵌套   99
6.5  表格的按行分组显示<thead>/<tbody>/<tfoot>   100
6.6  综合案例——表格应用   102
6.7  习题   103
6.7.1  单选题   103
6.7.2  填空题   104
6.7.3  判断题   104
6.7.4  简答题   104
6.7.5  应用题   104
第7章  表单   105
7.1  表单概述   106
7.2  建立表单<form>   107
7.3  基本的表单控件   107
7.3.1  <input>标记   108
7.3.2  多行文本框<textarea>   113
7.3.3  选择列表<select>/<option>/<datalist>   114
7.4  新增<input>表单控件   116
7.4.1  url类型   116
7.4.2  email类型   117
7.4.3  日期和时间类型   117
7.4.4  数字类型   118
7.4.5  color类型   119
7.4.6  search类型   120
7.4.7  tel类型   120
7.5  fieldset控件组   121
7.6  <input>常用公共属性   121
7.6.1  autofocus属性   122
7.6.2  placeholder属性   122
7.6.3  required属性   123
7.6.4  pattern属性   124
7.7  综合案例——表单设计   125
7.8  习题   127
7.8.1  单选题   127
7.8.2  填空题   127
7.8.3  判断题   128
7.8.4  简答题   128
第8章  CSS基础   129
8.1  CSS介绍   130
8.1.1  CSS概述   130
8.1.2  CSS3   131
8.2  CSS的基本语法   131
8.3  CSS属性   132
8.4  在HTML文档中使用CSS的方法   134
8.4.1  行内样式   134
8.4.2  内部样式表   136
8.4.3  链入外部样式表   138
8.4.4  导入外部样式表   140
8.5  CSS基本选择器   141
8.5.1  标记选择器   142
8.5.2  类选择器   142
8.5.3  id选择器   144
8.5.4  通用选择器   145
8.6  其他CSS选择器   146
8.6.1  组合选择器   146
8.6.2  伪类选择器   151
8.6.3  伪对象选择器   151
8.6.4  属性选择器   152
8.7  综合案例——CSS的简单应用   153
8.8  习题   157
8.8.1  单选题   157
8.8.2  填空题   157
8.8.3  判断题   157
8.8.4  简答题   158
第9章  CSS文本样式   159
9.1  颜色color   160
9.2  CSS字体属性   162
9.2.1 &n