1.1 浏览工作区

1.2 使用“开始”屏幕

1.3 探索新功能指南

1.4 设置界面首选项

1.5 切换和拆分视图

1.6 选择工作区布局

1.7 使用面板

1.8 个性化Dreamweaver

1.9 使用Extract

1.10 使用工具栏

1.11 创建自定义快捷键

1.12 使用Properties检查器

1.13 使用Related Files界面

1.14 使用标签选择器

1.15 使用CSS设计器

1.16 使用可视化媒体查询（VMQ）界面

1.17 使用DOM查看器

1.18 使用元素对话框、显示和检查器

1.19 在Dreamweaver中设置版本控制

1.20 探索、试验和学习

2.1 什么是HTML

2.2 HTML来源于何处

2.3 基本HTML代码结构

2.4 常用HTML元素

2.5 HTML5的新内容

3.1 什么是CSS

3.2 HTML默认设置

3.3 CSS盒子模型

3.4 应用CSS样式

3.5 多重规则、类、ID

4.1 开发一个新网站

4.2 场景

4.3 使用缩略图和线框

5.1 评估页面设计选项

5.2 使用预定义布局

5.3 为现有布局设置样式

5.4 用Extract面板设置元素样式

5.5 从Photoshop模型中提取文本

5.6 CSS样式查错

5.7 从Photoshop模型中提取文本样式

5.8 用Extract创建一个渐变背景

5.9 从模型中提取图像资源

5.10 在代码中添加CSS背景特效

5.11 完成布局

6.1 从现有布局创建一个模板

6.2 插入可编辑区域

6.3 插入HTML实体

6.4 插入元数据

6.5 验证HTML代码

6.6 制作子页面

6.7 将CSS样式移到一个链接文件

6.8 更新模板

7.1 预览完成的文件

7.2 创建文本和设置样式

7.3 创建列表

7.4 创建表格及设置表格样式

7.5 网页拼写检查

7.6 查找和替换文本

7.7 可选的自定进度练习

8.1 Web图像基础知识

8.2 预览完成的文件

8.3 插入图像

8.4 用CSS类控制图像位置

8.5 使用插入面板

8.6 使用Insert菜单

8.7 插入非Web文件类型

8.8 处理Photoshop智能对象（可选）

8.9 从Photoshop中复制和粘贴图像（可选）

8.10 通过拖放操作插入图像

8.11 用Properties检查器优化图像

9.1 超链接基础知识

9.2 预览完成的文件

9.3 创建内部超链接

9.4 创建外部链接

9.5 建立电子邮件链接

9.6 创建基于图像的链接

9.7 以页面元素为目标

9.8 锁定屏幕上的元素

9.9 设置导航菜单样式

9.10 检查页面

9.11 添加目标链接（可选）

10.1 学习Dreamweaver行为

10.2 预览完成的文件

10.3 使用Dreamweaver行为

10.4 使用jQuery Accordion（可折叠）窗口部件

10.5 插入jQuery Accourdion部件

10.6 为jQuery Accordion设置样式

11.1 定义远程站点

11.2 遮盖文件夹和文件

11.3 完善网站

11.4 将站点上传到网络（可选

11.5 同步本地和远程站点

12.1 创建HTML代码

12.2 使用多光标支持

12.3 为代码添加注释

12.4 使用CSS预处理器

12.5 选择代码

12.6 折叠代码

12.7 展开代码

12.8 访问拆分代码视图

12.9 在代码视图中预览资源

13.1 响应式设计

13.2 媒体类型属性

13.3 媒体查询

13.4 媒体查询语法

13.5 使用可视媒体查询界面

13.6 Web框架简介

13.7 确定Bootstrap结构

13.8 创建一个Bootstrap布局