第Ⅰ篇 HTML 网页设计

第1 章 认识HTML ·················· 2
本章学习要点 ······································ 2
1.1 Web基本概念 ··································2
1.1.1 认识网页 ································2
1.1.2 Web标准 ·······························3
1.1.3 名词解释 ······························· 4
1.2 HTML简介 ·····································6
1.2.1 HTML发展历程 ······················7
1.2.2 HTML基本概念 ······················8
1.2.3 HTML工作原理 ······················9
1.3 HTML开发环境 ·······························9
1.3.1 记事本 ···································9
1.3.2 Dreamweaver CS6 ················10
1.3.3 其他开发工具 ························ 17
1.4 HTML文件浏览器 ························· 17
1.4.1 浏览器采用的内核 ·················· 18
1.4.2 常见浏览器 ··························· 18
本章小节 ·········································· 19
思政园地 ·········································· 19
本章习题 ···········································20

第2 章 HTML入门 ················ 21
本章学习要点 ·····································21
2.1 HTML概述 ··································· 21
2.1.1 HTML文件基本结构 ·············· 21
2.1.2 HTML标签类型 ···················· 23
2.1.3 HTML标签属性 ···················· 24
2.1.4 HTML标签关系 ···················· 25
2.1.5 HTML文件头部标签 ·············· 26
2.2 HTML文件文本控制标签 ················· 29
2.2.1 页面格式化标签 ····················· 29
2.2.2 文本样式标签 ························ 34
2.2.3 文本格式化标签 ····················· 35
2.2.4 特殊字符标签 ························ 36
2.3 HTML图像插入 ····························· 37
2.3.1 图像标签 ······························ 37
2.3.2 图片路径 ······························ 42
本章小结 ·········································· 43
思政园地 ·········································· 43
本章习题 ·········································· 44

第3 章 HTML列表与超链接 ···· 45
本章学习要点 ···································· 45
3.1 列表标签 ······································ 45
3.1.1 创建列表 ······························ 45
3.1.2 列表嵌套 ······························ 49
3.2 超链接标签 ···································· 51
3.2.1 常用对象超链接 ····················· 51
3.2.2 其他对象超链接 ····················· 52
3.2.3 锚点链接 ······························ 55
3.3 列表和超链接综合应用示例 ·············· 56
本章小结 ·········································· 59
思政园地 ·········································· 59
本章习题 ·········································· 59

第4 章 HTML表格与表单 ······· 61
本章学习要点 ···································· 61
4.1 表格 ············································· 61
4.1.1 创建表格 ······························ 61
4.1.2 表格标签属性 ························ 63
4.1.3 行标签属性 ··························· 67
4.1.4 列标签属性 ··························· 68
4.1.5 表头标签属性 ························ 71
4.1.6 表格的结构 ··························· 71
4.2 表单 ············································ 73
4.2.1 表单的原理 ··························· 73
4.2.2 表单的构成 ··························· 74
4.2.3 创建表单 ······························ 75
4.3 表单常用控件 ································ 75
4.3.1 input控件 ···························· 76
4.3.2 textarea控件 ························ 83
4.3.3 select控件 ···························· 84
4.4 HTML 5 表单新属性 ······················ 88
4.4.1 input新控件属性 ··················· 88
4.4.2 表单新增属性 ························ 93
4.4.3 全新的表单控件 ····················· 97
本章小结 ·········································· 98
思政园地 ·········································· 99
本章习题 ·········································· 99

第5 章 HTML音频与视频 ······101
本章学习要点 ···································101
5.1 音频与视频 ································· 101
5.1.1 视频和音频控件 ··················· 101
5.1.2 插入视频 ···························· 104
5.1.3 插入音频 ···························· 107
5.1.4 自动播放 ···························· 110
5.1.5 循环播放 ···························· 112
5.1.6 预加载媒体文件 ··················· 114
5.2 多媒体标签与技巧 ························ 115
5.2.1 HTML多媒体标签 ··············· 115
5.2.2 多媒体标签的使用 ················ 116
5.2.3 使用多媒体标签的技巧 ·········· 127
5.3 多媒体扩展知识 ···························· 127
5.3.1 音频与视频的格式 ················ 128
5.3.2 浏览器对媒体格式的支持情况 · 128
本章小结 ·········································129
思政园地 ·········································129
本章习题 ·········································130

第Ⅱ篇 CSS 网页美化

第6 章 认识CSS ················ 134

本章学习要点 ···································134
6.1 CSS基本概述 ······························ 134
6.1.1 CSS概念 ···························· 134
6.1.2 CSS基本语法 ······················ 135
6.1.3 CSS常用单位 ······················ 136
6.1.4 CSS创建环境 ······················ 138
6.2 CSS核心技术 ······························ 140
6.2.1 CSS引入 ···························· 140
6.2.2 CSS常用选择器 ··················· 144
6.3 CSS高级特性 ······························ 148
6.3.1 CSS优先级 ························· 148
6.3.2 CSS基本特征 ······················ 152
6.3.3 CSS高级属性 ······················ 153
本章小结 ·········································162
思政园地 ·········································162
本章习题 ·········································163

第7 章 CSS 网页布局 ·········· 165
本章学习要点 ···································165
7.1 CSS盒子模型 ······························ 165
7.1.1 盒子模型概念 ······················ 165
7.1.2 盒子模型属性 ······················ 166
7.1.3 元素类型与转换 ··················· 177
7.2 CSS定位属性 ······························ 182
7.2.1 元素的浮动 ························· 182
7.2.2 元素的定位 ························· 185
7.2.3 元素的溢出 ························· 189
7.2.4 元素的重叠 ························· 192
7.3 CSS布局实现 ······························ 193
7.3.1 布局流程 ···························· 193
7.3.2 模块命名规范 ······················ 194
7.3.3 布局类型 ···························· 195
本章小结 ·········································202
思政园地 ·········································202
本章习题 ·········································203

第8 章 CSS 美化属性 ·········· 204
本章学习要点 ···································204
8.1 CSS美化文本 ······························ 204
8.1.1 CSS美化文字 ······················ 204
8.1.2 CSS美化段落 ······················ 207
8.2 CSS美化图片与背景 ····················· 214
8.2.1 CSS美化图片 ······················ 214
8.2.2 CSS美化背景 ······················ 218
8.3 CSS美化超链接与列表 ·················· 221
8.3.1 CSS美化超链接 ··················· 221
8.3.2 CSS美化列表 ······················ 226
8.4 CSS美化表格与表单 ····················· 230
8.4.1 CSS美化表格 ······················ 230
8.4.2 CSS美化表单 ······················ 233
本章小结 ·········································235
思政园地 ·········································235
本章习题 ·········································236

第9 章 CSS 高级应用 ·········· 237
本章学习要点 ···································237
9.1 CSS动画设计 ······························ 237
9.1.1 CSS动画属性 ······················ 237
9.1.2 CSS 2D转换 ······················· 241
9.1.3 CSS 3D 转换 ······················· 247
9.2 CSS行为特效 ······························ 252
9.2.1 轮播图切换 ························· 252
9.2.2 弹出信息 ···························· 256
9.2.3 响应式呈现 ························· 266
9.3 CSS高级技术 ······························ 271
9.3.1 CSS精灵技术 ······················ 271
9.3.2 CSS滑动门技术 ··················· 275
9.3.3 外边距设置技术 ··················· 281
本章小结 ·········································286
思政园地 ·········································287
本章习题 ·········································287

参考文献 ······························ 289