资源名称:HTML5实战

内容简介:

陶国荣编著的《HTML5实战》是一本系统而全面的HTML 5教程,根据HTML 5标准的最新草案,系统地对HTML 5的所有重要知识点进行了全面的讲解。在写作方式上,本书以一种开创性的方式使理论与实践达到极好的平衡,不仅对理论知识进行了清晰而透彻的阐述,而且根据读者理解这些知识的需要,精心设计了106个完整(每个案例分为功能描述、实现代码、效果展示和代码分析4个部分)的实战案例,旨在帮助读者通过实践的方式迅速掌握这些知识。

《HTML5实战》共11章,内容涵盖了HTML 5的各个方面。第1章通过实现一个简单的HTML 5页面讲解了如何搭建支持HTML 5的浏览器环境、HTML 5页面所具备的特征,以及如何检测浏览器对HTML 5的各种特性的支持情况;第2章介绍了HTML 5中常用的交互元素,包括内容交互元素、菜单交互元素和状态交互元素等几大类;第3章介绍了HTML根元素、文档元素,以及与脚本、节点、分组内容、文本层次语义、嵌入内容、公共属性相关的重要元素;第4章和第5章讲解了HTML 5中的表单和文件的功能特性以及常见的各种操作;第6章和第7章讲解了HTML 5中的音频、视频和绘图相关的知识,重点讲解了各种常见的操作和使用方法;第8章和第9章讲解了HTML 5中的数据存储和离线应用;第10章对Web Sockets、Geolocation、Web Workers、元素的拖放等重要内容进行了全面的讲解。

本书适合所有想系统学习HTML 5的读者阅读。如果按照本书的顺序逐章阅读,同时亲自动手实现本书中的案例,相信一定能达到事半功倍的效果。

资源目录:

前言

第1章 拥抱HTML

第2章 HTML5中常用的交互元素

第3章 HTML5中的重要元素

第4章 HTML5中的表单

第5章 HTML5中的文件

第6章 HTML5中的视频和音频

第7章 HTML5绘图基础

第8章 HTML5中的数据存储

第9章 HTML5中的离线应用

第10章 HTML5中的其他应用型API

第11章 HTML5中元素的拖放

实例

目录

实例1-1 检测浏览器是否支持HTML5

实例1-2 Hello,World页面的实现

实例1-3 页面分栏实现

实例1-4 样式化页面实现

实例2-1 交互元素

的使用

实例2-2 用脚本控制交互元素

的使用

实例2-3 交互元素

的结合使用

实例2-4 交互元素

的使用

实例2-5 交互元素与

的结合使用

实例2-6 交互元素的使用

实例2-7 交互元素的使用

实例3-1 元素的使用

实例3-2 元素的使用

实例3-3 元素<script与的使用

实例3-4 元素

  1. 的使用

实例3-5 元素的使用

实例3-6 元素的使用

实例3-7 公共属性draggable的使用

实例3-8 公共属性hidden的使用

实例3-9 公共属性spellcheck的使用

实例3-10 公共属性contenteditable的使用

实例4-1 email类型的元素的使用

实例4-2 url类型的元素的使用

实例4-3 number类型的元素的使用

实例4-4 range类型的元素实现颜色选择器

实例4-5 分类展示不同形式的选择日期

实例4-6 search类型的元素的使用

实例4-7元素中autofocus属性的使用

实例4-8元素中pattern属性的使用

实例4-9元素中placeholder属性的使用

实例4-10元素中required属性的使用

实例4-11元素的使用

实例4-12元素的使用

实例4-13元素的使用

实例4-14 调用表单的checkValidity方法

实例4-15 调用表单的setCustomValidity方法

实例4-16 表单中novalidate属性的使用

实例5-1 选择单个文件上传

实例5-2 选择多个文件上传

实例5-3 获取上传文件的类型与大小

实例5-4 通过类型过滤上传文件

实例5-5 通过accept属性过滤上传文件的类型

实例5-6 使用readAsDataURL方法预览图片

实例5-7 使用readAsText方法读取文本文件

实例5-8 展示文件读取时触发事件的先后顺序

实例5-9 使用DataTransfer对象拖放上传图片文件

实例6-1 使用多媒体元素播放文件

实例6-2 设置

实例6-3 设置

实例6-4 设置

实例6-5 获取

实例6-6 获取

实例6-7 自定义

实例6-8 使用canPlayType方法检测浏览器支持媒体类型

实例6-9 获取多媒体元素在播放事件中的不同状态

实例6-10 通过timeupdate事件动态显示媒体文件播放时间

实例7-1 使用元素绘制正方形

实例7-2 使用元素绘制带边框的矩形

实例7-3 使用元素绘制有渐变色的图形

实例7-4 使用moveTo与lineTo方法绘制多条直线

实例7-5 使用arc方法绘制多个不同样式的圆形

实例7-6 使用元素绘制径向渐变的圆形

实例7-7 使用元素移动、缩放、旋转图形

实例7-8 使用元素设置多图形组合显示的方式

实例7-9 使用元素添加绘制图形阴影

实例7-10 使用drawImage方法在画布中绘制图像

实例7-11 使用createPattern方法在画布中平铺图像

实例7-12 使用clip方法在画布中切割图像

实例7-13 使用getImageData与putImageData方法处理图像像素

实例7-14 使用fillText与strokeText方法绘制文字

实例7-15 在画布中保存、恢复及输出图形

实例7-16 在画布中制作简单的动画

实例8-1 使用sessionStorage对象保存与读取临时数据

实例8-2 使用localStorage对象保存与读取登录用户名与密码

实例8-3 清空localStorage对象保存的全部数据

实例8-4 遍历localStorage对象保存的全部数据

实例8-5 使用JSON对象存取数据

实例8-6 管理localStorage数据

实例8-7 使用openDatabase打开与创建数据库

实例8-8 使用transaction方法执行事务

实例8-9 使用executeSql方法插入记录

实例8-10 使用executeSql方法管理数据记录

实例9-1 开发一个简单的离线应用

实例9-2 监测updateready事件触发

实例9-3 使用update方法更新本地缓存

实例9-4 使用swapCache方法更新本地缓存

实例9-5 检测离线应用在加载过程中触发的事件

实例9-6 通过onLine属性检测网络的当前状态

实例9-7 通过online与offline事件检测网络的当前状态

实例9-8 开发一个离线留言数据交互应用

实例10-1 使用postMessage方法实现跨文档传输数据

实例10-2 使用WebSocket对象传送数据

实例10-3 使用WebSocket传送JSON对象

实例10-4 使用getCurrentPosition方法获取出错数据信息

实例10-5 使用getCurrentPosition方法获取地理位置信息

实例10-6 使用Google地图锁定位置

实例10-7 使用Worker对象处理线程

实例10-8 使用线程传递JSON对象

实例10-9 使用线程嵌套交互数据

实例11-1 使用Javascript代码实现元素拖放

实例11-2 元素在拖放过程中触发的事件

实例11-3 使用setData与getData方法存入与读取拖放数据

实例11-4 使用setDragImage方法设置拖放图标

实例11-5 使用effectAllowed与dropEffect属性设置拖放效果

实例11-6 使用拖放API将商品拖入购物车

实例11-7 使用拖放API将图片拖入回收站

资源截图:

HTML5实战