HTML5程序设计基础教程(工业和信息化普通高等教育“十二五”规划教材) PDF下载

 

  第1章HTML5概述
  
1.1HTML基础
  
1.1.1什么是HTML
  
1.1.2HTML的历史
  
1.2HTML4基础
  
1.2.1设置网页背景和颜色
  
1.2.2设置字体属性
  
1.2.3超级链接
  
1.2.4图像和动画
  
1.2.5表格
  
1.2.6使用框架
  
1.2.7其他常用标签
  
1.3HTML5的新特性
  
1.3.1简化的文档类型和字符集
  
1.3.2HTML5的新结构
  
1.3.3HTML5的新增内联元素
  
1.3.4支持动态页面
  
1.3.5全新的表单设计
  
1.3.6强大的绘图和多媒体功能
  
1.3.7打造桌面应用的一系列新功能
  
1.3.8获取地理位置信息
  
1.3.9支持多线程
  
1.3.10废弃的标签
  
1.4支持HTML5的浏览器
  
练习题
  

  
第2章JavaScript编程
  
2.1在HTML中使用JavaScript语言
  
2.1.1在HTML中插入JavaScript代码
  
2.1.2使用js文件
  
2.2基本语法
  
2.2.1数据类型
  
2.2.2变量
  
2.2.3注释
  
2.2.4运算符
  
2.3常用语句
  
2.3.1条件分支语句
  
2.3.2循环语句
  
2.4函数
  
2.4.1创建自定义函数
  
2.4.2调用函数
  
2.4.3变量的作用域
  
2.4.4函数的返回值
  
2.5面向对象程序设计
  
2.5.1面向对象程序设计思想简介
  
2.5.2JavaScript内置类
  
2.5.3HTMLDOM
  
2.5.4Window对象
  
2.5.5Navigator对象
  
2.5.6document对象
  
2.6JavaScript事件处理
  
2.6.1常用HTML事件
  
2.6.2Window对象的事件处理
  
2.6.3Event对象
  
练习题
  

  
第3章HTML5表单及文件处理
  
3.1HTML4表单
  
3.1.1定义表单
  
3.1.2文本框
  
3.1.3文本区域
  
3.1.4单选按钮
  
3.1.5复选框
  
3.1.6组合框
  
3.1.7按钮
  
3.2HTML5表单的新特性
  
3.2.1新的input类型
  
3.2.2新的表单元素
  
3.2.3新的表单属性
  
3.2.4表单验证
  
3.3文件处理
  
3.3.1选择文件的表单控件
  
3.3.2检测浏览器是否支持HTML5FileAPI
  
3.3.3FileList接口
  
3.3.4FileReader接口
  
练习题
  

  
第4章最新版本的层叠样式表CSS3
  
4.1CSS基础
  
4.1.1什么是CSS
  
4.1.2在HTML文档中应用CSS
  
4.1.3颜色与背景
  
4.1.4设置字体
  
4.1.5设置文本属性
  
4.1.6超链接
  
4.1.7列表
  
4.1.8表格
  
4.1.9CSS轮廓
  
4.1.10浮动元素
  
4.2CSS3的新技术
  
4.2.1实现圆角效果
  
4.2.2多彩的边框颜色
  
4.2.3阴影
  
4.2.4背景图片
  
4.2.5多列
  
4.2.6嵌入字体
  
4.2.7透明度
  
4.2.8HSL和HSLA颜色表现方法
  
4.3CSS3应用实例
  
4.3.1HTML5+CSS3设计页面布局
  
4.3.2设计漂亮的导航菜单
  
4.3.3设计登录页面
  
练习题
  

  
第5章HTML5拖放
  
5.1概述
  
5.1.1什么是拖放
  
5.1.2设置元素为可拖放
  
5.1.3拖放事件
  
5.2传递拖曳数据
  
5.2.1dataTransfer对象的属性
  
5.2.2dataTransfer对象的方法
  
5.3HTML5拖放的实例
  
5.3.1拖放HTML元素
  
5.3.2拖放文件
  
练习题
  

  
第6章使用CanvasAPI画图
  
6.1Canvas元素
  
6.1.1Canvas元素的定义语法
  
6.1.2使用JavaScript获取网页中的canvas对象
  
6.2坐标与颜色
  
6.2.1坐标系统
  
6.2.2颜色的表示方法
  
6.3绘制图形
  
6.3.1绘制直线
  
6.3.2绘制贝塞尔曲线
  
6.3.3绘制矩形
  
6.3.4绘制圆弧
  
6.4描边和填充
  
6.4.1描边
  
6.4.2填充图形内部
  
6.4.3渐变颜色
  
6.4.4透明颜色
  
6.5绘制图像与文字
  
6.5.1绘制图像
  
6.5.2输出文字
  
6.6图形的操作
  
6.6.1保存和恢复绘图状态
  
6.6.2移动
  
6.6.3缩放
  
6.6.4旋转
  
6.6.5变形
  
6.7组合和阴影
  
6.7.1组合图形
  
6.7.2绘制阴影
  
6.8HTML5Canvas应用实例
  
6.8.1绘制漂亮的警告牌
  
6.8.2动画实例：小型太阳系模型
  
练习题
  

  
第7章绘制可伸缩矢量图形(SVG)
  
7.1SVG概述
  
7.1.1SVG的特性
  
7.1.2XML基础
  
7.1.3一个SVG实例
  
7.1.4SVG坐标系统
  
7.1.5在HTML5中使用SVG
  
7.2SVG形状
  
7.2.1绘制直线
  
7.2.2绘制折线
  
7.2.3绘制矩形
  
7.2.4绘制圆形
  
7.2.5绘制椭圆
  
7.2.6绘制多边形
  
7.2.7路径
  
7.3线条和填充
  
7.3.1设置线条的属性
  
7.3.2填充
  
7.4SVG文本与图片
  
7.4.1输出文本
  
7.4.2SVG图片
  
7.5SVG滤镜
  
7.5.1定义滤镜
  
7.5.2应用滤镜
  
7.6渐变颜色
  
7.6.1线性渐变
  
7.6.2放射性渐变
  
7.7变换坐标系
  
7.7.1视窗变换viewBox属性
  
7.7.2用户坐标系的变换transform属性
  
练习题
  

  
第8章播放多媒体
  
8.1HTML5音频
  
8.1.1audio标签
  
8.1.2播放背景音乐
  
8.1.3设置替换音频源
  
8.1.4使用JavaScript语言访问audio对象
  
8.２HTML5视频
  
8.2.1video标签
  
8.2.2使用JavaScript语言访问video对象
  
练习题
  

  
第9章Web通信
  
9.1跨文档消息机制
  
9.1.1检测浏览器对跨文档消息机制的支持情况
  
9.1.2使用postMessageAPI发送消息
  
9.1.3监听和处理消息事件
  
9.2XMLHttpRequestLevel2
  
9.2.1创建XMLHttpRequest对象
  
9.2.2发送HTTP请求
  
9.2.3从服务器接收数据
  
9.2.4进行HTTP头(HEAD)请求
  
9.2.5超时控制
  
9.2.6使用FormData对象向服务器发送数据
  
9.2.7使用FormData对象上传文件
  
9.3WebSocket
  
9.3.1什么是Socket
  
9.3.2WebSocketAPI概述
  
9.3.3WebSocketAPI编程
  
9.3.4WebSocket服务器
  
练习题
  

  
第10章本地存储
  
10.1概述
  
10.1.1HTML4的本地数据存储方式
  
10.1.2HTML5本地存储技术概述
  
10.2localstorage
  
10.2.1浏览器对localstorage的支持情况
  
10.2.2使用localstorage保存数据
  
10.2.3获取localstorage中的数据
  
10.2.4删除localstorage中的数据
  
10.2.5storage事件
  
10.3sessionstorage
  
10.3.1判断浏览器是否支持sessionstorage
  
10.3.2使用sessionstorage保存数据
  
10.3.3获取sessionstorage中的数据
  
10.3.4删除sessionstorage中的数据
  
10.4webSQLDatabaseAPI
  
10.4.1判断浏览器是否支持webSQLDatabaseAPI
  
10.4.2新建数据库
  
10.4.3执行SQL语句
  
10.5IndexedDB
  
10.5.1数据库的相关概念
  
10.5.2判断浏览器是否支持IndexedDB
  
10.5.3创建和打开数据库
  
10.5.4创建对象存储空间ObjectStore
  
10.5.5创建索引
  
10.5.6事务
  
10.5.7游标
  
练习题
  

  
第11章开发支持离线的Web应用程序
  
11.1HTML5离线Web应用程序概述
  
11.1.1什么是离线Web应用程序
  
11.1.2开发离线Web应用程序需要完成的工作
  
11.2开发HTML5离线Web应用程序
  
11.2.1ApplicationCacheAPI
  
11.2.2Cachemanifest文件
  
11.2.3更新缓存
  
11.2.4检测在线状态
  
练习题
  

  
第12章获取浏览器的地理位置信息
  
12.1概述
  
12.1.1什么是浏览器地理位置
  
12.1.2浏览器对获取地理位置信息的支持情况
  
12.2获取地理位置信息
  
12.2.1getCurrentPosition()方法
  
12.2.2watchPosition()方法
  
12.2.3clearWatch()方法
  
12.3数据保护
  
12.3.1在InternetExplorer9中配置共享地理位置
  
12.3.2在Chrome中配置共享地理位置
  
12.3.3在Firefox中配置共享地理位置
  
练习题
  

  
第13章支持多线程编程的WebWorkers
  
13.1概述
  
13.1.1什么是线程
  
13.1.2什么是HTML5WebWorkers
  
13.1.3浏览器对WebWorkers的支持情况
  
13.2WebWorkers编程
  
13.2.1创建WebWorkers对象
  
13.2.2终止WebWorkers对象
  
13.2.3共享线程(SharedWorker)
  
练习题
  

  
第14章jQuery程序设计
  
14.1jQuery基础
  
14.1.1下载jQuery
  
14.1.2初识jQuery
  
14.2jQuery选择器
  
14.2.1基础选择器
  
14.2.2层次选择器
  
14.2.3基本过滤器
  
14.2.4内容过滤器
  
14.2.5可见性过滤器
  
14.2.6属性过滤器
  
14.2.7子元素过滤器
  
14.3设置HTML元素的属性与CSS样式
  
14.3.1设置HTML元素的属性
  
14.3.2设置CSS样式
  
14.4表单编程
  
14.4.1表单选择器
  
14.4.2表单过滤器
  
14.4.3表单API
  
14.5事件和Event对象
  
14.5.1事件处理函数
  
14.5.2Event对象
  
14.5.3绑定到事件处理函数
  
14.5.4键盘事件
  
14.5.5鼠标事件
  
14.5.6文档加载事件
  
14.5.7浏览器事件
  
14.6jQuery动画
  
14.6.1执行自定义的动画
  
14.6.2显示和隐藏HTML元素
  
14.6.3淡入淡出效果
  
14.6.4滑动效果
  
14.6.5动画队列
  
练习题
  

  
附录实验
  
实验1HTML4基础
  
实验2HTML5的新特性
  
实验3JavaScript编程
  
实验4HTML5表单及文件处理
  
实验5使用CSS3
  
实验6HTML5拖放
  
实验7使用CanvasAPI画图
  
实验8绘制可伸缩矢量图形(SVG)
  
实验9播放多媒体
  
实验10Web通信
  
实验11本地存储
  
实验12开发支持离线的Web应用程序
  
实验13获取浏览器的地理位置信息
  
实验14支持多线程编程的WebWorkers
  
实验15jQuery编程