HTML5应用开发与实践PDF电子书下载

第1章 HTML5概述 1

1.1 HTML5简介 1

1.1.1 HTML发展历程 1

1.1.2 HTML开发组织 2

1.1.3 HTML5的新特性 2

1.2 HTML的标签构成 3

1.2.1 HTML标签概述 3

1.2.2开始标签〈html〉 4

1.2.3头部标签〈head〉 4

1.2.4标题标签〈title〉 5

1.2.5主体标签〈body〉 5

1.2.6编写时注意事项 5

1.3 HTML文件的编写方法 6

1.3.1手工编写页面 6

1.3.2使用可视化软件制作页面 7

1.3.3使用浏览器浏览HTML文件 10

1.4综合实例—在浏览器中输出“你好” 11

知识点提炼 11

习题 11

第2章 HTML5的元素与属性 12

2.1 HTML5的语法变化 12

2.1.1 HTML5中的标记方法 12

2.1.2 HTML5与之前版本的不同 13

2.2新增的元素和废除的元素 14

2.2.1新增的结构元素 14

2.2.2新增的行内（inline）语义元素 15

2.2.3新增的块级（block）语义元素 15

2.2.4新增的input元素的类型 16

2.2.5新增的多媒体元素与交互性元素 16

2.2.6废除的元素 17

2.3新增的属性和废除的属性 18

2.3.1新增的属性 18

2.3.2废除的属性 20

2.4全局属性 22

2.4.1 designMode属性 22

2.4.2 hidden属性 22

2.4.3 contentEditable属性 22

2.4.4 tabindex属性 23

2.4.5 spellcheck属性 23

2.5综合实例——检查单词的拼写情况 24

知识点提炼 24

习题 24

第3章 HTML5表单 25

3.1表单概述 25

3.2表单的基本元素 26

3.2.1表单标记及其属性 26

3.2.2表单基本元素 29

3.3表单新增元素 40

3.3.1新增表单元素与属性 40

3.3.2验证表单 46

3.3.3新增和改良的页面元素 48

3.4综合实例search搜索类型的input元素 55

知识点提炼 56

习题 56

第4章 文件与拖放 58

4.1选择文件 58

4.1.1 FileList对象与fiile对象 58

4.1.2 Blob对象的属性 59

4.1.3通过类型过滤文件 60

4.2使用FileReader对象读取文件 62

4.2.1检测浏览器对FileReader对象的支持 62

4.2.2 FileReader对象的方法 62

4.2.3实现图片的预览 62

4.2.4文本文件的读取 64

4.2.5 FileReader对象中的事件 65

4.3拖放API的使用 66

4.3.1实现拖放的步骤 66

4.3.2拖放实例 67

4.4 dataTransfer对象 69

4.4.1设置拖放效果 69

4.4.2设置拖放图标 70

4.5综合实例——使用拖放API将商品拖入购物车 71

知识点提炼 73

习题 73

第5章 绘制图形 74

5.1 canvas基础 74

5.1.1 canvas元素简介 74

5.1.2插入canvas元素 74

5.1.3绘制矩形实例 76

5.2使用路径绘制圆形 77

5.2.1绘制圆形 77

5.2.2绘制火柴人 78

5.2.3绘制贝塞尔曲线 80

5.3运用样式与颜色 82

5.3.1 fillStyle和strokeStyle属性 82

5.3.2 globalAlpha属性 84

5.3.3线型Line styles 85

5.4实现图形的变形 87

5.4.1坐标的变换 87

5.4.2矩阵变换 88

5.5绘制渐变图形 91

5.5.1绘制线性渐变 91

5.5.2绘制径向渐变 92

5.6绘制阴影和组合图形 93

5.6.1绘制阴影 93

5.6.2绘制组合图形 94

5.7绘制文字 96

5.8应用图像 97

5.8.1绘制图像 97

5.8.2图像的局部放大 99

5.8.3图像平铺 100

5.8.4图像裁剪 102

5.8.5处理像素 102

5.9保存与恢复状态 103

5.10文件的保存 104

5.11使用画布绘制动画 104

5.12综合实例——绘制桌面时钟 105

知识点提炼 108

习题 108

第6章 HTML5中的多媒体 109

6.1 HTML5页面中的多媒体 109

6.2多媒体元素的属性 110

6.3多媒体元素的方法 114

6.3.1媒体播放时的方法 114

6.3.2 canPlayType方法 115

6.4多媒体元素的事件 116

6.4.1事件处理 116

6.4.2事件介绍 116

6.5综合实例——用timeupdate事件动态显示媒体文件播放时间 117

知识点提炼 119

习题 119

第7章 HTM L5的数据存储 120

7.1 Web Storage 120

7.1.1 Web Storage简介 120

7.1.2.WebStorage的API 121

7.1.3两种不同存储类型的实例——计数器 122

7.1.4 JSON对象的存储实例——用户信息卡 124

7.2 Web SQL数据库 126

7.2.1 Web SQL数据库简介 126

7.2.2 Web SQL Database API的使用 126

7.3跨文档消息通信 128

7.3.1 postMessageAPI的使用 128

7.3.2跨文档消息传输 128

7.4综合实例——简单的Web留言本 130

知识点提炼 132

习题 132

第8章 离线Web应用和地理定位 133

8.1 HTML5离线Web应用 133

8.1.1 HTML5离线Web应用概述 133

8.1.2创建HTML5离线应用 135

8.1.3浏览器与服务器的交互 137

8.1.4 applicationCache对象 138

8.2获取地理位置 142

8.2.1 GeolocatioNAPI概述 142

8.2.2 position对象 144

8.3综合实例——在页面上使用google地图 146

知识点提炼 147

习题 148

第9章 CSS3基础 149

9.1 CSS3概述 149

9.2 CSS3新特性 150

9.3 CSS3选择器 151

9.3.1选择器概述 151

9.3.2属性选择器 152

9.3.3结构性伪类选择器 154

9.3.4 UI元素状态伪类选择器 161

9.3.5通用兄弟元素选择器 166

9.4综合实例——生动的列表导航 167

知识点提炼 170

习题 171

第10章 CSS字体与文本相关属性 172

10.1给文字添加阴影——text-shadow属性 172

10.1.1text-shadow属性的使用方法 172

10.1.2指定多个阴影 174

10.2文本相关属性 174

10.2.1文本自动换行：word-break 174

10.2.2长单词和URL地址换行 175

10.3 CSS 3新增的服务器字体 176

10.3.1使用服务器字体 176

10.3.2定义粗体、斜体字 177

10.3.3优先使用客户端字体 179

10.4使用font-size-adjust属性微调字体大小 180

10.4.1字体不同导致文字大小的不同 180

10.4.2 font-size-adjust属性的使用方法 181

10.4.3 font-size-adjust属性的使用示例 181

10.5综合实例——设计立体文本 182

知识点提炼 183

习题 183

第11章 CSS3美化背景与边框 184

11.1设置背景 184

11.1.1设置背景颜色 184

11.1.2设置背景图片 186

11.1.3 CSS 3新增的与背景相关的属性 189

11.2边框设置 193

11.2.1设置边框的线宽 193

11.2.2设置边框的样式 195

11.2.3设置边框的颜色 196

11.2.4边框综合属性 197

11.2.5 CSS 3新增的与边框相关的属性 198

11.3内外边距的相关属性 201

11.3.1设置内边距 201

11.3.2设置外边距 202

11.4综合实例——设计企业门户网站首页 203

知识点提炼 205

习题 205

第12章 变形与动画相关属性 206

12.1 CSS变形（Transformation） 206

12.1.1变形基础—transform属性 206

12.1.2旋转动画rotate（）函数 207

12.1.3缩放动画——scale（）函数 208

12.1.4移动动画——translate（）函数 210

12.1.5倾斜动画——skew（）函数 211

12.1.6变形原点——transform-origin属性 213

12.2 CSS过渡——transition属性 214

12.2.1设置过渡的CSS属性——transition-property属性 214

12.2.2设置过渡的时间——transition-duration属性 216

12.2.3设置过渡延迟时间——transition-delay属性 217

12.2.4设置过渡效果——transition-timing-function属性 218

12.3 CSS动画—animation属性 220

12.4综合实例——模拟进度条效果 223

知识点提炼 224

习题 225

第13章 JavaScript概述 226

13.1 JavaScript概貌 226

13.1.1 JavaScript的历史起源 226

13.1.2 JavaScript的主要特点 227

13.1.3 JavaScript成功案例 227

13.2搭建JavaScript开发环境 229

13.2.1硬件要求 229

13.2.2软件要求 229

13.2.3浏览器对JavaScript的支持 230

13.3编写JavaScript的工具 231

13.3.1 Adobe Dreamweaver 231

13.3.2 Microsoft FrontPage 232

13.4 JavaScript在HTML中的使用 232

13.4.1在页面中直接嵌入JavaScript 232

13.4.2链接外部JavaScript 233

13.5综合实例——用JS输出中文字符串 233

知识点提炼 234

习题 234

第14章 JavaScript语言基础 235

14.1 JavaScript数据结构 235

14.1.1标识符 235

14.1.2关键字 236

14.1.3常量 236

14.1.4变量 236

14.2数据类型 238

14.2.1数字型数据 238

14.2.2字符串型数据 239

14.2.3布尔型数据 240

14.2.4特殊数据类型 240

14.2.5数据类型的转换规则 241

14.3运算符与表达式 242

14.3.1算术运算符 243

14.3.2比较运算符 243

14.3.3赋值运算符 244

14.3.4字符串运算符 245

14.3.5布尔运算符 245

14.3.6条件运算符 245

14.3.7其他运算符 246

14.3.8运算符优先级 247

14.3.9表达式 248

14.4流程控制语句 248

14.4.1条件控制语句 248

14.4.2循环控制语句 255

14.4.3跳转语句 257

14.5函数 259

14.5.1函数的定义 259

14.5.2函数的调用 260

14.5.3几种特殊的函数 263

14.6综合实例——将长数字分位显示 268

知识点提炼 269

习题 269

第15章 JavaScript内置对象 271

15.1字符串对象String 271

15.1.1 search方法 271

15.1.2 match方法 272

15.1.3 split方法 272

15.1.4 replace方法 273

15.2常用的数值处理对象 273

15.2.1 Math对象 273

15.2.2 Number对象 275

15.2.3 Boolean对象 279

15.2.4 Date对象 280

15.3数组对象 283

15.3.1数组对象Array 283

15.3.2常用的数组操作方法 286

15.3.3获取数组中的某段数组元素 289

15.3.4将数组转换成字符串 290

15.4综合实例——使用数组存储商品信息 291

知识点提炼 291

习题 292

第16章 JavaScript对象编程与事件处理 293

16.1文档（document）对象 293

16.1.1文档对象的常用属性、方法与事件 294

16.1.2 Document对象的应用 296

16.2窗口（window）对象 302

16.2.1窗口对象的常用属性与方法 302

16.2.2控制窗口 304

16.2.3窗口事件 311

16.3 DOM对象 312

16.3.1 DOM概述 312

16.3.2 DOM对象节点属性 313

16.3.3操作节点 318

16.3.4获取文档中的指定元素 324

16.4事件处理 325

16.4.1事件与事件处理概述 325

16.4.2 DOM事件模型 328

16.4.3表单相关事件 331

16.4.4鼠标键盘事件 335

16.4.5页面事件 339

16.5综合实例——动态设置网页的标题栏 341

知识点提炼 342

习题 343

第17章 HTML5、 CSS3与JavaScript综合应用 344

17.1综合实例1——文字升降特效 344

17.2综合实例2——闪烁的图片 345

17.3综合实例3——左右移动的图片 346

17.4综合实例4——自动隐藏菜单 348

17.5综合实例5——树状导航菜单 351

17.6综合实例6——颜色选择器 353

第18章 课程设计——旅游信息网前台 357

18.1需求分析 357

18.2系统设计 357

18.2.1系统目标 357

18.2.2网站预览 357

18.3开发及运行环境 359

18.4关键技术 360

18.4.1网站主题结构设计 360

18.4.2 HTML5结构元素的使用 360

18.5网站公共部分设计 361

18.5.1设计网站公共header 361

18.5.2设计网站公共footer 367

18.6网站主页设计 367

18.6.1显示网站介绍及相关图片 368

18.6.2主页左侧导航的实现 369

18.7“留下足迹”页面设计 371

18.7.1播放音乐 372

18.7.2添加留言功能的实现 372

18.8课程设计总结 374