HTML5+ CSS3+JavaScript 网页设计实战（视频教学版）

陶国荣编著的《HTML5实战》是一本系统而全面的HTML 5教程，根据HTML 5标准的最新草案，系统地对HTML 5的所有重要知识点进行了全面的讲解。在写作方式上，本书以一种开创性的方式使理论与实践达到极好的平衡，不仅对理论知识进行了清晰而透彻的阐述，而且根据读者理解这些知识的需要，精心设计了106个完整（每个案例分为功能描述、实现代码、效果展示和代码分析4个部分）的实战案例，旨在帮助读者通过实践的方式迅速掌握这些知识。 第1章　拥抱HTML 5 1 1.1　一个简单的HTML 5页面 2 1.1.1　搭建支持的浏览器环境 2 1.1.2　检测浏览器是否支持HTML 5标记 2 1.1.3　使用HTML 5结构编写一个简单的Web页面 4 1.2　HTML 5页面的特征 6 1.2.1　应用全新的HTML 5特征结构化元素 6 1.2.2　使用CSS文件美化HTML 5新元素 9 1.3　本章小结 10 第2章　HTML 5中常用的交互元素 11 2.1　内容交互元素 12 2.1.1　details 元素 12 2.1.2　summary元素 16 2.2　菜单交互元素 17 2.2.1　menu元素 17 2.2.2　command元素 20 2.3　状态交互元素 23 2.3.1　progress元素 24 2.3.2　meter元素 26 2.4　本章小结 28 第3章　HTML 5中的重要元素 29 3.1　html根元素 30 3.2　文档元素 32 3.3　脚本 34 3.4　节点 37 3.4.1　section 元素 37 3.4.2　nav 元素 38 3.4.3　hgroup 元素 38 3.4.4　address 元素 38 3.5　分组内容 39 3.5.1　ul 元素 39 3.5.2　ol 元素 40 3.5.3　dl 元素 41 3.6　文本层次语义 42 3.6.1　time 元素 42 3.6.2　mark 元素 43 3.6.3　cite 元素 45 3.7　嵌入内容 46 3.7.1　img元素 46 3.7.2　iframe元素 47 3.7.3　object元素 48 3.8　公共属性 48 3.8.1　draggable属性 48 3.8.2　hidden属性 50 3.8.3　spellcheck属性 51 3.8.4　contenteditable属性 53 3.9　本章小结 55 第4章　HTML 5中的表单 57 4.1　input元素的新增类型 58 4.1.1　email邮件类型 58 4.1.2　url地址类型 60 4.1.3　number数字类型 62 4.1.4　range数字滑动条 64 4.1.5　date日期类型 66 4.1.6　search搜索类型 69 4.2　input元素新增的公用属性 71 4.2.1　autofocus 属性 71 4.2.2　pattern 属性 73 4.2.3　placeholder 属性 75 4.2.4 　required 属性 76 4.3　新增表单元素 78 4.3.1　datalist 元素 78 4.3.2　output 元素 80 4.3.3　keygen 元素 81 4.4　表单新增的验证方法和属性 83 4.4.1　checkValidity显式验证法 83 4.4.2　使用setCustomValidity方法修改提示信息 85 4.4.3　表单的novalidate属性 87 4.5　本章小结 89 第5章　HTML 5中的文件 91 5.1　选择文件 92 5.1.1　选择单个文件 92 5.1.2　选择多个文件 93 5.1.3　使用Blob接口获取文件的类型与大小 95 5.1.4　通过类型过滤选择的文件 97 5.1.5　通过accept属性过滤选择文件的类型 99 5.2　使用FileReader接口读取文件 101 5.2.1　FileReader 接口的方法 101 5.2.2　使用 readAsDataURL方法预览图片 101 5.2.3　使用 readAsText方法读取文本文件 104 5.2.4　侦听FileReader接口中的事件 106 5.3　使用DataTransfer对象拖放上传图片文件 109 5.4　文件读取时的错误与异常 112 5.4.1　发生错误与异常的条件 112 5.4.2　错误代码说明 113 5.5　本章小结 114 第6章　HTML 5中的视频和音频 115 6.1　多媒体元素基本属性 116 6.1.1　元素格式 116 6.1.2　width与height属性 117 6.1.3　controls属性 119 6.1.4 　poster属性 121 6.1.5　networkState 属性 122 6.1.6　error 属性 124 6.1.7　其他属性 127 6.2　多媒体元素常用方法 131 6.2.1　媒体播放时的方法 131 6.2.2　canPlayType 方法 133 6.3　多媒体元素重要事件 136 6.3.1　媒体播放事件 136 6.3.2　timeupdate 事件 138 6.3.3　其他事件 140 6.4　本章小结 141 第7章　HTML 5绘图基础 143 7.1　画布的基础知识 144 7.1.1　canvas元素的基本用法 144 7.1.2　绘制带边框矩形 146 7.1.3　绘制渐变图形 148 7.2　在画布中使用路径 151 7.2.1　moveTo与lineTo的用法 151 7.2.2　使用arc方法绘制圆形 153 7.2.3　绘制渐变圆形 157 7.3　对画布中图形的操作 160 7.3.1　变换图形原点坐标 160 7.3.2　组合多个图形 163 7.3.3　添加图形阴影 166 7.4　处理画布中的图像 168 7.4.1　绘制图像 168 7.4.2　平铺图像 171 7.4.3　切割图像 174 7.4.4　处理像素 176 7.5　画布的其他应用 179 7.5.1　绘制文字 179 7.5.2　保存、恢复及输出图形 182 7.5.3　制作简单的动画 185 7.6　本章小结 188 第8章　HTML 5中的数据存储 189 8.1　Web Storage存储简介 190 8.1.1　sessionStorage对象 190 8.1.2　localStorage对象 192 8.2　localStorage详解 196 8.2.1　清空localStorage数据 196 8.2.2　遍历localStorage数据 199 8.2.3　使用JSON对象存取数据 202 8.2.4　管理localStorage数据 205 8.3　Web SQL数据库基础 210 8.3.1　打开与创建数据库 210 8.3.2　执行事务 212 8.3.3　插入数据 215 8.3.4　数据管理 218 8.4　本章小结 225 第9章　HTML 5中的离线应用 227 9.1　离线应用程序 228 9.1.1　manifest 文件简介 228 9.1.2　配置IIS服务器 229 9.1.3　离线应用的开发过程 231 9.2　本地缓存的更新及状态检测 233 9.2.1　updateready事件 234 9.2.2　update方法 236 9.2.3　swapCache方法 239 9.2.4　更新本地缓存时触发的其他事件 241 9.3　检测在线状态 244 9.3.1　onLine 属性 244 9.3.2　online 与offline事件 246 9.3.3　离线数据交互应用开发过程 249 9.4　本章小结 254 第10章　HTML 5中的其他应用型API 255 10.1　Web Sockets API 256 10.1.1　postMessage方法 256 10.1.2　使用WebSocket 传送数据 260 10.1.3　使用WebSocket 传送JSON对象 263 10.2　Geolocation API 267 10.2.1　使用 getCurrentPosition方法获取当前地理位置 267 10.2.2　使用Google地图锁定位置 273 10.3　Web Workers API 275 10.3.1　Worker对象处理线程 276 10.3.2　使用线程传递JSON对象 279 10.3.3　使用线程嵌套交互数据 281 10.4　本章小结 284 第11章　HTML 5中元素的拖放 285 11.1　拖放基础 286 11.1.1　使用JavaScript代码实现拖放 286 11.1.2　在HTML 5中实现拖放时触发的事件 288 11.2　dataTransfer对象应用详解 291 11.2.1　使用setData与getData方法存入与读取拖放数据 292 11.2.2　使用setDragImage方法设置拖放图标 295 11.2.3　使用effectAllowed与dropEffect属性设置拖放效果 297 11.3　拖放应用实战 300 11.3.1　购物车的实现 300 11.3.2　相册的管理 304 11.4　本章小结 307 实 例 目 录 实例1-1　检测浏览器是否支持HTML 5 2 实例1-2　Hello,World页面的实现 4 实例1-3　页面分栏实现 6 实例1-4　样式化页面实现 9 实例2-1　交互元素的使用 13 实例2-2　用脚本控制交互元素的使用 14 实例2-3　交互元素与的结合使用 16 实例2-4　交互元素 的使用 18 实例2-5　交互元素与 的结合使用 20 实例2-6　交互元素的使用 24 实例2-7　交互元素的使用 26 实例3-1　元素的使用 30 实例3-2　元素的使用 33 实例3-3　元素