课程简介:
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 API
6.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 多线程处理数据的方法 |
?