HTML5程序设计基础教程PDF|Epub|txt|kindle电子书版本网盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 HTML5概述1

1.1 HTML基础1

1.1.1什么是HTML1

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 DOM54

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 API82

3.3.3 FileList接口83

3.3.4 FileReader接口85

练习题87

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

4.1 CSS基础88

4.1.1什么是CSS88

4.1.2在HTML文档中应用CSS89

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中使用SVG188

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 2228

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 WebSocket243

9.3.1什么是Socket244

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 localstorage254

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 sessionstorage259

10.3.1判断浏览器是否支持sessionstorage259

10.3.2使用sessionstorage保存数据260

10.3.3获取sessionstorage中的数据260

10.3.4删除sessionstorage中的数据261

10.4 webSQLDatabase API261

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

10.4.2新建数据库262

10.4.3执行SQL语句262

10.5 IndexedDB266

10.5.1数据库的相关概念266

10.5.2判断浏览器是否支持IndexedDB267

10.5.3创建和打开数据库268

10.5.4创建对象存储空间ObjectStore268

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 API283

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 Workers301

13.1概述301

13.1.1什么是线程301

13.1.2什么是HTML5 Web Workers302

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下载jQuery309

14.1.2初识jQuery310

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表单API337

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 使用CSS3370

实验6 HTML5拖放372

实验7 使用Canvas API画图373

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

实验9 播放多媒体377

实验10 Web通信378

实验11 本地存储379

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

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

实验14 支持多线程编程的Web Workers383

实验15 jQuery编程384