HTML5程序设计基础教程PDF电子书下载

第1章 HTML5概述 1

1.1 HTML基础 1

1.1.1什么是HTML 1

1.1.2 HTML的历史 2

1.2 HTML4基础 3

1.2.1设置网页背景和颜色 3

1.2.2设置字体属性 3

1.2.3超级链接 5

1.2.4图像和动画 6

1.2.5表格 6

1.2.6使用框架 8

1.2.7其他常用标签 10

1.3 HTML5的新特性 12

1.3.1简化的文档类型和字符集 12

1.3.2 HTML5的新结构 13

1.3.3 HTML5的新增内联元素 17

1.3.4支持动态页面 19

1.3.5全新的表单设计 22

1.3.6强大的绘图和多媒体功能 22

1.3.7打造桌面应用的一系列新功能 23

1.3.8获取地理位置信息 23

1.3.9支持多线程 23

1.3.10废弃的标签 24

1.4支持HTML5的浏览器 25

练习题 26

第2章 JavaScript编程 29

2.1在HTML中使用JavaScript语言 29

2.1.1在HTML中插入JavaScript代码 29

2.1.2使用js文件 30

2.2基本语法 30

2.2.1数据类型 30

2.2.2变量 30

2.2.3注释 31

2.2.4运算符 32

2.3常用语句 35

2.3.1条件分支语句 35

2.3.2循环语句 39

2.4函数 42

2.4.1创建自定义函数 42

2.4.2调用函数 43

2.4.3变量的作用域 44

2.4.4函数的返回值 45

2.5面向对象程序设计 45

2.5.1面向对象程序设计思想简介 45

2.5.2 JavaScript内置类 46

2.5.3 HTML DOM 54

2.5.4 Window对象 55

2.5.5 Navigator对象 60

2.5.6 document对象 62

2.6 JavaScript事件处理 63

2.6.1常用HTML事件 63

2.6.2 Window对象的事件处理 65

2.6.3 Event对象 65

练习题 67

第3章 HTML5表单及文件处理 68

3.1 HTML4表单 68

3.1.1定义表单 68

3.1.2文本框 69

3.1.3文本区域 70

3.1.4单选按钮 71

3.1.5复选框 71

3.1.6组合框 72

3.1.7按钮 72

3.2 HTML5表单的新特性 73

3.2.1新的input类型 73

3.2.2新的表单元素 77

3.2.3新的表单属性 79

3.2.4表单验证 80

3.3文件处理 82

3.3.1选择文件的表单控件 82

3.3.2检测浏览器是否支持HTML5 File API 82

3.3.3 FileList接口 83

3.3.4 FileReader接口 85

练习题 87

第4章 最新版本的层叠样式表——CSS3 88

4.1 CSS基础 88

4.1.1什么是CSS 88

4.1.2在HTML文档中应用CSS 89

4.1.3颜色与背景 91

4.1.4设置字体 92

4.1.5设置文本属性 93

4.1.6超链接 99

4.1.7列表 100

4.1.8表格 102

4.1.9 CSS轮廓 106

4.1.10浮动元素 107

4.2 CSS3的新技术 109

4.2.1实现圆角效果 109

4.2.2多彩的边框颜色 113

4.2.3阴影 114

4.2.4背景图片 115

4.2.5多列 117

4.2.6嵌入字体 119

4.2.7透明度 120

4.2.8 HSL和HSLA颜色表现方法 122

4.3 CSS3应用实例 124

4.3.1 HTML5+CSS3设计页面布局 124

4.3.2设计漂亮的导航菜单 128

4.3.3设计登录页面 130

练习题 134

第5章 HTML5拖放 135

5.1概述 135

5.1.1什么是拖放 135

5.1.2设置元素为可拖放 135

5.1.3拖放事件 136

5.2传递拖曳数据 136

5.2.1 dataTransfer对象的属性 137

5.2.2 dataTransfer对象的方法 137

5.3 HTML5拖放的实例 138

5.3.1拖放HTML元素 138

5.3.2拖放文件 139

练习题 141

第6章 使用Canvas API画图 142

6.1 Canvas元素 142

6.1.1 Canvas元素的定义语法 142

6.1.2使用JavaScript获取网页中的canvas对象 143

6.2坐标与颜色 143

6.2.1坐标系统 143

6.2.2颜色的表示方法 143

6.3绘制图形 145

6.3.1绘制直线 145

6.3.2绘制贝塞尔曲线 147

6.3.3绘制矩形 149

6.3.4绘制圆弧 152

6.4描边和填充 153

6.4.1描边 153

6.4.2填充图形内部 156

6.4.3渐变颜色 157

6.4.4透明颜色 162

6.5绘制图像与文字 163

6.5.1绘制图像 163

6.5.2输出文字 166

6.6图形的操作 169

6.6.1保存和恢复绘图状态 169

6.6.2移动 170

6.6.3缩放 171

6.6.4旋转 172

6.6.5变形 172

6.7组合和阴影 174

6.7.1组合图形 175

6.7.2绘制阴影 177

6.8 HTML5 Canvas应用实例 178

6.8.1绘制漂亮的警告牌 179

6.8.2动画实例：小型太阳系模型 181

练习题 184

第7章 绘制可伸缩矢量图形（SVG） 185

7.1 SVG概述 185

7.1.1 SVG的特性 185

7.1.2 XML基础 185

7.1.3一个SVG实例 187

7.1.4 SVG坐标系统 187

7.1.5在HTML5中使用SVG 188

7.2 SVG形状 188

7.2.1绘制直线 188

7.2.2绘制折线 189

7.2.3绘制矩形 190

7.2.4绘制圆形 190

7.2.5绘制椭圆 191

7.2.6绘制多边形 191

7.2.7路径 192

7.3线条和填充 194

7.3.1设置线条的属性 194

7.3.2填充 197

7.4 SVG文本与图片 198

7.4.1输出文本 198

7.4.2 SVG图片 201

7.5 SVG滤镜 201

7.5.1定义滤镜 202

7.5.2应用滤镜 203

7.6渐变颜色 203

7.6.1线性渐变 204

7.6.2放射性渐变 204

7.7变换坐标系 205

7.7.1视窗变换——viewBox属性 206

7.7.2用户坐标系的变换——transform属性 206

练习题 208

第8章 播放多媒体 210

8.1 HTML5音频 210

8.1.1 audio标签 210

8.1.2播放背景音乐 211

8.1.3设置替换音频源 212

8.1.4使用JavaScript语言访问audio对象 212

8.2 HTML5视频 216

8.2.1 video标签 216

8.2.2使用JavaScript语言访问video对象 218

练习题 224

第9章 Web通信 225

9.1跨文档消息机制 225

9.1.1检测浏览器对跨文档消息机制的支持情况 225

9.1.2使用postMessage API发送消息 226

9.1.3监听和处理消息事件 227

9.2 XMLHttpRequest Level 2 228

9.2.1创建XMLHttpRequest对象 229

9.2.2发送HTTP请求 229

9.2.3从服务器接收数据 230

9.2.4进行HTTP头（HEAD）请求 233

9.2.5超时控制 236

9.2.6使用FormData对象向服务器发送数据 236

9.2.7使用FormData对象上传文件 239

9.3 WebSocket 243

9.3.1什么是Socket 244

9.3.2 WebSocket API概述 246

9.3.3 WebSocketAPI编程 246

9.3.4 WebSocket服务器 248

练习题 251

第10章 本地存储 252

10.1概述 252

10.1.1 HTML4的本地数据存储方式 252

10.1.2 HTML5本地存储技术概述 254

10.2 localstorage 254

10.2.1浏览器对localstorage的支持情况 254

10.2.2使用localstorage保存数据 255

10.2.3获取localstorage中的数据 255

10.2.4删除localstorage中的数据 257

10.2.5 storage事件 257

10.3 sessionstorage 259

10.3.1判断浏览器是否支持sessionstorage 259

10.3.2使用sessionstorage保存数据 260

10.3.3获取sessionstorage中的数据 260

10.3.4删除sessionstorage中的数据 261

10.4 webSQLDatabase API 261

10.4.1判断浏览器是否支持webSQL Database API 261

10.4.2新建数据库 262

10.4.3执行SQL语句 262

10.5 IndexedDB 266

10.5.1数据库的相关概念 266

10.5.2判断浏览器是否支持IndexedDB 267

10.5.3创建和打开数据库 268

10.5.4创建对象存储空间ObjectStore 268

10.5.5创建索引 271

10.5.6事务 272

10.5.7游标 275

练习题 280

第11章 开发支持离线的Web应用程序 281

11.1 HTML5离线Web应用程序概述 281

11.1.1什么是离线Web应用程序 281

11.1.2开发离线Web应用程序需要完成的工作 283

11.2开发HTML5离线Web应用程序 283

11.2.1 Application Cache API 283

11.2.2 Cache manifest文件 284

11.2.3更新缓存 286

11.2.4检测在线状态 289

练习题 290

第12章 获取浏览器的地理位置信息 291

12.1概述 291

12.1.1什么是浏览器地理位置 291

12.1.2浏览器对获取地理位置信息的支持情况 291

12.2获取地理位置信息 292

12.2.1 getCurrentPosition（）方法 292

12.2.2 watchPosition（）方法 295

12.2.3 clearWatch（）方法 296

12.3数据保护 296

12.3.1在Internet Explorer 9中配置共享地理位置 297

12.3.2在Chrome中配置共享地理位置 298

12.3.3在Firefox中配置共享地理位置 299

练习题 300

第13章 支持多线程编程的Web Workers 301

13.1概述 301

13.1.1什么是线程 301

13.1.2什么是HTML5 Web Workers 302

13.1.3浏览器对Web Workers的支持情况 303

13.2 Web Workers编程 303

13.2.1创建Web Workers对象 303

13.2.2终止Web Workers对象 306

13.2.3共享线程（Shared Worker） 306

练习题 308

第14章 jQuery程序设计 309

14.1 jQuery基础 309

14.1.1下载jQuery 309

14.1.2初识jQuery 310

14.2 jQuery选择器 311

14.2.1基础选择器 312

14.2.2层次选择器 314

14.2.3基本过滤器 318

14.2.4内容过滤器 320

14.2.5可见性过滤器 322

14.2.6属性过滤器 322

14.2.7子元素过滤器 324

14.3设置HTML元素的属性与CSS样式 325

14.3.1设置HTML元素的属性 325

14.3.2设置CSS样式 328

14.4表单编程 332

14.4.1表单选择器 332

14.4.2表单过滤器 335

14.4.3表单API 337

14.5事件和Event对象 340

14.5.1事件处理函数 340

14.5.2 Event对象 340

14.5.3绑定到事件处理函数 343

14.5.4键盘事件 344

14.5.5鼠标事件 345

14.5.6文档加载事件 346

14.5.7浏览器事件 346

14.6 jQuery动画 347

14.6.1执行自定义的动画 348

14.6.2显示和隐藏HTML元素 349

14.6.3淡入淡出效果 350

14.6.4滑动效果 354

14.6.5动画队列 357

练习题 360

附录 实验 362

实验1 HTML4基础 362

实验2 HTML5的新特性 365

实验3 JavaScript编程 367

实验4 HTML5表单及文件处理 369

实验5 使用CSS3 370

实验6 HTML5拖放 372

实验7 使用Canvas API画图 373

实验8 绘制可伸缩矢量图形（SVG） 375

实验9 播放多媒体 377

实验10 Web通信 378

实验11 本地存储 379

实验12 开发支持离线的Web应用程序 381

实验13 获取浏览器的地理位置信息 382

实验14 支持多线程编程的Web Workers 383

实验15 jQuery编程 384