html5高级应用开发培训
课程简介:
HTML 5不仅仅是一次版本的升级,它代表了Web发展的方向,是开发者的未来,
是新一代Web技术的标准。它在最大程度上完成了富Web应用的本地化,消除
浏览器对插件的依赖;优秀的错误处理系统,使页面捕获错误更加灵活与高效;
对本地离线存储的更好支持,使开发Web离线应用程序更加方便与快捷;众多新
增的页面标记,将给用户的视角与交互带来焕然一新的体验。
本课程以HTML 5基础为主线,先从新增特征讲起,然后,通过实例与理论相结
合的方式,深入浅出地介绍了关于HTML 5在Web开发中方方面面的功能与技巧。
课程特点:
- 本课程从HTML 5基础的功能讲起,起点低,容易入手和掌握。 
- 理论与实例完整结合,每一个概念都精选了一个完整的实例,增强学员动手能力。 
- HTML 5知识完整全面,每一块知识点都包含了HTML 5的全部内容和最前沿技术。 
课程中要逐一解决的问题 :
- 学习HTML5全部的新功能。 
- 学会如何在Web页面开发中运用HTML5标签开发页面。 
- 掌握在页面中使用HTML 5实现视频与音频的显示与功能开发。 
- 了解通过HTML5 中的Canvas基本使用功能。
- 理解HTML 5中本地数据存储的方法与技巧。
 
课程内容:
| Topic 1  HTML5简介
 | 1.1  一个简单的HTML 5页面 1.1.1 搭建浏览环境
 1.1.2 使用新的HTML 5结构化元素
 1.1.3 编写基础HTML 5代码
 
 1.2 HTML 5页面的特征
 1.2.1 应用全新的HTML5元素结构化元素
 1.2.2 使用CSS文件美化页面元素
 1.2.3 HTML 5 与HTML 4的区别
 | 
| Topic 2  HTML 5中的文件
 | 2.1.选择文件 2.1.1 选择单个文件
 2.1.2 选择多个文件
 2.1.3 使用blob对象获取文件的类型与大小
 
 2.2.读取与拖放文件
 2.2.1 FileReader 接口
 2.2.2 使用FileReader方法预览图片文件
 2.2.3 使用FileReader方法读取文本文件
 | 
| Topic 3  HTML 5的视频与音频
 | 3.1多媒体元素基本属性       3.1.1  元素格式
 3.1.2  width与height属性
 3.1.3  controls 属性
 3.1.4  poster属性
 3.1.5  networkState 属性
 
 3.2多媒体元素常用方法
 3.2.1  媒体播放时的方法
 3.2.2  canPlayType 方法
 | 
| Topic 4 HTML 绘画基础
 | 4.1画布的基础知识 4.1.1Canvas元素的基本用法
 4.1.2 Canvas元素绘制矩形
 4.1.3 Canvas元素渐变矩形
 
 4.2 画布中的图像
 4.2.1 绘制图像
 4.2.2平铺图像
 4.2.3切割图像
 4.2.4处理像素
 
 4.3 画布的其他应用
 4.3.1 绘制文字
 4.3.2 保存与还原及输出图形
 4.3.3 制作简单动画
 | 
| Topic 5  HTML 5中的数据存储
 | 5.1 Web Storage的基本概念 5.1.1 sessionStorage对象
 5.1.2 localStorage对象
 5.1.3清空localStorage数据
 
 5.2.Web Storage API
 5.2.1遍历localStorage数据
 5.2.2使用 JSON对象存取数据
 5.2.3 管理localStorage数据
 | 
| Topic 6  其它应用API
 | 6.1 Web Sockets API6.1.1 postMessage方法
 6.1.2 使用WebSocket 传送数据
 6.1.3 使用WebSocket 传送JSON对象
 
 6.2 Web Workers API
 6.2.1 Worker对象处理线程的简单示例
 6.2.2 使用线程传递JSON对象
 6.2.3 多线程处理数据的方法
 |