【现货速发】HTML 5+CSS 3网页设计教程

HTML 5、CSS 3技术是所有网页技术的基础与核心，无论是在互联网上进行信息发布，还是编写可交互的应用程序，都离不开这门语言的综合应用。
本书结合网页设计初学者的特点来设计章节结构，配以大量的范例说明、对比分析和经典的配套练习帮助读者快速理解网页开发中的重要概念，进而能自己动手进行设计。本书具体内容介绍如下。
第1章主要介绍HTML的相关基本概念和HTML常用的基本元素以及网页文件的结构；第2章介绍超链接标签、图片和HTML?5多媒体元素标签的创建；第3章主要介绍列表的实现和嵌套列表的创建；第4章重点介绍表格创建及属性的使用，对框架结构进行讲解；第5章介绍表单元素的创建；第6章讲解CSS语法结构及CSS的使用；第7章重点介绍运用CSS实现不同导航的创建；第8章介绍网页的布局方法；第9章介绍在CSS布局网页的基础上实现页面制作；第10章介绍CSS 3的2D和3D转换和动画效果；第11章以“电子产品购物网站首页实现”开发案例进行综合讲解。
本书由湖北商贸学院人工智能学院张星云、湖南应用技术学院信息工程学院彭进香、山东建筑大学计算机学院邢国波主编。具体编写分工如下：张星云负责第2、7、8、10章的编写；彭进香负责第1、4、6章的编写；邢国波负责第3、5、9、11章的编写。
由于编者水平有限，书中难免有疏漏、错误和欠妥之处，敬请广大读者与同行专家批评指正。

编  者  

《HTML 5 CSS 3网页设计教程》结合作者多年实践教学经验，以实用性为导向全面讲解HTML 5 CSS 3网页设计核心技术。全书共11章：第1～5章是HTML部分，介绍HTML常用标签使用及HTML 5新特性；第6～9章是CSS部分，主要介绍CSS层叠样式表应用和使用CSS DIV实现页面布局及网页美化；第10章介绍CSS 3的2D和3D转换、CSS 3动画效果；第11章以“电子产品购物网站首页实现”开发案例进行综合讲解。《HTML 5 CSS 3网页设计教程》各章整体结合实例讲解难点和关键技术，在实例上侧重实用性和启发性；特别强调关于知识点的能力目标，通过合理的任务驱动和实践环节提高静态网页制作能力。 《HTML 5 CSS 3网页设计教程》适合作为高等院校计算机、电子商务等相关专业的本科、专科网页设计课程教材，也适合网页制作初学者和网页设计人员、Web前端开发工程师参考与学习，同时也可作为相关培训教材。

张星云，湖北商贸学院副教授，多次参加校和湖北省教师讲课大赛获得一、二、三等奖，主持校级精品课程《静态网页设计与制作》，发表论文十余篇，代表作有《基于多数据库并行调度的复杂方法研究与仿真》-计算机仿真，主编和参编教材多部，包括《Java程序设计实例教程》《计算机组装与维修》《Dreamweaver CS6网页设计教程》等。

第1章  网页基础知识 1
1.1  HTML简介 1
1.2  认识Web标准 3
1.3  HTML的基本概念 3
1.4  HTML文件类型 6
1.5  HTML 5概述 9
1.5.1  了解HTML 5 9
1.5.2  HTML 5的新功能 10
1.5.3  HTML 5的新特性 11
1.5.4  HTML 5的新增属性 12
1.6  HTML编辑器介绍 14
1.7  基本元素介绍 17
1.8  HTML 5语义化结构性元素 21
1.8.1  新增的主体结构元素 21
1.8.2  新增的非主体结构元素 26
1.9  HTML的有关约定 28
1.10  代码规范 28
习题 29
第2章  超链接及HTML 5媒体元素 31
2.1  超链接元素 31
2.1.1  路径、相对路径和
根路径 31
2.1.2  超链接的基本语法 32
2.2  锚点链接 33
2.3  图片元素 37
2.3.1  图片格式介绍 37
2.3.2  图片元素的基本用法 37
2.3.3  图片元素的常用属性 38
2.3.4  热点 39
2.4  HTML 5的视频 40
2.5  HTML 5的音频 41
2.6  其他常用元素 42
2.7  小型案例实训 44
习题 45
第3章  列表 47
3.1  无序列表 48
3.2  有序列表 49
3.3  定义列表 52
3.4  列表的嵌套 52
3.5  小型案例实训 54
习题 55
第4章  表格与框架 57
4.1  表格的组成 57
4.2  表格的属性 60
4.3  表格的行属性 62
4.4  表格的单元格设置 63
4.5  框架结构 65
4.5.1  框架概述 65
4.5.2  框架的基本结构 66
4.5.3  设置框架 66
4.6  小型案例实训 68
习题 69
第5章  HTML表单 72
5.1  表单标签form 72
5.2  input标签——文本框、密码框 73
5.3  input标签——单选按钮与复选框 74
5.4  input标签——按钮 76
5.5  input标签——图像域、隐藏域以及
文件域 78
5.6  列表、文本区 78
5.7  新的HTML 5输入控件属性 80
5.8  HTML 5新增的input元素 82
5.9  小型案例实训 85
习题 86

第6章  层叠样式表 88
6.1  层叠样式表(CSS)简介 88
6.1.1  CSS与HTML 88
6.1.2  CSS的版本 88
6.1.3  传统HTML的缺点、CSS的
优势 89
6.2  CSS的语法 90
6.2.1  基本语法规则 90
6.2.2  选择器分类 90
6.2.3  样式的引用方式 94
6.2.4  选择器的命名规则 96
6.3  CSS属性值中的单位 96
6.3.1  单位 97
6.3.2  相对单位 97
6.4  常用CSS属性介绍 97
6.4.1  设置字体属性 97
6.4.2  CSS 3新增的字体属性 101
6.4.3  背景属性 101
6.4.4  区块属性 105
6.4.5  CSS 3新增的文本属性 107
6.4.6  边框属性 111
6.4.7  列表属性 113
6.4.8  方框属性 115
6.5  小型案例实训 118
习题 120
第7章  CSS属性案例应用——  
运用CSS创建导航 122
7.1  使用CSS UL创建横向导航 122
7.2  纵向导航 125
7.3  下拉及弹出式菜单 127
7.3.1  横向下拉菜单 127
7.3.2  纵向下拉菜单 129
7.4  小型案例实训 131
习题 132
第8章  利用CSS DIV进行网页
布局 134
8.1  网页布局概述 134
8.2  认识DIV 135
8.3  网页布局原则 136
8.4  常见的网页布局技术分析 136
8.4.1  上、中、下布局 136
8.4.2  二列固定宽度 137
8.4.3  二列宽度自适应 138
8.4.4  二列宽度自适应居中 139
8.4.5  中间三列浮动布局 140
8.4.6  UL CSS布局 141
8.5  定位与相对定位 142
8.5.1  定位 142
8.5.2  相对定位 144
8.6  小型案例实训 145
习题 147
第9章  网页布局实例 149
9.1  网页布局实例——个人博客主页 149
9.2  网页布局实例——右侧浮动案例 154
9.3  网页效果欣赏 157
9.4  小型案例实训 160
习题 162
第10章  过滤、变形和动画 164
10.1  过滤 164
10.2  CSS 3 2D变形简介 168
10.3  2D变形 169
10.3.1  2D位移 169
10.3.2  2D缩放 170
10.3.3  2D倾斜 172
10.3.4  2D旋转 174
10.4  3D变形 175
10.4.1  3D位移 176
10.4.2  3D旋转 178
10.4.3  3D缩放 179
10.5  CSS 3动画使用 180
10.6  小型案例实训 183
习题 185

第11章  实战开发——电子产品购物
网站首页实现 187
11.1  页面的布局分析 187
11.2  网页top区 188
11.3  网页导航菜单(menu)区 189
11.4  主要内容(main)区 190
11.5  底端(footer)区 192
参考文献 194

《HTML 5 CSS 3网页设计教程》结合作者多年实践教学经验，以实用性为导向全面讲解HTML 5 CSS 3网页设计核心技术。全书共11章：第1～5章是HTML部分，介绍HTML常用标签使用及HTML 5新特性；第6～9章是CSS部分，主要介绍CSS层叠样式表应用和使用CSS DIV实现页面布局及网页美化；第10章介绍CSS 3的2D和3D转换、CSS 3动画效果；第11章以“电子产品购物网站首页实现”开发案例进行综合讲解。《HTML 5 CSS 3网页设计教程》各章整体结合实例讲解难点和关键技术，在实例上侧重实用性和启发性；特别强调关于知识点的能力目标，通过合理的任务驱动和实践环节提高静态网页制作能力。 《HTML 5 CSS 3网页设计教程》适合作为高等院校计算机、电子商务等相关专业的本科、专科网页设计课程教材，也适合网页制作初学者和网页设计人员、Web前端开发工程师参考与学习，同时也可作为相关培训教材。

张星云，湖北商贸学院副教授，多次参加校和湖北省教师讲课大赛获得一、二、三等奖，主持校级精品课程《静态网页设计与制作》，发表论文十余篇，代表作有《基于多数据库并行调度的复杂方法研究与仿真》-计算机仿真，主编和参编教材多部，包括《Java程序设计实例教程》《计算机组装与维修》《Dreamweaver CS6网页设计教程》等。