论道HTML5

第1章 利用HTML5制作网站 11.1 大多数人不了解HTML5时代的网页设计 11.2 HTML5带来的网页结构、设计风格及理念的变化 31.2.1 HTML 4时代的几个特征 41.2.2 一个典型的HTML5页面 41.2.3 小结 61.3 HTML5带来的标签变化 61.3.1 什么是标签 61.3.2 标签的分类 71.3.3 近十几年来的HTML 91.3.4 Web的变化趋势 91.4 HTML5带来的表单数据内容进化 91.4.1 数据提交格式的变化 101.4.2 数据提交范围的变化 111.4.3 表单数据类型的增加 121.4.4 表单属性和验证方式的进化 131.4.5 文件上传控件和重复模型的应用 141.4.6 小结 141.5 HTML5与SEO 151.5.1 技术趋势 151.5.2 搜索引擎服务商面临的问题 161.5.3 SEO从业人员面临的问题 171.5.4 SEO面临的几个社会问题 181.6 HTML5的开发环境与调试环境 181.6.1 HTML5编写工具 181.6.2 JavaScript开发 191.6.3 HTTP监控 191.6.4 调试环境 201.7 案例：HTML5网站建设 221.7.1 需求的提出 221.7.2 需求分析 221.7.3 系统分析 221.7.4 工程实现 231.7.5 小结 27第2章 用CSS3完善网站 282.1 文字模块 292.1.1 文字阴影：text-shadow 292.1.2 文字溢出：text-overflow 302.1.3 文字换行：word-wrap 302.2 颜色模块 312.2.1 透明度：opacity 312.2.2 HSL 332.2.3 HSLA和RGBA 332.3 边框模块 342.3.1 边框圆角：border-radius 342.3.2 边框颜色：border-color 362.3.3 边框图像：border-image 372.3.4 盒阴影：box-shadow 402.4 用户界面模块 412.4.1 盒倒影：box-reflect 412.4.2 盒大小：box-sizing 412.5 背景模块 422.5.1 背景渐变 422.5.2 background-origin 452.5.3 background-clip 462.5.4 background-size 472.5.5 多背景 482.5.6 遮罩 492.6 动画模块 512.6.1 transform 512.6.2 transition 532.6.3 animation 552.7 区域模块 572.7.1 故事线 582.7.2 区域样式 602.7.3 内容形状和环绕 602.7.4 小结 622.8 选择器 622.8.1 结构伪类 632.8.2 否定伪类 652.8.3 状态伪类 652.8.4 目标伪类 662.8.5 其他选择器 662.9 其他模块 682.9.1 多栏布局 682.9.2 弹性盒子布局 682.9.3 网络字体 692.9.4 媒介查询 702.9.5 滤镜效果 702.9.6 着色器 702.10 使用CSS3美化网站 722.10.1 右上角文字 732.10.2 下载盒子 742.10.3 图片格子 742.10.4 中间盒子 742.10.5 左右盒子 752.10.6 居中背景 762.10.7 载入效果 762.10.8 页脚 772.11 小结 77第3章 划时代的Web API 793.1 传统Web模型与Web OS架构模型 793.2 Web API的概要介绍 813.3 Drag & Drop API 823.3.1 以前的解决方案 823.3.2 Drag & Drop API的优点 833.3.3 如何检测浏览器是否支持Drag & Drop API 833.3.4 Drag & Drop API的主要操作843.3.5 文件拖放上传实例 863.4 History API 873.4.1 以前的解决方案 873.4.2 现在的History API 873.5 Communication API 893.5.1 以前解决跨源通信的方案 893.5.2 XMLHttpRequest Level 2 903.5.3 iframe和sandbox 913.5.4 跨文档消息通信 923.6 Notification API 973.6.1 如何检测浏览器是否支持Notification API973.6.2 Web的Notification的状态 973.6.3 让你的Web App带着Notification跑973.7 audio标签和video标签 993.7.1 audio标签 1003.7.2 video标签 1023.8 Canvas API 1083.8.1 以前的同类解决方案 1093.8.2 Canvas的优点 1093.8.3 检测浏览器是否支持Canvas 1093.8.4 Canvas主要操作 1093.9 WebSocket API 1103.10 Web Worker API 1113.11 Web Storage API 1113.12 MicroData和语义网络 1113.12.1 MicroData的常见属性 1123.12.2 MicroData的例子 1123.12.3 MicroData与SEO——人类需要有序的信息1133.12.4 语义网络的基本概念 1133.12.5 语义测试工具 1143.13 通用Base64方法 1143.13.1 编码 1143.13.2 解码 1153.13.3 应用 1153.14 Web Database API 1173.14.1 Web SQL API 1173.14.2 Indexed DB API 1213.15 WebGL 1243.16 Device API 系列 1253.16.1 Geolocation API 1253.16.2 File API 1283.16.3 FileWriter API 1323.16.4 Media Capture API 1323.16.5 Contact API 1333.16.6 System Information API1343.16.7 Calendar API 1373.16.8 Messaging API 1373.17 小结 138第4章 Canvas 2D 1394.1 什么是Canvas 1394.2 Canvas 2D原理 1404.2.1 坐标系统说明 1414.2.2 属性说明 1424.3 绘制 1434.3.1 各类线条 1434.3.2 矩形 1514.3.3 三角形 1524.3.4 圆与扇形 1534.3.5 图片 1554.3.6 文字 1584.4 特效 1604.4.1 渐变 1604.4.2 阴影与透明 1624.5 基础操作中比较复杂的部分 1624.5.1 保存和恢复 1634.5.2 坐标转换 1634.5.3 旋转 1644.5.4 缩放 1644.5.5 变形 1644.5.6 组合 1664.5.7 裁剪 1674.5.8 像素操作 1704.6 动画 1724.6.1 左右运动 1724.6.2 上下运动 1734.6.3 圆心旋转运动 1744.6.4 抛物线运动 1754.6.5 渐变运动 1754.7 事件感应 1764.8 关于Canvas的一些经验 1774.8.1 回答两个问题 1774.8.2 避开浮点运算 1784.8.3 资源载入与双缓冲问题 1784.8.4 图片抗锯齿的原理及办法 1794.8.5 粒子系统的使用 1814.9 Web开发复古流 1814.10 小结 182第5章 HTML5和移动互联网开发 1835.1 移动互联网的现状与需求 1835.1.1 市场容量 1845.1.2 移动设备的特点 1845.1.3 移动设备的现状 1855.1.4 开发者生态圈 1855.1.5 可供选择的移动互联网开发平台 1855.2 HTML5在移动互联网上的开发示例 1875.2.1 一个HTML5开发者的基本配置 1875.2.2 欧朋浏览器H5版介绍 1885.2.3 重力传感设备 1915.2.4 电子罗盘开发 1995.2.5 Geolocation与LBS应用开发 2035.2.6 网页摄像与网络相册 2075.2.7 移动设备中的离线存储 2145.3 小结 215第6章 WebSocket开发应用 2166.1 WebSocket的那些事儿 2166.1.1 WebSocket的技术背景 2176.1.2 WebSocket的定义 2186.1.3 WebSocket通信模式解析 2196.1.4 WebSocket检测浏览器支持代码 2206.2 WebSocket API的内容 2206.2.1 属性 2206.2.2 URL 2216.2.3 事件 2216.3 客户端样例程序 2226.4 服务器端样例程序 2226.5 Ajax、长轮询、Comet之间的那些事儿 2236.5.1 Ajax 2236.5.2 长轮询 2256.5.3 Comet 2266.5.4 Ajax与WebSocket的多角度对比 2276.6 与WebSocket相关的几个概念 2276.6.1 SSJS 2286.6.2 Node.js 2286.7 开发基于WebSocket的通信示例 2356.7.1 聊天室 2356.7.2 服务器监控 2396.7.3 联机作图 2436.8 免费的WebSocket资源 2476.9 小结 248第7章 瘦服务器战略与云 2497.1 战略观察与未来10年的思考 2497.1.1 Web瘦服务器战略 2497.1.2 云 2537.1.3 计算能的思考 2547.2 Web Storage 2557.2.1 Web Storage的概念 2557.2.2 localStorage介绍与示例 2557.2.3 sessionStorage的介绍与示例 2587.2.4 浏览器端存储的方案和局限性 2607.3 离线应用 2657.3.1 判断浏览器是否在线 2667.3.2 离线应用的属性与方法 2667.3.3 manifest文件 2677.4 Web Worker 2697.4.1 Worker 2707.4.2 Shared Worker 2737.4.3 Web Worker小结 2757.5 一个云记事本的案例 2767.5.1 客户端逻辑分析 2767.5.2 客户端的实现 2777.5.3 工程实现的联想 2797.6 小结 279附录A HTML5标签、事件属性及其相关网站 281附录B 审慎对待各种框架 287附录C 统一开发常用交流术语 289附录D WebGL 294附录E CSS3模块列表 299

本书先简要介绍了如何用HTML5 和CSS3 制作网站，然后全面介绍了API 和Canvas2D，接着介绍了如何在手机浏览器上开发HTML5 相关的应用、WebSocket API相关的三个案例和时下较为流行的Node.js环境，最后介绍了瘦服务器战略和云的概念。本书主要供业内的前端开发人员使用，也可供大专院校相关师生、行业技能培训学校作为相关教材和参考书。【作者简介】秀野堂主HTML5视频教程《秀野堂主讲HTML5》的作者，中国传媒大学兼职讲师，专注于移动互联网研究，来自江南的普通老程序员。蒋宇捷百度技术经理，西安交通大学硕士。曾任创新工场魔图精灵项目技术总监、腾讯研究院浏览器前端负责人、傲游Web后台主管。CSDN博客专家，关注Web前后端及移动互联网技术。爱好网球、旅游、足球、滑雪。罗睿热衷于电子游戏与创造世界，高中时期游戏作品《新烈火战机》和《TankII》在全国和全省高中组电脑制作比赛中获奖。大学期间游戏作品《黑白颠倒棋》和《飞行特训》获得武汉市奋进杯程序开发大赛一、二等奖。毕业后曾在新浪、百度等互联网公司担任前端工程师职位。工作之余发布的游戏作品《HTML5圆桌骑士复刻版》在微软IE9开发大赛中获优胜奖。目前在完美世界担任游戏项目经理职位。