目录
●第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前端开发工程师参考与学习,......