本书以简洁的语言和具体的项目实例，系统地介绍了利用Dreamweaver CC 2019制作网页的全过程。全书共11个项目，分为Dreamweaver CC 2019入门、网站策划与站点管理、HTML5构建网站、网页的基本操作、表格的运用、超链接的设置、网页高级布局、CSS样式表的运用、表单的创建、行为的应用、移动Web设计。
本书既可作为职业院校、计算机网络技术专业及相关专业学生的教学用书，也可作为相关计算机技术职业培训的教材。

项目一 Dreamweaver CC 2019入门 \t1
任务一 认识Dreamweaver CC 2019\t2
任务二　安装与运行Dreamweaver CC 2019\t4
任务三　认识Dreamweaver CC 2019 的工作界面\t7
任务四 了解网页设计与制作岗位的职责\t11
项目实训\t12
项目拓展\t13
项目小结\t15
思考与练习\t15
项目二 网站策划与站点管理 \t16
任务一 网站规划\t17
任务二 创建站点\t18
任务三 管理本地站点\t24
项目实训\t27
项目拓展\t28
项目小结\t28
思考与练习\t29
项目三 HTML5构建网站 \t30
任务一 认识HTML5\t31
任务二 认识HTML5语义元素\t36
任务三 在Dreamweaver CC 2019中编写HTML5\t45
项目实训\t47
项目拓展\t52
项目小结\t52
思考与练习\t53
项目四 网页的基本操作 \t54
任务一 新建网页\t55
任务二 网页文本操作\t57
任务三 创建文本列表\t65
任务四 插入图像\t67
任务五 设置网页属性\t69
项目实训\t71
项目拓展\t75
项目小结\t76
思考与练习\t76
项目五 表格的运用 \t78
任务一 创建表格\t79
任务二 认识扩展表格模式\t81
任务三 编辑表格\t82
项目引导\t84
项目实训\t88
项目拓展\t96
项目小结\t98
思考与练习\t98
项目六 超链接的设置 \t100
任务一 认识超链接\t101
任务二 创建超链接\t101
任务三 管理超链接\t108
项目引导\t111
项目实训\t117
项目拓展\t120
项目小结\t120
思考与练习\t121
项目七 网页高级布局 \t122
任务一 认识网页布局\t123
任务二 运用AP Div布局网页\t126
任务三 运用IFrame布局网页\t129
项目实训\t131
项目拓展\t135
项目小结\t136
思考与练习\t136
项目八 CSS样式表的运用 \t138
任务一 认识CSS样式表\t139
任务二 创建CSS样式表\t144
任务三 添加CSS选择器\t147
项目引导\t154
项目实训\t159
项目拓展\t163
项目小结\t163
思考与练习\t164
项目九 表单的创建 \t165
任务一 认识表单\t166
任务二 创建表单元素\t166
项目引导\t173
项目实训\t183
项目拓展\t186
项目小结\t187
思考与练习\t187
项目十 行为的应用 \t189
任务一 认识行为\t190
任务二 添加行为与事件\t192
项目引导\t195
项目实训\t200
项目拓展\t203
项目小结\t204
思考与练习\t204
项目十一 移动Web设计 \t206
任务一 认识移动Web\t207
任务二 开发移动Web\t209
任务三 利用jQuery Mobile创建移动端网页\t214
项目引导\t219
项目实训\t224
项目拓展\t226
项目小结\t226
思考与练习\t227
参考文献\t228

随着Internet的迅猛发展，网站建设成为互联网领域
的一门重要技术。掌握这门技术首先要掌握一种网页开发工
具，Dreamweaver即是目前十分流行的工具软件之一。本书
全面介绍了Dreamweaver CC这款软件的强大功能，不仅包
括静态网页的制作方法，还包括移动Web网页、动态效果网
页的制作流程和方法，内容详尽，实用性强。
教育是国之大计、党之大计。培养什么人、怎样培养
人、为谁培养人是教育的根本问题。育人的根本在于立德。
为全面贯彻党的教育方针，落实立德树人根本任务，培养德
智体美劳全面发展的社会主义建设者和接班人，本书在编写
过程中融入“历史人文”“和谐自然”“卓越工程师”“中
国科技发展”“岗位职业素养”等主题元素，通过任务引领
，让学生在学习知识和技能的同时，树立热爱自然、关注国
家发展的意识，培养岗位职业素养，为以后走上网页设计与
制作岗位打下基础。
本书主要特点
本书由“十三五”职业教育国家规划教材
《Dreamweaver CS6 网页设计与制作》升级软件后改版而
成。在保持原版教材比较科学的编排方式和内容结构设计的
基础上，新版教材逻辑框架清晰，更新了一些陈旧的案例，
强化了教材“立德树人”根本任务；在软件功能上，与时俱
进，适应时代发展，具备新技术引领性。本书主要特点如下
。
1）本书按照“就业与升学并重”的职业教育办学指导
思想，采用“项目—任务”驱动教学模式，引导学生从实际
操作中获取知识，全面提升学生的知识和技能。根据学生的
接受能力，以若干个实际项目为载体，引导学生“做中学，
学中做”，掌握网页的制作方法和技巧，培养学生在信息收
集、分析和表达方面的能力；通过“项目实训”，促使学生
巩固知识、举一反三，培养学生的综合实践能力和创新能力
；同时，在每个项目最后追加“项目拓展”模块，进一步拓
宽学生的视野。
2）项目案例内容与时代挂钩，有新时代科技成果展示
、时代楷模宣传、安全教育宣传、中华优秀传统文化展示等
内容，能使学生喜闻乐见，既相互独立，在知识上又有联系
，图文并茂，贴近学生生活，在培养学生对网页的审美能力
的同时，提高他们学习网页制作的兴趣，并能体现“思政进
课堂”导向，强化教材“立德树人”根本任务。
3）采用Dreamweaver CC 2019版本，能够学习全新的
Dreamweaver功能。例如，新版的Dreamweaver改进了Git
集成，支持远程连接测试，支持添加凭据保存功能，支持在
Git面板中搜索文件及增加“合并冲突”图标等新功能。
4）注重章节内容的内在联系。增加HTML5基础内容章
节，让学生加深对网页制作本质的理解，提高代码阅读、编
写能力，同时体会到Dreamweaver可视化网页制作工具的优
势性。
5）提供教学资源，录制了项目案例操作视频，读者可
通过扫描书中二维码观看学习，也可到www.abook.cn网站
下载课件及素材使用。
教学建议
1）以学生实践为主，教师讲解为辅。教师讲解知识点
应以示例演示为突破点，项目引导以教师为主，由教师和学
生共同完成，项目实训则以学生为主体，要求学生独立完成
实训。
2）在“代码”视图模式下多阅读代码。尽管
Dreamweaver CC 2019拥有更精简且整洁的界面，用户可
以在该界面上根据具体需求个性化定义工作区，比如，可以
使其仅显示进行编码时所需要使用的工具，开发效率高，但
应鼓励学生在“代码”视图模式下阅读、编写代码，实现更
为复杂的功能，为成为未来的Web程序员做好准备。
3）建议下载多种浏览器测试书中示例，比如Edge浏览
器、Firefox浏览器和Chrome浏览器等，使用多种浏览器便
于测试Web页面的兼容性和效果，因为不同的客户可能使用
不同的浏览器。目前，所有浏览器均为免费产品，直接从互
联网下载安装即可。
4）建议教师秉承“思政进课堂，思政进头脑”的理念
，为“全面贯彻党的教育方针，落实立德树人根本任务，培
养德智体美劳全面发展的社会主义建设者和接班人”贡献力
量。
学时安排
各项目理论、实践有所侧重，课程学时可根据实际情
况合理安排，各项目内容的学时分配建议如下。
课程内容\t理论学时\t实践学时\t合计
项目一 Dreamweaver CC 2019入门\t1\t3\t
4
项目二 网站策划与站点管理\t2\t2\t4
项目三 HTML5构建网站\t2\t2\t4
项目四 网页的基本操作\t2\t5\t7
项目五 表格的运用\t2\t6\t8
项目六 超链接的设置\t2\t4\t6
项目七 网页高级布局\t2\t4\t6
项目八 CSS样式表的运用\t4\t6\t
10
项目九 表单的创建\t4\t6\t10
项目十 行为的应用\t4\t6\t10
项目十一 移动Web设计\t4\t6\t
10
学时合计\t29\t50\t79
本书由张学义、毕明霞担任主编，冯雪圆担任副主编
。其中，项目一～项目三由毕明霞编写，项目四由李娜编写
，项目五、项目六由李曙静编写，项目七～项目九由张学义
编写，项目十、项目十一由冯雪圆编写。张学义负责全书的
内容构思及