【HTML5 2】《html5 开发精要与实例讲解》 step1 -- 导读
一、教程重点:以 综合性案例 为导向,辅之以 精要知识点
二、内容概况:
第1部分:通过 大小型案例 对 各重要知识点 进行详细讲解
第2部分:jWebSocket、RGraph、WebGL 三个重要框架的详细使用方法
三、12章内容概要:
章1:利用html5中的 结构元素 构建一个博客网站和一个企业门户网站(两个案例) 重点:结构元素
章2:通过 两个案例 讲解 表单 在html5中的使用 重点:表单
章3:通过 六个案例 讲解 Canvas元素 来绘制图形、图像和制作动画 重点:Canvas元素
章4:通过 两个案例 讲解 文件API和拖放API 的使用 重点:文件API、拖放API
章5:通过 四个案例 讲解 多媒体功能 (视频、音频播放器) 重点:多媒体
章6:通过 六个案例 讲解 本地存储技术 重点:本地存储技术
章7:通过 两个案例 讲解 跨文档的消息传输技术 (单点登录、获取批量数据) 重点:跨文档消息传输技术
章8:通过 两个案例 讲解 利用 Web Workers实现多线程 处理 重点:Web Workers
章9:通过 一个案例 讲解 利用 Geolocation Api 获取地理位置信息 重点:Geolocation Api
章10--13:通过丰富案例 讲解 Socket通信框架jWebSocket、统计图制作插件RGraph、三维Web开发技术WebGL的使用方法
四、本书修订于2012年,彼时HTML5最终标准尚未尘埃落定,本书学习完必当进步学习最新的HTML5规范,方可优化HTML5初期的各种缺陷。
五、HTML5将在一下几个方面改变未来的互联网世界:
1.降低插件的重要性:(插件的弊端:安装失败、插件被禁用、成为被攻击对象、集成问题)
HTML5解决方法:通过浏览器原生地支持相关的标签,比如<video>、<audio>可以像<img>一样使用,方便的在页面嵌入视频和音频。
2.支持动态生成图像:
之前:来自于 直接下载 的GIF或JPG图像
HTML5:通过画布(canvas)临时生成
3.允许Web程序利用 本地存储
之前:web程序可利用浏览器在本地存储很多信息,不过开发真正实用的Web应用,需要更多存储空间
HTML5:开发者可以按照需求随意使用,比如把云端的应用和数据保存在本地硬盘上,使云应用的交付、安装和部署都非常想传统的应用程序。无论是否联网,云应用都可以正常使用。因为之前已经从服务器上下载了HTML5应用中的JavaScript代码,这部分的代码就保存在本地。本地数据库实际上扮演的是智能缓存的作用。
4.简化 数据提取
之前:html除了告诉浏览器数据在哪里之外,不能提供任何有意义的信息
HTML5:采用 微格式,在html中新增了专门的标签,这些标签代表其内容数据的含义。使得一些常用的,但是需要从多个数据源获取信息的应用变得简单,(相当于把这部分封装了)
5.支持 位置服务
之前:每台计算机都拥有属于自己的IP地址,但是,我们无法知道,这些IP地址所对应的计算机的世界时啥样的。
HTML5:允许JavaScript询问浏览器用户的地理位置(经纬度),通常桌面系统不支持此功能,因为需要有GPS和WIFI,但是对于智能终端(手机等),这一功能将发挥作用。
6.让Web视频播放更加流畅
之前:视频需要下载插件
HTML5:通过<video>元素,使视频内容和其他内容整合起来,从而使网页成为视频内容的主要场所。
六、案例精讲步骤:
1.案例概述
2.页面显示效果
3.案例知识点
4.代码剖析