课程简介：
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 多线程处理数据的方法
|
|
预定该课程
(填写真实的详细学习需求信息，有助于学校更针对的帮您选择合适的课程)
