课程简介: 课程特点: 内容 Topic 1 1.1 一个简单的HTML 5页面 Topic 2 2.1.选择文件 Topic 3 3.1多媒体元素基本属性 Topic 4 4.1画布的基础知识 Topic 5 5.1 Web Storage的基本概念 Topic 6 6.1 Web Sockets API
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中本地数据存储的方法与技巧。
HTML5简介
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的区别
HTML 5中的文件
2.1.1 选择单个文件
2.1.2 选择多个文件
2.1.3 使用blob对象获取文件的类型与大小
2.2.读取与拖放文件
2.2.1 FileReader 接口
2.2.2 使用FileReader方法预览图片文件
2.2.3 使用FileReader方法读取文本文件
HTML 5的视频与音频
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 方法
HTML 绘画基础
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 制作简单动画
HTML 5中的数据存储
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数据
其它应用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 多线程处理数据的方法
公司简介:中科信软高级技术培训中心是中科院下属 IT 高级技术培训及国际认证的专业教育培训机构。培训中心依托中科院强大的技术人才优势,致力于为国内大型企事业提供一流、先进、实用的 IT 技术培训