HTML5程序设计基础教程

《HTML5程序设计基础教程》是2013年人民邮电出版社出版的图书，作者是李雯、李洪发。

基本信息

    书名

    HTML5程序设计基础教程

    作者

    李雯、李洪发

    出版社

    2013年7月

    出版时间

    2013年7月

    页数

    386 页

    定价

    49 元

    开本

    16 开

    装帧

    平装

    ISBN

    978-7-115-31405-5

    丛书名

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

目录     

1内容简介

2目录

折叠

编辑本段

内容简介

HTML5是最新的HTML标准。尽管HTML5到目前为止还只是草案，离真正的规范还有相当的一段路要走，但HTML5已经引起了业内的广泛兴趣，Google Chrome、Firefox、Opera、Safari和Internet Explorer 9等主流浏览器都已经支持HTML5技术。HTML5无疑会成为未来10年最热门的互联网技术。本书涵盖了HTML5的各种新特性，主要内容包括HTML5概述、JavaScript、HTML5表单及文件处理、CSS、拖放、Canvas API画图、绘制可伸缩矢量图形、播放多媒体、Web通信、本地存储、开发支持离线的Web应用程序、获取浏览器的地理位置信息、支持多线程编程的Web Workers、jQuery等。读者在阅读本书时可以充分了解和体验HTML5的强大功能。

本书既可以作为大学本科"Web应用程序设计"课程的教材，也可作为高职高专院校相关专业的教材，或作为Web应用程序开发人员的参考用书。

折叠

编辑本段

目录

第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 WebSocket API编程 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 webSQL Database 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