编者认真调研网页设计与制作工作的最新需求，对本书的教学内容、教学过程、教学案例、教学方法进行系统设计和整体优化，努力满足教学需求和帮助教师提升教学效率。本书使用网页制作工具Dreamweaver并基于Web技术标准HTML5和CSS3设计与制作网页。
本书将教学内容划分为8个模块，理论知识分为创建站点、超链接应用、表格应用、表单应用、网页布局、模板应用、特效制作、网站整合8个部分，选取购物网站“易购网”作为网页设计示例，将训练任务分为制作商品简介网页、制作帮助信息网页、制作购物车网页、制作注册和登录网页、制作商品筛选网页、制作商品推荐网页、制作商品详情网页、制作购物网站首页8类。每个模块设置了两个教学层次：渐进训练和探索训练。渐进训练可以帮助读者循序渐进地学习和掌握电脑版网页的制作方法，探索训练主要帮助读者学习和掌握触屏版网页的制作方法。本书围绕25个真实的网页设计与制作任务展开，采用“行动导向、任务驱动、案例教学、理论实践一体化”的教学方法，全方位促进读者网页设计技能水平的提升，以满足职业岗位的需求。
本书可以作为普通高等院校、高等或中等职业院校和高等专科院校相关专业网页设计与制作的教材，也可以作为网页设计与制作的培训用书及技术交流用书。

模块1 创建站点与制作商品简介网页
教学导航
渐进训练
【任务1-1】制作电脑版商品简介网页0101.html
【任务1-1-1】启动Dreamweaver与初识其工作界面
【任务1-1-2】认识浏览器窗口的基本组成和网页的基本组成元素
【任务1-1-3】创建站点“易购网”
【任务1-1-4】管理本地站点
【任务1-1-5】管理网站中的文件夹和文件
【任务1-1-6】设置网页的首选项
【任务1-1-7】新建网页文档0101.html与设置页面属性
【任务1-1-8】在网页中输入与编辑文本
【任务1-1-9】网页文档的基本操作
【任务1-1-10】在网页中插入与编辑图像
【任务1-1-11】使用“资源”面板管理网站中的资源
【任务1-1-12】设置网页0101.html的头部内容
【任务1-1-13】添加CSS代码美化网页的文本与图片
探索训练
【任务1-2】制作触屏版商品简介网页0102.html
析疑解惑
模块小结
模块习题
模块2 超链接应用与制作帮助信息网页
教学导航
渐进训练
【任务2-1】设计与制作电脑版帮助信息网页0201.html
【任务2-1-1】规划与设计“易购网”的通用布局结构
【任务2-1-2】规划与设计“易购网”帮助信息网页的布局结构
【任务2-1-3】在网页中添加与编辑列表
【任务2-1-4】创建顶部导航栏和插入Logo
【任务2-1-5】创建底部横向友情链接导航栏
【任务2-1-6】创建左侧帮助导航栏与添加相应帮助内容
【任务2-1-7】创建底部帮助导航栏
【任务2-1-8】创建多种形式的超链接
探索训练
……
模块3 表格应用与制作购物车网页
模块4 表单应用与制作注册和登录网页
模块5 网页布局与制作商品筛选网页
模块6 模板应用与制作商品推荐网页
模块7 特效制作与制作商品详情网页
模块8 网站整合与制作购物网站首页
附录A HTML5常用标签及其属性
附录B CSS属性
附录C CSS选择器
参考文献