演讲嘉宾:陶国荣 - 资深Web技术专家 资深Web技术专家,有10余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML、JavaScript、CSS、jQuery等Web开发技术的研究和实践,在HTML页面的优化与用户体验的研究,以及页面框架搭建、数据流向分析、页面静态优化等方面都拥有丰富的实践经验。自HTML 5的草案发布以来,一直密切关注HTML 5的发展和对它的学习与研究,并在实际工作中进行了实践。他还是微软技术方面的专家,精通C#、ASP.NET和SQL Server等技术。此外,他还是一位知名的技术作家,出版了多部技术著作,其中《jQuery权威指南》是他的代表作之一,这本书凭借过硬的质量和良好的学习体验获得了广大读者的高度评价,并取得了骄人的销售成绩。课程简介: HTML5不仅仅是一次版本的升级,它代表了Web发展的方向,是开发者的未来,是新一代Web技术的标准。它在最大程度上完成了富Web应用的本地化,消除浏览器对插件的依赖;优秀的错误处理系统,使页面捕获错误更加灵活与高效;对本地离线存储的更好支持,使开发Web离线应用程序更加方便与快捷;众多新增的页面标记,将给用户的视角与交互带来焕然一新的体验。 本课程以HTML5基础为主线,先从新增特征讲起,然后,通过实例与理论相结合的方式,深入浅出地介绍了关于HTML5在Web开发中方方面面的功能与技巧。 课程特点 本课程从HTML5基础的功能讲起,起点低,容易入手和掌握。 理论与实例完整结合,每一个概念都精选了一个完整的实例,增强学员动手能力。 HTML5知识完整全面,每一块知识点都包含了HTML5的全部内容和最前沿技术。 目标收益 学习HTML5全部的新功能。 学会如何在Web页面开发中运用HTML5标签开发页面。 掌握在页面中使用HTML5实现视频与音频的显示与功能开发。 了解通过HTML5中的Canvas基本使用功能。 理解HTML5中本地数据存储的方法与技巧。 课程大纲 主题 内容 Topic1 HTML5简介 1.1一个简单的HTML5页面 1.1.1搭建浏览环境 1.1.2使用新的HTML5结构化元素 1.1.3编写基础HTML5代码 1.2HTML5页面的特征 1.2.1应用全新的HTML5元素结构化元素 1.2.2使用CSS文件美化页面元素 1.2.3HTML5与HTML4的区别 Topic2 HTML5中的文件 2.1.选择文件 2.1.1选择单个文件 2.1.2选择多个文件 2.1.3使用blob对象获取文件的类型与大小 2.2.读取与拖放文件 2.2.1FileReader接口 2.2.2使用FileReader方法预览图片文件 2.2.3使用FileReader方法读取文本文件 Topic3 HTML5的视频与音频 3.1多媒体元素基本属性 3.1.1元素格式 3.1.2width与height属性 3.1.3controls属性 3.1.4poster属性 3.1.5networkState属性 3.2多媒体元素常用方法 3.2.1媒体播放时的方法 3.2.2canPlayType方法 Topic4 HTML绘画基础 4.1画布的基础知识 4.1.1Canvas元素的基本用法 4.1.2Canvas元素绘制矩形 4.1.3Canvas元素渐变矩形 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制作简单动画 Topic5 HTML5中的数据存储 5.1WebStorage的基本概念 5.1.1sessionStorage对象 5.1.2localStorage对象 5.1.3清空localStorage数据 5.2.WebStorageAPI 5.2.1遍历localStorage数据 5.2.2使用JSON对象存取数据 5.2.3管理localStorage数据 Topic6 其它应用API 6.1WebSocketsAPI 6.1.1postMessage方法 6.1.2使用WebSocket传送数据 6.1.3使用WebSocket传送JSON对象 6.2WebWorkersAPI 6.2.1Worker对象处理线程的简单示例 6.2.2使用线程传递JSON对象 6.2.3多线程处理数据的方法 |