HTML5基础开发教程

《HTML5基础开发教程 》是2013年5月 出版的图书。主要面向高等院校学生，以及没有开发经验或者仅有少量程序设计基础的读者，因此书中所讲解内容较为基础、细致。书中每一章节都提供了上机实践环节，使读者在理论学习基础上结合实际操作，力求使读者真正做到学以致用。

HTML5基础开发教程基本信息

书　名　HTML5基础开发教程

丛 书 名　21世纪高等教育计算机规划教材

标准书号　ISBN 978-7-115-31212-9

作　者　范立锋 于合龙 孙丰伟 主编

责任编辑　刘博

开　本　16 开

印　张　13

字　数　338 千字

页　数　200 页

装　帧　平装

版　次　第1版第1次

初版时间　2013年5月

本 印 次

首 印 数　-- 册

定　价　29.80 元

HTML5基础开发教程内容提要

本书内容主要分为三大部分。第一部分介绍了HTML5的相关开发技术，包括HTML的发展，HTML5与之前版本的区别，HTML5的表单元素应用，HTML5的多媒体元素应用，HTML5的图像及动画应用，HTML5的元素拖曳技术，HTML5的数据存储技术，HTML5的离线应用及地理位置应用。第二部分介绍了CSS3的相关知识，包括CSS3选择器的应用，使用CSS3控制页面样式，使用CSS3在页面中插入信息，使用CSS3控制元素变形以及CSS3中的元素过渡应用。第三部分为HTML5与CSS3的综合应用实例。

本书主要面向高等院校学生，以及没有开发经验或者仅有少量程序设计基础的读者，因此书中所讲解内容较为基础、细致。书中每一章节都提供了上机实践环节，使读者在理论学习基础上结合实际操作，力求使读者真正做到学以致用。

HTML5基础开发教程目录

第1章　初识HTML5　1

1.1　HTML发展史　1

1.2　为什么要学习HTML5　2

1.3　HTML5的开发环境　2

1.4　浏览器对HTML5支持性检测　3

小结　6

习题　6

第2章　HTML5——全新的HTML　7

2.1　新的语法结构　7

2.2　新的页面架构　8

2.3　元素的改变　10

2.3.1　新增的元素　10

2.3.2　停止使用的元素　14

2.4　属性的改变　15

2.4.1　新增的属性　15

2.4.2　停止使用的属性　16

2.4.3　全局属性　16

小结　18

习题　18

第3章　HTML5的表单　19

3.1　新的input输入类型及属性　19

3.1.1　新的input输入类型　19

3.1.2　新的input公用属性　25

3.2　表单的验证方式　30

3.2.1　自动验证方式　30

3.2.2　调用checkValidity()方法实现验证　32

3.2.3　自定义提示信息　33

3.2.4　设置不验证　33

3.3　上机实践——设计注册页面　34

3.3.1　实践目的　34

3.3.2　设计思路　34

3.3.3　实现过程　34

3.3.4　演示效果　36

小结　37

习题　37

第4章　HTML5的多媒体　38

4.1　HTML5的多媒体元素　38

4.2　多媒体元素的属性　38

4.2.1　autoplay属性　38

4.2.2　controls属性　39

4.2.3　error属性　39

4.2.4　poster属性　41

4.2.5　networkState属性　41

4.2.6　width与height属性　43

4.2.7　readyState属性　43

4.2.8　其他属性　45

4.3　多媒体元素的方法　46

4.3.1　多媒体支持性检测方法　46

4.3.2　多媒体播放方法　49

4.4　多媒体元素的事件　50

4.4.1　事件捕捉方法　50

4.4.2　支持的事件类型　51

4.4.3　播放事件的应用　52

4.5　上机实践——DIY视频播放器　53

4.5.1　实践目的　53

4.5.2　设计思路　53

4.5.3　实现过程　53

4.5.4　演示效果　56

小结　57

习题　57

第5章　HTML5的图像及动画　58

5.1　了解canvas元素　58

5.1.1　canvas的用法　58

5.1.2　一个简单的canvas画图实例　59

5.2　使用路径画图　59

5.2.1　理解canvas的坐标系　60

5.2.2　使用moveTo、lineTo画线　60

5.2.3　使用arc方法画弧　61

5.2.4　绘制贝塞尔图形　64

5.3　图形操作　65

5.3.1　图形样式设置　65

5.3.2　画渐变图形　66

5.3.3　图形坐标变换　69

5.3.4　图形组合处理　72

5.3.5　图形阴影　74

5.4　图像操作　75

5.4.1　画图像　75

5.4.2　图像平铺　77

5.4.3　图像剪裁　79

5.4.4　像素处理　80

5.5　canvas其他操作　82

5.5.1　绘制文字　82

5.5.2　保存、恢复图形　84

5.6　制作动画　86

5.7　上机实践——绘制时钟　87

5.7.1　实践目的　87

5.7.2　设计思路　87

5.7.3　实现过程　88

5.7.4　演示效果　89

小结　90

习题　90

第6章　HTML5的元素拖曳　91

6.1　拖曳曾经的解决方案　91

6.2　HTML5中拖曳的实现　91

6.3　dataTransfer对象　94

6.4　文件拖曳操作　95

6.5　上机实践——拖曳式点菜界面　96

6.5.1　实践目的　96

6.5.2　设计思路　97

6.5.3　实现过程　97

6.5.4　演示效果　99

小结　100

习题　100

第7章　HTML5的数据存储　101

7.1　为什么需要数据存储　101

7.2　Web Storage　101

7.2.1　Web Storage与Cookie的比较　102

7.2.2　Web Storage的两种存储方式　102

7.2.3　localStorage的多数据操作　104

7.3　Web SQL数据库　106

7.3.1　创建数据库　106

7.3.2　Web SQL的增删改查　107

7.4　上机实践——注册与登录　112

7.4.1　实践目的　112

7.4.2　设计思路　112

7.4.3　实现过程　112

7.4.4　演示效果　115

小结　116

习题　116

第8章　HTML5离线应用及地理位置应用　117

8.1　离线应用　117

8.1.1　离线应用的工作原理　117

8.1.2　管理本地缓存　117

8.1.3　applicationCache检测及更新缓存　118

8.1.4　检测在线状态　119

8.2　地理位置应用　119

8.2.1　Geolocation的工作原理　119

8.2.2　获取当前地理位置　120

8.2.3　监视地理位置信息　121

8.2.4　停止获取当前地理位置信息　121

8.3　上机实践——在搜狗地图中定位　121

8.3.1　实践目的　121

8.3.2　设计思路　121

8.3.3　实现过程　121

8.3.4　演示效果　123

小结　124

习题　124

第9章　CSS3入门与基础　125

9.1　CSS3是什么　125

9.2　CSS3的一个简单应用　125

9.3　CSS3的常用选择器　129

9.3.1　为什么要使用选择器　129

9.3.2　属性选择器　130

9.3.3　类选择器　132

9.3.4　伪类选择器　134

9.4　控制页面样式　137

9.4.1　控制圆角边框样式　137

9.4.2　控制背景样式　140

9.4.3　控制颜色样式　145

9.4.4　控制页面布局　148

9.5　上机实践——购物车结算界面　150

9.5.1　实践目的　150

9.5.2　设计思路　151

9.5.3　实现过程　151

9.5.4　显示效果　153

小结　153

习题　153

第10章　CSS3高级应用　154

10.1　在页面中插入内容　154

10.1.1　插入文字　154

10.1.2　插入图像　156

10.1.3　插入项目编号　157

10.2　文字样式控制　158

10.2.1　为文字增加阴影效果　158

10.2.2　设置单词及网址自动换行　160

10.2.3　使用服务器端字体　161

10.3　元素变形处理　161

10.3.1　缩放效果　162

10.3.2　旋转效果　162

10.3.3　移动效果　163

10.3.4　倾斜效果　164

10.4　样式过渡　165

10.5　更为复杂的样式过渡　166

10.6　上机实践——个性留言板　167

10.6.1　实践目的　167

10.6.2　设计思路　167

10.6.3　实现过程　167

10.6.4　显示效果　169

小结　171

习题　171

第11章　综合案例　172

11.1　马里奥大逃亡游戏　172

11.1.1　游戏介绍　172

11.1.2　需求分析　172

11.1.3　详细设计　173

11.1.4　游戏效果　176

11.2　欧美风格企业网站　177

11.2.1　需求分析　177

11.2.2　概要设计　178

11.2.3　详细设计　179

11.2.4　网站效果　197