HTML 5开发精要与实例详解_前端开发教程

资源名称：HTML 5开发精要与实例详解

内容简介：

这是一本以综合性案例为导向并辅之以精要知识点讲解的html5实战教程。内容分为两大部分：第一部分通过一系列中大型案例全方位对html5的各个重要知识点进行了详细的讲解，每个案例包含案例概述、页面效果展示、案例所涉及主要知识点（精要）、源代码剖析4个部分，读者既能根据书中的步骤动手实践，又能重点学习案例中用到的核心理论知识，同时还能领会源代码的设计思路和方法；第二部分讲解了jwebsocket、rgraph、webgl等3个重要框架和技术的详细使用方法。

　　《html 5开发精要与实例详解》一共12章：第1章分别用2个案例演示了如何利用html5中的结构元素来构建一个博客网站和企业门户网站；第2章用2个案例讲解了表单在html5中的使用；第3章用6个案例讲解了如何利用canvas元素来绘制图形、图像和制作动画；第4章用2个案例介绍了文件apt和拖放api的使用方法；第5章用4个案例讲解了如何打造自己的网页视频播放器、网页音频播放器，以及实现视频实时回放和视频截图等多媒体功能；第6章用6个案例全面讲解了html5中的本地存储技术；第7章用单点登录和获取批量数据这2个案例讲解了html5中的跨文档的消息传输技术；第8章用2个案例讲解了如何利用webworkers实现多线程处理；第9章用1个案例讲解了如何利用geolocationapi来获取地理位置信息；第10~13章分别讲解了socket通信框架jwebsocket、统计图制作插件rgraph、三维web开发技术webgl的详细使用方法，并辅之以丰富的案例。

　　《html5开发精要与实例详解》所有案例的源代码都是作者亲自编写并调试和运行成功的。读者可以利用这些代码进行实战练习，也可以根据需要对这些代码进行修改，以观察不同的效果，从而加深对案例代码和书中知识点的理解。

资源目录：

前言

第1章　用html 5中的结构元素构建网站

　1.1　案例1：用html 5中的结构元素构建一个博客网站

　　1.1.1　案例知识点

　　1.1.2　博客首页的实现

　　1.1.3　文章显示页面的实现

　1.2　案例2：用html 5中的结构元素构建一个企业网站

　　1.2.1　首页的实现

　　1.2.2　联系方式页面的实现

　1.3　本章小结

第2章　在web表单中使用html 5

　2.1　案例3：用结构元素制作web应用程序中的菜单

　　2.1.1　页面显示效果

　　2.1.2　代码剖析

　2.2　案例4：综合运用html 5、jquery与asp.net构建web应用程序

　　2.2.1　案例概述

　　2.2.2　页面显示效果

　　2.2.3　案例知识点

　　2.2.4　代码剖析　

　2.3　本章小结

第3章　使用canvas元素绘制图形、图像与动画

　3.1　案例5：使用canvas元素绘制美丽的花朵

　　3.1.1　案例概述

　　3.1.2　页面显示效果

　　3.1.3　案例知识点

　　3.1.4　代码剖析

　3.2　案例6：使用canvas元素绘制指针式动画时钟

　　3.2.1　案例概述

　　3.2.2　页面显示效果

　　3.2.3　案例知识点

　　3.2.4　代码剖析

　3.3　案例7：使用canvas元素制作简单小游戏

　　3.3.1　案例概述

　　3.3.2　页面显示效果

　　3.3.3　案例知识点

　　3.3.4　代码剖析

　3.4　案例8：使用canvas元素绘制图像放大镜

　　3.4.1　案例概述

　　3.4.2　页面显示效果

　　3.4.3　案例知识点

　　3.4.4　代码剖析

　3.5　案例9：用动画的形式装载图像

　　3.5.1　案例概述

　　3.5.2　页面显示效果

　　3.5.3　案例知识点

　　3.5.4　代码剖析

　3.6　案例10：将彩色照片转换成黑白照片

　　3.6.1　案例概述

　　3.6.2　页面显示效果

　　3.6.3　案例知识点

　　3.6.4　代码剖析

　3.7　本章小结

第4章　文件api与拖放api

　4.1　案例11：在浏览器中预览客户端文件并上传

　　4.1.1　案例概述

　　4.1.2　页面显示效果

　　4.1.3　案例知识点

　　4.1.4　代码剖析

　4.2　案例12：使用canvas api、文件api与拖放api制作拼图游戏

　　4.2.1　案例概述

　　4.2.2　页面显示效果

　　4.2.3　案例知识点

　　4.2.4　代码剖析

　4.3　本章小结

第5章　多媒体播放

　5.1　案例13：打造自己的网页视频播放器

　　5.1.1　案例概述

　　5.1.2　页面显示效果

　　5.1.3　案例知识点

　　5.1.4　代码剖析

　5.2　案例14：对视频使用实时回放功能

　　5.2.1　案例概述

　　5.2.2　页面显示效果

　　5.2.3　代码剖析

　5.3　案例15：对视频使用截图功能

　　5.3.1　案例概述

　　5.3.2　页面显示效果

　　5.3.3　案例知识点

　　5.3.4　代码剖析

　5.4　案例16：打造自己的网页音频播放器

　　5.4.1　案例概述

　　5.4.2　页面显示效果

　　5.4.3　案例知识点

　　5.4.4　代码剖析

　5.5　本章小结

第6章　本地存储

　6.1　案例17：制作html 5版本的日程提醒簿

　　6.1.1　案例概述

　　6.1.2　页面显示效果

　　6.1.3　案例知识点

　　6.1.4　代码剖析

　6.2　案例18：临时保存页面中的输入内容

　　6.2.1　案例概述

　　6.2.2　页面显示效果

　　6.2.3　案例知识点

　　6.2.4　代码剖析

　6.3　案例19：使用html 5制作web应用程序的演示版

　　6.3.1　案例概述

　　6.3.2　页面显示效果

　　6.3.3　案例知识点

　　6.3.4　代码剖析

　6.4　案例20：使用客户端session

　　6.4.1　案例概述

　　6.4.2　页面展示效果

　　6.4.3　案例知识点

　　6.4.4　代码剖析

　6.5　案例21：将本地数据库中的数据提交到服务器端

　　6.5.1　案例概述

　　6.5.2　页面展示效果

　　6.5.3　代码剖析

　6.6　案例22：制作可以离线使用的日程提醒簿

　　6.6.1　案例概述

　　6.6.2　页面显示效果

　　6.6.3　案例知识点

　　6.6.4　代码剖析

　6.7　本章小结

第7章　跨文档消息传输

　7.1　案例23：通过跨文档消息传输功能实现单点登录

　　7.1.1　案例概述

　　7.1.2　页面显示效果

　　7.1.3　案例知识点

　　7.1.4　代码剖析

　7.2　案例24：通过跨文档消息传输功能获取批量数据

　　7.2.1　案例概述

　　7.2.2　页面显示效果

　　7.2.3　代码剖析

　7.3　本章小结

第8章　利用web workers实现多线程处理

　8.1　案例25：在后台线程中实现对数据库的增删查改操作

　　8.1.1　案例概述

　　8.1.2　页面显示效果

　　8.1.3　案例知识点

　　8.1.4　代码剖析

　8.2　案例26：在后台线程中实现数据的批量插入

　　8.2.1　案例概述

　　8.2.2　代码剖析

　8.3　本章小结

第9章　利用geolocation api获取地理位置信息

　9.1　案例27：显示计算机或移动设备所在地的地图

　　9.1.1　案例概述

　　9.1.2　页面显示效果

　　9.1.3　案例知识点

　　9.1.4　代码剖析

　9.2　本章小结

第10章　使用jwebsocket框架开发socket通信程序

　10.1　安装与运行jwebsocket

　　10.1.1　安装jwebsocket服务器

　　10.1.2　在其他服务器环境下运行jwebsocket服务器

　　10.1.3　将jwebsocket服务器作为windows的可执行文件

　　10.1.4　将jwebsocket服务器作为windows的服务

　　10.1.5　jwebsocket web客户端

　10.2　创建第一个利用jwebsocket进行通信的web页面

　10.3　创建jwebsocket服务器端的侦听器

　　10.3.1　jwebsocket的通信架构

　　10.3.2　创建侦听器

　　10.4　jwebsocket中的令牌

　　10.4.1　令牌的基本概念

　　10.4.2　系统令牌

　10.5　jwebsocket中服务器端的插件

　　10.5.1　服务器端插件的基础知识

　　10.5.2　创建自定义服务器端插件

　10.6　jwebsocket中的通道

　10.7　案例28：利用jwebsocket服务器创建简单聊天室

　　10.7.1　案例概述

　　10.7.2　页面显示效果

　　10.7.3　代码剖析

　10.8　本章小结

第11章　rgraph统计图制作插件

　11.1　概述

　　11.1.1　html 5版统计图插件的优越性

　　11.1.2　使用rgraph插件

　　11.1.3　使用服务器端数据

　11.2　绘制统计图时所用到的公共属性

　11.3　绘制柱状图

　　11.3.1　绘制柱状图时所用到的属性

　　11.3.2　示例程序

　　11.3.3　使用obj.getbar方法

　　11.3.4　绘制分组柱状图

　　11.3.5　使用上下文菜单

　11.4　绘制折线图

　　11.4.1　绘制折线图时所用到的属性

　　11.4.2　绘制基本折线图

　　11.4.3　使用getpoint方法

　　11.4.4　在一个折线图中绘制多根折线

　　11.4.5　绘制范围折线图

　　11.4.6　在一个折线图中使用左右两根不同统计单位的垂直坐标轴

　　11.4.7　在一个统计图中绘制柱状图与折线图

　　11.4.8　绘制动态折线图

　11.5　绘制饼图

　　11.5.1　绘制饼图时所用到的属性

　　11.5.2　示例程序

　　11.5.3　使用getsegment方法

　11.6　绘制横向柱状图

　　11.6.1　绘制横向柱状图时所用到的属性

　　11.6.2　示例程序

　　11.6.3　绘制分组横向柱状图

　11.7　绘制雷达图

　　11.7.1　绘制雷达图时所用到的属性

　　11.7.2　示例程序

　11.8　增强用户体验

　　11.8.1　通过拖曳来缩放统计图的尺寸

　　11.8.2　制作工具条提示信息

　　11.8.3　制作上下文菜单

　　11.8.4　放大统计图

　　11.8.5　允许用户注解统计图

　11.9　本章小结

第12章　使用webgl开发三维图形图像

　12.1　webgl概述

　　12.1.1　webgl的基础知识

　　12.1.2　进行webgl开发之前的准备工作

　12.2　使用webgl绘制三角形与矩形

　　12.2.1　下载并使用脚本文件

　　12.2.2　页面显示效果

　　12.2.3　代码剖析

　12.3　使用颜色绘制彩色三角形与矩形

　　12.3.1　画面式样

　　12.3.2　代码剖析

　12.4　制作三维动画

　　12.4.1　画面式样

　　12.4.2　代码剖析

　12.5　制作三维物体

　　12.5.1　画面式样

　　12.5.2　代码剖析

　12.6　使用纹理

　　12.6.1　画面式样

　　12.6.2　代码剖析

　12.7　键盘输入与纹理过滤

　　12.7.1　画面式样

　　12.7.2　代码剖析

　12.8　本章小结

附录　五大浏览器的最新版对html 5的支持情况

资源截图：