第1章 HTML基础
1.1 HTML概述
1.1.1 什么是HTML
1.1.2 HTML的发展历程
1.2 HTML文件的基本结构
1.2.1 HTML的基本结构
1.2.2 HTML的基本标记
1.3 编写第一个HTML文件
1.3.1 HTML文件的编写方法
1.3.2 手工编写页面
1.3.3 使用可视化软件WebStorm制作页面
1.4 难点解答
1.4.1 HTML文件中注释的种类
1.4.2 topmargin属性和margin-top属性的区别
1.5 小结
1.6 动手纠错
第2章 文本
2.1 标题
2.1.1 标题标记
2.1.2 标题的对齐方式
2.2 文字
2.2.1 文字的斜体、下划线、删除线
2.2.2 文字的上标与下标
2.2.3 特殊文字符号
2.3 段落
2.3.1 段落标记
2.3.2 段落的换行标记
2.3.3 段落的原格式标记
2.4 水平线
2.4.1 水平线标记
2.4.2 水平线标记的宽度
2.5 难点解答
2.5.1 可以使用标记设置文字的字体和颜色吗？
2.5.2 大写的

标记和小写的标记有区别吗？
2.6 小结
2.7 动手纠错
第3章 图像与超链接
3.1 添加图像
3.1.1 图像的基本格式
3.1.2 添加图像
3.2 设置图像属性
3.2.1 图像大小与边框
3.2.2 图像间距与对齐方式
3.2.3 替换文本与提示文字
3.3 链接标记
3.3.1 文本链接
3.3.2 书签链接
3.4 图像的超链接
3.4.1 图像的超链接
3.4.2 图像热区链接
3.5 难点解答
3.5.1 单击超链接时，页面显示找不到页面
3.5.2 为图片添加了热区链接，但是单击链接位置并没有跳转页面
3.6 小结
3.7 动手纠错
第4章 CSS3概述
4.1 CSS3概述
4.1.1 CSS的发展史
4.1.2 一个简单的CSS示例
4.2 CSS3中的选择器
4.2.1 属性选择器
4.2.2 类和ID选择器
4.2.3 伪类和伪元素选择器
4.2.4 其他选择器
4.3 常用属性
4.3.1 文本相关属性
4.3.2 背景相关属性
4.3.3 列表相关属性
4.4 难点解答
4.4.1 类和ID选择器是不是用的越多越好？
4.4.2 背景图片无法正常显示
4.5 小结
4.6 动手纠错
第5章 CSS3高级应用
5.1 框模型
5.1.1 外边距margin
5.1.2 内边距padding
5.1.3 边框border
5.2 布局常用属性
5.2.1 浮动
5.2.2 定位相关属性
5.3 动画与特效
5.3.1 变换（transform）
5.3.2 过渡（transition）
5.3.3 动画（animation）
5.4 难点解答
5.4.1 设置了浮动效果，可是元素“岿然不动”？
5.4.2 动画无法正常播放
5.5 小结
5.6 动手纠错
第6章 表格与

标记
6.1 简单表格
6.1.1 简单表格的制作
6.1.2 表头的设置
6.2 表格的高级应用
6.2.1 表格的样式
6.2.2 表格的合并
6.2.3 表格的分组
6.3

标记
6.3.1

标记的介绍
6.3.2

标记的应用
6.4 标记
6.4.1 标记的介绍
6.4.2 标记的应用
6.5 难点解答
6.5.1 有必要使用表格标记吗？用标记替换不也一样吗？
6.5.2

标记和标记有什么区别？
6.6 小结
6.7 动手纠错
第7章 列表
7.1 列表的标记
7.2 无序列表
7.2.1 无序列表标记
7.2.2 无序列表属性
7.3 有序列表
7.3.1 有序列表标记
7.3.2 有序列表属性
7.4 列表的嵌套
7.4.1 定义列表的嵌套
7.4.2 无序列表和有序列表的嵌套
7.5 小结
7.6 动手纠错
第8章 表单
8.1 表单概述
8.1.1 概述
8.1.2 表单标记

8.2 输入标记
8.2.1 文本框
8.2.2 单选按钮和复选框
8.2.3 按钮
8.2.4 文件域和图像域
8.3 文本域和列表
8.3.1 文本域
8.3.2 列表/菜单
8.4 难点解答
8.4.1 单行文本框与文本域的区别？
8.4.2 文件域控件上显示的文字“选择文件”能否更改为其他文字？
8.5 小结
8.6 动手纠错
第9章 多媒体
9.1 HTML5多媒体的简述
9.1.1 HTML4中多媒体的应用
9.1.2 HTML5页面中的多媒体
9.2 多媒体元素基本属性
9.3 多媒体元素常用方法
9.3.1 媒体播放时的方法
9.3.2 canPlayType(type)方法
9.4 多媒体元素重要事件
9.4.1 事件处理方式
9.4.2 事件介绍
9.4.3 事件实例
9.5 难点解答
9.5.1 标记有哪些重要属性？
9.5.2 如何运用controls属性、width属性和height属性？
9.6 小结
9.7 动手纠错
第10章 HTML5新特性
10.1 谁在开发HTML5
10.2 HTML5的新特性
10.3 HTML5和HTML4的区别
10.3.1 HTML5的语法变化
10.3.2 HTML5中的标记方法
10.3.3 HTML5语法中需要掌握的几个要点
10.4 新增和废除的元素
10.4.1 新增的结构元素
10.4.2 新增的块级（block）的语义元素
10.4.3 新增的行内（inline）的语义元素
10.4.4 新增的嵌入多媒体元素与交互性元素
10.4.5 新增的input元素的类型
10.4.6 废除的元素
10.5 新增的属性和废除的属性
10.5.1 新增的属性
10.5.2 废除的属性
10.6 难点解答
10.6.1 在HTML5中设置字符编码注意事项？
10.6.2 可以省略标记的元素有哪些？
10.7 小结
10.8 动手纠错
第11章 JavaScript基础
11.1 JavaScript概述
11.1.1 JavaScript的发展史
11.1.2 JavaScript在HTML中的使用
11.2 JavaScript语言基础
11.2.1 数据类型
11.2.2 运算符
11.2.3 流程控制
11.3 JavaScript对象编程
11.3.1 Window窗口对象
11.3.2 Document文档对象
11.4 JavaScript事件处理
11.4.1 鼠标键盘事件
11.4.2 页面事件
11.5 难点解答
11.5.1 如何分别在JavaScript中和HTML5中调用事件处理程序？
11.5.2 如何在JavaScript中验证表单数据？
11.6 小结
11.7 动手纠错
第12章 绘制图形
12.1 认识HTML5中的画布Canvas
12.1.1 Canvas概述
12.1.2 使用Canvas绘制矩形
12.2 绘制基本图形
12.2.1 绘制直线
12.2.2 绘制曲线
12.2.3 绘制圆形
12.3 绘制变形图形
12.3.1 绘制平移效果的图形
12.3.2 绘制缩放效果的图形
12.3.3 绘制旋转效果的图形
12.4 绘制文字
12.4.1 绘制轮廓文字
12.4.2 绘制填充文字
12.4.3 文字相关属性
12.5 疑难解答
12.5.1 beginPath()和closePath()的使用？
12.5.2 绘制平移缩放和旋转效果图形时需要注意什么？
12.6 小结
12.7 动手纠错
第13章 文件与拖放
13.1 选择文件
13.1.1 通过f ile对象选择文件
13.1.2 使用Blob对象获取文件的类型与大小
13.2 读取文件
13.2.1 FileReader接口的方法以及事件
13.2.2 使用readAsDataURL方法预览图片
13.2.3 使用readAsText方法读取文本文件
13.3 拖放文件
13.3.1 拖放页面元素
13.3.2 DataTransfer对象的属性与方法
13.3.3 使用effectAllowed和dropEffect属性设置拖放效果
13.4 疑难解答
13.4.1 FileReader接口中的事件执行时有顺序吗？
13.4.2 实现拖放功能时，每个拖放相关的事件都要编写吗？
13.5 小结
13.6 动手纠错
第14章 离线Web应用程序
14.1 离线Web应用介绍
14.1.1 离线Web应用
14.1.2 应用缓存技术
14.2 创建离线应用
14.2.1 缓存清单
14.2.2 applicationCache对象
14.2.3 applicationCache对象的事件
14.3 难点解答
14.3.1 本地缓存与浏览器网页缓存的区别？
14.3.2 Internet临时保存功能可以指定保存特定类型的文件吗？
14.4 小结
14.5 动手纠错
第15章 使用Web Worker处理线程
15.1 Web Worker概述
15.1.1 创建和使用Worker
15.1.2 Worker对象处理线程
15.2 线程中可用的对象和方法
15.3 多个JavaScript文件的加载与执行
15.4 线程嵌套
15.4.1 使用线程的单层嵌套
15.4.2 使用线程嵌套交互数据
15.5 难点解答
15.5.1 如何使用API创建Worker，如何实现多个子线程之间的交互？
15.5.2 Worker对象的onmessage事件有什么作用？
15.6 小结
15.7 动手纠错
第16章 Web服务器通信
16.1 WebSocket通信
16.1.1 WebSocket API介绍
16.1.2 HTTP通信和WebSocket通信比较
16.2 跨文档消息传输
16.2.1 使用postMessageAPI
16.2.2 跨文档消息传输流程
16.3 小结
第17章 本地存储数据
17.1 初识Web Storage
17.1.1 Web Storage概述
17.1.2 Web Storage中API的使用
17.2 本地数据库
17.2.1 Web SQL数据库概述
17.2.2 Web SQL Database中API的使用
17.3 疑难解答
17.3.1 sessionStorage、localStorage与web SQL的异同？
17.3.2 本地存储等于离线缓存吗？
17.4 小结
17.5 动手纠错
第18章 响应式网页设计
18.1 概述
18.1.1 响应式网页设计的概念
18.1.2 响应式网页设计的优缺点和技术原理
18.2 像素和屏幕分辨率
18.2.1 像素和屏幕分辨率
18.2.2 设备像素和CSS像素
18.3 视口
18.3.1 视口
18.3.2 视口常用属性
18.3.3 媒体查询
18.4 响应式网页的布局设计
18.4.1 常用布局类型
18.4.2 布局的实现方式
18.4.3 响应式布局的设计与实现
18.5 小结
第19章 响应式组件
19.1 响应式图片
19.1.1 方法1：使用标记
19.1.2 方法2：使用CSS图片
19.2 响应式视频
19.2.1 方法1：使用标记
19.2.2 方法2：使用HTML5手机播放器
19.3 响应式导航菜单
19.3.1 方法1：CSS3响应式菜单
19.3.2 方法2：JavaScript响应式菜单
19.4 响应式表格
19.4.1 方法1：隐藏表格中的列
19.4.2 方法2：滚动表格中的列
19.4.3 方法3：转换表格中的列
19.5 小结
19.6 动手纠错
第20章 51购商城
20.1 项目的设计思路
20.1.1 项目概述
20.1.2 界面预览
20.1.3 功能结构
20.1.4 文件夹组织结构
20.2 主页的设计与实现
20.2.1 主页的设计
20.2.2 顶部区和底部区功能的实现
20.2.3 商品分类导航功能的实现
20.2.4 轮播图功能的实现
20.2.5 商品推荐功能的实现
20.2.6 适配移动端的实现
20.3 商品列表页面的设计与实现
20.3.1 商品列表页面的设计
20.3.2 分类选项功能的实现
20.3.3 商品列表区的实现
20.4 商品详情页面的设计与实现
20.4.1 商品详情页面的设计
20.4.2 商品概要功能的实现
20.4.3 商品评价功能的实现
20.4.4 猜你喜欢功能的实现
20.5 购物车页面的设计与实现
20.5.1 购物车页面的设计
20.5.2 购物车页面的实现
20.6 付款页面的设计与实现
20.6.1 付款页面的设计
20.6.2 付款页面的实现
20.7 登录注册页面的设计与实现
20.7.1 登录注册页面的设计
20.7.2 登录页面的实现
20.7.3 注册页面的实现
20.8 小结