HTML5+CSS3基础开发教程 第2版PDF电子书下载

第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 多媒体元素的方法 45

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 绘制图像 76

5.4.2 图像平铺 77

5.4.3 图像剪裁 79

5.4.4 像素处理 81

5.5 canvas其他操作 82

5.5.1 绘制文字 83

5.5.2 保存、恢复图形 84

5.6 制作动画 86

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

5.7.1 实践目的 87

5.7.2 设计思路 88

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 上机实践——拖曳式点菜界面 97

6.5.1 实践目的 97

6.5.2 设计思路 97

6.5.3 实现过程 97

6.5.4 演示效果 99

小结 100

习题 101

第7章 HTML5的数据存储 102

7.1 为什么需要数据存储 102

7.2 Web Storage 102

7.2.1 Web Storage与Cookie的比较 103

7.2.2 Web Storage的两种存储方式 103

7.2.3 localStorage的多数据操作 105

7.3 Web SQL数据库 107

7.3.1 创建数据库 107

7.3.2 Web SQL的增删改查 108

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

7.4.1 实践目的 113

7.4.2 设计思路 113

7.4.3 实现过程 113

7.4.4 演示效果 116

小结 118

习题 118

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

8.1 离线应用 119

8.1.1 离线应用的工作原理 119

8.1.2 管理本地缓存 119

8.1.3 applicationCache检测及更新缓存 120

8.1.4 检测在线状态 121

8.2 地理位置应用 121

8.2.1 Geolocation的工作原理 121

8.2.2 获取当前地理位置 122

8.2.3 监视地理位置信息 123

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

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

8.3.1 实践目的 123

8.3.2 设计思路 123

8.3.3 实现过程 123

8.3.4 演示效果 125

小结 126

习题 126

第9章 文件系统 127

9.1 FileAPI用途 127

9.2 FileAPI数据结构及接口标准 128

9.3 核心代码示例 129

9.3.1 判断浏览器是否支持 129

9.3.2 获取本地文件 129

9.3.3 Blob对象 132

9.4 浏览器对File API的支持情况 133

小结 133

习题 133

第10章 Web Worker 134

10.1 Web Worker应用场景 134

10.2 如何使用Web Worker 134

10.3 核心代码示例 136

10.4 Web Worker访问对象的限制 137

10.5 Web Worker传递JSON 137

10.6 浏览器对Web Worker的支持情况 139

小结 139

习题 139

第11章 SSE和WebSoceket 140

11.1 关于数据推送 140

11.2 SSE示例 141

11.2.1 SSE工作原理——客户端 141

11.2.2 SSE工作原理——服务端 143

11.3 WebSocket工作原理 143

11.3.1 WebSocket工作原理——客户端 144

11.3.2 WebSocket工作原理——服务端 145

11.4 上机实践——使用WebSocket实现聊天室 146

11.4.1 实践目的 146

11.4.2 设计思路 146

11.4.3 实现过程 146

11.4.4 演示效果 151

小结 151

习题 152

第12章 CSS3入门与基础 153

12.1 CSS3是什么 153

12.2 CSS3的一个简单应用 153

12.3 CSS3的常用选择器 157

12.3.1 为什么要使用选择器 157

12.3.2 属性选择器 158

12.3.3 类选择器 160

12.3.4 伪类选择器 162

12.4 控制页面样式 165

12.4.1 控制圆角边框样式 166

12.4.2 控制背景样式 168

12.4.3 控制颜色样式 173

12.4.4 控制页面布局 176

12.5 上机实践——购物车结算界面 179

12.5.1 实践目的 179

12.5.2 设计思路 179

12.5.3 实现过程 179

12.5.4 显示效果 181

小结 181

习题 181

第13章 CSS3高级应用 182

13.1 在页面中插入内容 182

13.1.1 插入文字 182

13.1.2 插入图像 184

13.1.3 插入项目编号 185

13.2 文字样式控制 186

13.2.1 为文字增加阴影效果 187

13.2.2 设置单词及网址自动换行 188

13.2.3 使用服务器端字体 189

13.3 元素变形处理 189

13.3.1 缩放效果 190

13.3.2 旋转效果 190

13.3.3 移动效果 191

13.3.4 倾斜效果 192

13.4 样式过渡 193

13.5 更为复杂的样式过渡 194

13.6 上机实践——个性留言板 195

13.6.1 实践目的 195

13.6.2 设计思路 195

13.6.3 实现过程 195

13.6.4 显示效果 198

小结 199

习题 199

第14章 综合案例 200

14.1 马里奥大逃亡游戏 200

14.1.1 游戏介绍 200

14.1.2 需求分析 200

14.1.3 详细设计 201

14.1.4 游戏效果 204

14.2 欧美风格企业网站 205

14.2.1 需求分析 205

14.2.2 概要设计 206

14.2.3 详细设计 207

14.2.4 网站效果 226

第15章 移动应用前端开发 230

15.1 引导页的设计 230

15.2 登录页的设计 231

15.3 注册页的设计 234

15.4 首页的设计 237

15.5 我的页面设计 241

15.6 新房源列表页的设计 243

15.7 新房内容页的设计 251