本书讲述了用HTML5+CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发指南等同类图书，本书是一本适合快速入手的自学教程。HYML5部分主要介绍了创建HTML5文档，实战HTML5表单，实战HTML5绘画，HTML5音频与视频，Web存储，离线应用，Workers多线程处理，Geolocation地理位置等技术；CSS3部分主要介绍了CSS3概述，CSS选择器，文本、字体与颜色，背景和边框，2D变形，设计动画，网页布局、用户界面以及CSS3的其他新特性。

本书适合想从事网站前端开发工作和正在从事网站前端开发工作的程序设计人员参考使用。

阮晓龙:一线资深网络技术及Web技术专家。主要研究方向为数据中心运维管理、网络测量技术、Web技术，河南中医学院网络信息中心信息部主任。曾参与承建河南省教育科研网郑东新区节点建设及运行工作；曾参与多项大型门户网站的规划、设计与开发建设工作；曾参与并具体负责河南中医学院数字化校园示范工程建设项目。主持或参与厅级以上科研项目9项，厅级一等奖以上获奖7项，并荣获河南省教学标兵称号。

作者的话

配套光盘使用说明

第1章 概述 1

1.1 Web基础 2

1.2 Web是如何工作的 9

1.3 为什么学习Web前端开发 14

第2章 开发工具 17

2.1 开发工具综述 18

2.2 原型设计工具 18

2.2.1 什么是原型设计 18

2.2.2 原型设计工具—Axure RP 19

2.2.3 实训：使用Axure RP实现百度登录页原型设计 20

2.3 开发工具 26

2.3.1 开发工具的作用 26

2.3.2 网站开发工具—Adobe Dreamweaver 26

2.3.3 网站开发工具—Oracle NetBeans 27

2.3.4 网站开发工具—Microsoft Visual Studio 27

2.3.5 实训：Adobe Dreamweaver CS6的安装与基本使用 28

2.3.6 实训：Microsoft Visual Studio Community 2015的安装与基本使用 36

2.4 调试工具 37

2.4.1 什么是Web调试 38

2.4.2 网站调试工具—Firefox 38

2.4.3 网站调试工具—Google Chrome 38

2.4.4 网站调试工具—Internet Explorer 38

2.4.5 实训：使用Firefox进行网页开发调试 38

2.5 代码托管工具 44

2.5.1 为什么要进行代码托管 44

2.5.2 代码托管的基本功能 44

2.5.3 代码托管工具—GitHub 45

2.5.4 代码托管工具—SVN 45

2.5.5 案例：使用GitHub开源平台实现网站代码托管 46

2.6 项目管理系统 51

2.6.1 什么是项目管理 51

2.6.2 项目管理的目的 51

2.6.3 项目管理系统—Microsoft Project 52

2.6.4 项目管理系统—Collabtive 52

第3章 初识HTML5 53

3.1 HTML概述 54

3.1.1 什么是HTML 54

3.1.2 HTML的发展历程 54

3.1.3 HTML5发展史 54

3.1.4 HTML5开发团队 55

3.1.5 HTML5官方资源 55

3.2 HTML5的优势 55

3.2.1 优势 56

3.2.2 新功能 57

3.3 HTML5的新特征 60

3.3.1 语法的改变 60

3.3.2 元素 60

3.3.3 属性 65

3.3.4 全局属性 68

3.4 HTML5文档结构 69

3.4.1 认识文档结构 69

3.4.2 案例：创建HTML5 网页 70

第4章 HTML5结构与属性 72

4.1 结构之美：从HTML4到HTML5 73

4.1.1 使用表格布局 73

4.1.2 使用区块布局 73

4.1.3 使用HTML5结构元素布局 74

4.1.4 语义Web 74

4.2 HTML5基础 75

4.2.1 HTML5语法 75

4.2.2 HTML5元素 76

4.2.3 HTML5属性 82

4.2.4 HTML5全局属性 84

4.2.5 案例：个人简历网页的实现 85

4.3 HTML5结构元素 88

4.3.1 HTML5主体结构元素 88

4.3.2 HTML5非主体结构元素 93

4.3.3 案例：使用结构元素进行网页布局（新闻列表+新闻列表内容呈现） 96

4.4 超链接 100

4.4.1 绝对路径与相对路径 100

4.4.2 超链接元素 101

4.4.3 超链接属性 101

4.4.4 案例：网址导航页面的实现 102

第5章 表单 104

5.1 表单基础 105

5.1.1 表单 105

5.1.2 input元素 106

5.1.3 label元素 107

5.1.4 button元素 108

5.1.5 select元素 108

5.1.6 textarea元素 110

5.2 使用form元素 111

5.2.1 新增form元素 111

5.2.2 form属性总览 112

5.2.3 新增form属性 113

5.3 使用input元素 113

5.3.1 input类型总览 113

5.3.2 新增input类型 114

5.3.3 input属性总览 122

5.3.4 新增的input属性 124

5.4 案例：高考改革方案调查问卷网页的实现 130

5.5 案例：智能表单（用户注册） 134

第6章 多媒体 139

6.1 多媒体基础 140

6.1.1 什么是多媒体 140

6.1.2 音频编码与音频格式 140

6.1.3 视频编码与视频格式 140

6.1.4 在Web上能够使用的音频和视频格式 141

6.1.5 如何在Web上播放视频 142

6.2 HTML5音频与视频 143

6.2.1 Audio元素 143

6.2.2 Video元素 144

6.2.3 Audio和Video的属性 145

6.2.4 Audio和Video的方法 149

6.2.5 Audio和Video的事件 149

6.2.6 案例：在网页上使用背景音乐 151

6.2.7 案例：在网页上播放视频 151

6.3 播放控制 152

6.3.1 预加载媒体文件 152

6.3.2 视频封面图 153

6.3.3 自动播放 153

6.3.4 循环播放 153

6.3.5 添加变量 153

6.3.6 播放 153

6.3.7 暂停 155

6.3.8 快放、慢放、慢动作 155

6.3.9 快进、快退 156

6.3.10 进度拖动 157

6.3.11 音量控制 159

6.3.12 全屏播放 160

6.3.13 播放器容错处理 162

6.4 解决兼容问题 163

6.4.1 浏览器对多媒体的兼容性支持 163

6.4.2 使用多种媒体格式提升兼容性 165

6.4.3 使用Flash提升兼容性 165

6.5 字幕 166

6.5.1 标记时间的文本轨道 167

6.5.2 视频字幕 170

6.6 案例：使用播放器插件实现视频播放 171

第7章 初识CSS3 173

7.1 CSS3概述 174

7.1.1 什么是CSS 174

7.1.2 CSS发展史 174

7.1.3 CSS3新特征 174

7.1.4 主流浏览器对CSS3的支持 176

7.1.5 谁在使用CSS3 178

7.1.6 CSS3的未来 178

7.2 CSS3功能 178

7.2.1 CSS3模块 178

7.2.2 使用CSS3的优势 180

7.3 在HTML中使用CSS 181

7.3.1 内联样式 181

7.3.2 嵌入样式 181

7.3.3 外部样式 182

7.3.4 网站CSS文件的规划 183

7.4 案例：基于终端设备选择不同样式 184

7.5 案例：基于浏览器选择不同样式 185

第8章 选择器 186

8.1 认识CSS选择器 187

8.2 基础选择器 187

8.2.1 语法 187

8.2.2 通配符选择器 188

8.2.3 元素选择器 189

8.2.4 类选择器 190

8.2.5 ID选择器 192

8.2.6 选择器兼容性 193

8.3 层次选择器 194

8.3.1 语法 194

8.3.2 后代选择器 194

8.3.3 子选择器 195

8.3.4 相邻兄弟选择器 196

8.3.5 通用兄弟选择器 197

8.3.6 选择器组合 198

8.3.7 选择器兼容性 199

8.4 伪类选择器 199

8.4.1 语法 199

8.4.2 动态伪类选择器 200

8.4.3 目标伪类选择器 201

8.4.4 语言伪类选择器 202

8.4.5 UI元素状态伪类选择器 203

8.4.6 结构伪类选择器 205

8.4.7 否定伪类选择器 212

8.4.8 伪元素 214

8.5 属性选择器 217

8.5.1 语法 217

8.5.2 使用方法 218

8.5.3 浏览器兼容性 221

第9章 文字样式 222

9.1 文本样式 223

9.2 字体样式 232

9.3 文本效果 236

9.4 使用服务器端字体 240

9.5 案例：诗歌排版 241

9.6 案例：使用服务器端字体实现网站图标 242

第10章 盒模型 244

10.1 盒子 245

10.2 盒子类型 255

10.3 盒子的属性 269

10.4 浏览器的盒子调试 279

盒子调试 283

第11章 背景与边框 284

11.1 背景属性 285

11.2 边框属性 293

11.3 案例：图片轮转的实现 315

11.4 案例：网页课程表的实现 316

第12章 布局 322

12.1 定位与布局的基本属性 323

12.2 多列布局 337

12.3 盒布局 341

12.4 案例：网页布局 356

第13章 CSS动画 368

13.1 Web动画 369

13.2 使用变形属性 370

13.3 使用过渡属性 388

13.4 使用动画属性 401

13.5 案例：引人入胜的动态照片墙 414

第14章 初识JavaScript 416

14.1 JavaScript概述 417

14.2 语法 418

14.3 DOM 431

14.4 案例：使用JavaScript进行表单验证 435

14.5 案例：使用JavaScript实现规定时间内

答题效果 439

14.5.1 功能 439

14.5.2 实现效果 439

14.5.3 代码 440

第15章 jQuery编程 442

15.1 jQuery概述 443

15.2 jQuery基础应用 446

15.3 jQuery中的DOM操作 473

15.4 jQuery插件 488

15.5 案例：使用jQuery插件实现表单验证 499

15.6 案例：使用JQuery Mobile快速开发手机网站 501

第16章 AJAX 504

16.1 概述 505

16.2 基础知识 506

16.3 AJAX实现 508

16.4 使用jQuery实现AJAX 513

16.5 案例：实时表单验证 528

第17章 文件 536

17.1 文件存储 537

17.2 处理用户文件 537

17.3 文件操作 546

17.4 文件内容操作 558

17.5 案例：用户本地资源管理 564

第18章 绘图 572

18.1 Canvas基础知识 573

18.1.1 Canvas 573

18.2 图形绘制 577

18.3 图形变换与控制 598

18.4 案例：用Canvas绘制统计报表 611

第19章 本地存储 615

19.1 本地存储 616

19.1.1 本地存储简介 616

19.1.2 本地存储类型 616

19.2 Web Storage 618

19.3 IndexedDB 623

19.4 Cookie 630

19.5 案例：使用本地数据提升服务器性能 635

第20章 Web测试 641

20.1 概述 642

20.1.1 什么是Web测试 642

20.1.2 测试内容 642

20.1.3 测试目的 643

20.2 用户界面测试 643

20.2.1 导航测试 643

20.2.2 图形测试 644

20.2.3 内容测试 644

20.2.4 整体界面测试 644

20.3 兼容性测试 645

20.3.1 平台兼容性测试 645

20.3.2 浏览器兼容性测试 646

20.3.3 分辨率兼容性测试 648

20.4 功能测试 648

20.5 性能测试 651

20.5.1 连接速度测试 652

20.5.2 压力测试 656

参考文献 665