第一部分　HTML5基础

第1章　初探HTML5：制作一份邀请函

　1.1　开发前的准备工作

　　1.1.1　制定首个学习目标

　　1.1.2　准备开发环境

　1.2　制作HTML页面

　　1.2.1　创建首个HTML5页面

　　1.2.2　增加必要的页面元素

　　1.2.3　页面中那些看不见的代码

　1.3　页面的美化

　　1.3.1　制作邀请函的页面背景

　　1.3.2　调整邀请函的内容区域位置

　　1.3.3　调整邀请函的文字字体与字号

　　1.3.4　制作邀请函的按钮

　　1.3.5　创建一个外部CSS文件

　1.4　为页面创建交互

　　1.4.1　创建按钮的JavaScript交互

　　1.4.2　制作还未结束：页面的移动化

第2章　HTML5新手详解

　2.1　HTML代码基础

　　2.1.1　HTML基础语法

　　2.1.2 页面根元素

　　2.1.3　文档元数据

　　2.1.4　区块元素

　　2.1.5 分组内容元素

　2.2　HTML常用元素

　　2.2.1 文本

　　2.2.2 表单

　　2.2.3 表格

　　2.2.4 WAI-ARIA

第3章　CSS3新手详解

　3.1　CSS代码基础

　　3.1.1　CSS基础语法

　　3.1.2　继承

　　3.1.3 选择器

　3.2　CSS3常用属性

　　3.2.1　文本和字体

　　3.2.2　边框与背景

　　3.2.3　元素定位

　　3.2.4　框模型

　　3.2.5　列表

　3.3　CSS3常用效果与技巧

　　3.3.1　阴影效果

　　3.3.2　2D与3D效果

　　3.3.3　优先级

第4章　JavaScript新手详解

　4.1　JavaScript代码基础

　　4.1.1　如何调试JavaScript？

　　4.1.2　为代码添加注释

　　4.1.3　创建一个简单的变量

　　4.1.4　几种常用的JavaScript运算符

　　4.1.5　JavaScript中的条件语句

　　4.1.6　JavaScript中的循环语句

　4.2　JavaScript编程进阶

　　4.2.1　数组及其操作

　　4.2.2　日期和时间

　　4.2.3　初涉函数

　　4.2.4　函数的变量作用域

　　4.2.5　Object简介

　　4.2.6　JavaScript的DOM操作

　　4.2.7　DOM事件处理

　　4.2.8　利用JavaScript实现HTML5拖放

第5章　移动端HTML5开发详解

　5.1　桌面端开发概述

　　5.1.1　桌面端和移动端有何不同？

　　5.1.2　响应式设计还是移动版网站？

　5.2　移动端开发技巧

　　5.2.1　Viewport设置

　　5.2.2　百分比布局

　　5.2.3　Flexbox：轻松实现弹性布局

　　5.2.4　Media Query

　　5.2.5　雪碧图

　　5.2.6　图标字体

　　5.2.7　移动端交互

　　5.2.8　移动端调试

　　5.2.9　移动端其他技巧

第6章　事半功倍：运用流行开源类库

　6.1　开源类库jQuery介绍

　　6.1.1　强大的jQuery

　　6.1.2　jQuery选择器

　　6.1.3　jQuery的属性和DOM操作

　　6.1.4　jQuery动态效果

　　6.1.5　jQuery事件

　　6.1.6　jQuery的优缺点

　6.2　其他开源类库介绍

　　6.2.1　使用jQuery Mobile开发移动站点

　　6.2.2　Zepto——移动端的jQuery

　　6.2.3　前端开发框架BootStrap

　　6.2.4　设计工具包Flat UI

　　6.2.5　浏览器检测工具Modernizr

　　6.2.6　数据可视化工具D3

　　6.2.7　使用Hammer轻松控制触摸手势

　　6.2.8　前端在线编辑工具

第7章　HTML5与周边编程语言、软件

　7.1　HTML5与Flash

　　7.1.1　HTML5与Flash的结合

　　7.1.2　使用Google Swiffy进行Flash转换

　7.2　HTML5与其他周边语言和软件

　　7.2.1　HTML5与应用开发

　　7.2.2　HTML5与Illustrator的结合

　　7.2.3　HTML5与Photoshop的结合

　　7.2.4　HTML5开发桌面端应用

第二部分　HTML5前沿经典应用篇

第8章　HTML5页面元素与布局

　8.1　页面元素与布局核心技巧

　8.2　HTML5布局基础

　　8.2.1　图文混排与题图文字布局

　　8.2.2　Hero Unit图标题文混排

　　8.2.3　两列均分布局

　　8.2.4　格子布局

　　8.2.5　多列等高布局

　8.3　HTML5布局进阶

　　8.3.1　两列自适应布局

　　8.3.2　三列自适应布局

　　8.3.3　瀑布流布局

第9章　HTML5动画与动效

　9.1　动画与动效核心技巧

　9.2　CSS3动画与动效

　　9.2.1　按钮元素动画效果

　　9.2.2　图标元素动画效果

　　9.2.3　页面切换动画效果

　　9.2.4　加载动画效果

　　9.2.5　逐帧动画效果

　　9.2.6　3D翻页动画效果

　9.3　JavaScript动画与动效

　　9.3.1　Canvas粒子动画效果

　　9.3.2　GSAP类库动画效果

第10章　HTML5图形与图像

　10.1　图形与图像核心技巧

　10.2　CSS3图形与图像绘制

　　10.2.1　关闭按钮绘制

　　10.2.2　菜单图标绘制

　　10.2.3　三角图标绘制

　　10.2.4　渐变色绘制

　　10.2.5　Pattern图案绘制

　　10.2.6　锯齿图形绘制

　10.3　Canvas图形与图像绘制

　　10.3.1　Canvas图形绘制

　　10.3.2　Canvas像素控制

　10.4　SVG图形与图像绘制

　　10.4.1　SVG图形绘制

　　10.4.2　SVG图像遮罩

第11章　HTML5交互操作

　11.1　交互操作核心技巧

　11.2　滚动类交互

　　11.2.1　页面固定背景

　　11.2.2　选区控制

　　11.2.3　局部滚动

　　11.2.4　滚动监听

　　11.2.5　视差滚动

　　11.2.6　滚动触发动画

　11.3　键盘和鼠标类交互

　　11.3.1　滑块拖动

　　11.3.2　Canvas键盘操作

　11.4　移动端交互

　　11.4.1　触摸操作

　　11.4.2　运动与重力感应

　11.5　其他交互操作

　　11.5.1　本地数据文件加载

　　11.5.2　本地文件操作

　　11.5.3　Geolocation操作

　　11.5.4　localStorage操作

第12章　HTML5页面组件

　12.1　页面组件开发核心技巧

　12.2　图层类页面组件

　　12.2.1　悬浮图层

　　12.2.2　弹出图层

　12.3　区域类页面组件

　　12.3.1　Tab切换

　　12.3.2　折叠区域

　12.4　导航类页面组件

　　12.4.1　下拉菜单

　　12.4.2　顶部固定菜单

　　12.4.3　滑动导航

　12.5　其他页面组件

　　12.5.1　时间轴

　　12.5.2　图像轮播

　　12.5.3　日历组件

第13章　HTML5音频与视频

　13.1　音频、视频核心开发技巧

　13.2　音频类开发

　　13.2.1　音频播放

　　13.2.2　麦克风操作

　13.3　视频类开发

　　13.3.1　视频播放

　　13.3.2　视频背景

　　13.3.3　摄像头操作

第14章　HTML5响应式设计

　14.1　响应式设计核心技巧

　14.2　响应式设计案例

　　14.2.1　响应式列表

　　14.2.2　响应式内容图片

　　14.2.3　响应式背景

　　14.2.4　响应式图像轮播

　　14.2.5　响应式菜单

第三部分　HTML5综合案例篇

第15章　HTML5微信游戏

　15.1　制作思路

　　15.1.1　微信游戏开发基础知识

　　15.1.2　微信“520”小游戏策划

　15.2　基础页面的开发

　　15.2.1　游戏界面设计

　　15.2.2　创建HTML页面

　　15.2.3　创建CSS样式

　15.3　交互界面的开发

　　15.3.1　制作loading界面交互

　　15.3.2　制作初始界面交互

　　15.3.3　制作音乐控制器

　　15.3.4　获取点阵坐标

　　15.3.5　制作交互界面

　　15.3.6　制作结果界面

　15.4　尾声

第16章　HTML5创意网站

　16.1　制作思路与基础页面开发

　　16.1.1　站点规划与设计

　　16.1.2　创建站点DOM结构

　16.2　页面的美化和交互功能创建

　　16.2.1　创建首页样式

　　16.2.2　创建次级页面样式

　　16.2.3　页面切换效果

　16.3　页面细节处理

　　16.3.1　制作作品集内容页面

　　16.3.2　兼容性提示

　16.4　小结

后记：Web设计变迁及经验谈