本书首先介绍网页设计基础，然后对添加文本与表格、插入图像和多媒体元素、创建超链接、布局网页、使用模板和库、使用表单和行为、制作移动端网页、测试与发布网站等相关知识进行讲解，最后还安排一个综合案例，进一步提高读者对知识的应用能力。
本书以“佳美馨装饰”网站的设计与制作为例，采用项目式教学法，将每个项目分解成若干任务，每个任务主要由任务描述、相关知识和任务实施3个部分组成，然后进行项目实训。每个项目最后还提供课后练习和技巧提升。本书着重培养学生的软件实际操作能力，将职业场景引入课堂教学，让学生提前进入工作角色。

项目一 网页设计基础
任务一 规划“佳美馨装饰”网站结构
一、任务描述
（一）任务背景
（二）任务目标
二、相关知识
（一）网站、网页、主页的概念
（二）网页设计常用术语
（三）网页的构成元素
（四）常用网页制作软件
（五）HTML
（六）HTML
（七）JavaScript
（八）网站开发流程
（九）网页设计内容
（十）网页设计原则
三、任务实施
任务二 创建“佳美馨装饰”站点
一、任务描述
（一）任务背景
（二）任务目标
（一）认识Dreamweaver 2020的操作界面
（二）创建和管理站点
（三）管理站点中的文件和文件夹
三、任务实施
（一）创建站点
（二）编辑站点
（三）管理站点文件和文件夹
实训一 规划“中国皮影”网站的结构
实训二 创建“中国皮影”站点
课后练习
技巧提升
项目二 添加文本与表格
任务一 制作“佳美馨装饰简介”网页
一、任务描述
（一）任务背景
（二）任务目标
二、相关知识
（一）新建、保存与打开网页文件
（二）设置网页属性
（三）设置网页关键字和描述
（四）输入文本
（五）设置文本格式
（六）插入列表
（七）插入特殊字符
（八）插入日期
（九）插入水平线
三、任务实施
（一）新建网页并设置网页属性
（二）输入文本并设置格式
（三）插入特殊字符、日期和水平线
任务二 制作“佳美馨装饰——会员列表”网页
一、任务描述
（一）任务背景
（二）任务目标
二、相关知识
（一）插入表格
（二）选择表格
（三）在单元格中输入内容
（四）设置表格属性
（五）设置单元格属性
（六）合并和拆分单元格
（七）添加和删除行或列
三、任务实施
（一）插入表格并设置单元格属性
（二）输入表格内容
（三）导入表格数据并设置表格属性
实训一 制作“中国皮影——皮影戏”网页
实训二 制作“中国皮影——皮影起源传说”网页
课后练习
技巧提升
项目三 插入图像和多媒体元素
任务一 制作“佳美馨装饰——成功案例”栏目网页
一、任务描述
（一）任务背景
（二）任务目标
二、相关知识
（一）网页图