本书为“十二五”职业教育国家规划教材第三版，以典型工作任务为载体，系统讲解了网站规划建设的技术与技能。全书分七个单元，包括了解网站规划与设计、创建Dreamweaver网站、使用HTML5编写网页、构建CSS样式与网页布局、JavaScript语言编程、创建PHP应用程序、网站的发布与维护管理。每一单元都配备了相应案例，以同步提高读者的理论水平及实践能力。本书采用“典型工作任务+案例教学”方式编写，结合实际，通过一个完整的网站建设过程及一系列操作案例，循序渐进、由易到难地介绍网站制作技术组合Dreamweaver+HTML5+CSS+JavaScript+PHP，涵盖网站前台建设、后台数据库所涉及的常见知识和操作技艺。本书配备了配套教学资源。读者学习完本书后，即可建立起一个符合Web标准的网站，以最快的速度进入网站设计师的角色。本书适合作为高职高专和成人高校的教材，也可作为社会培训班以及业余爱好者的培训、自学参考书。

随着教育教学改革的不断深化，传统的教学模式已难以适应技术技能人才培养的需要。一方面如何从学生的基本心理需求出发，在教学目标上注重突出教学的情意功能，融入课程思政理念，使学生在认知、情感和技能目标上达成均衡，满足学生的归属感和使命感，是一个目前教育教学改革的难题；另一方面传统的偏知识传授的方式已逐步转向注重学生能力培养的典型任务驱动模式，以学生为中心、培养学生的动手能力，已成为目前高等职业教育界的共识。教育教学改革改到实处是教材改革，为此，编者将第二版进行修订，将思政教育融入专业知识讲解中，每个单元以典型工作任务为载体，系统讲解了网站规划建设的技术与技能。
针对喜欢快餐式学习的现代读者，本书通过一个完整的网站建设过程，配备紧密关联的大量具体实例，循序渐进、由易到难地讲解网站建设所涉及的方方面面。读者学习完本书后，即可建立起一个符合 Web 标准、具有丰富网页特效、功能齐全的网站。
本书第一版是普通高等教育“十一五”国家级规划教材，第二版是“十二五”职业教育国家规划教材，自出版以来，被全国众多高校选用。在使用过程中，编者收到了一些用书单位和读者的反馈信息，他们在给予本书充分肯定的同时，也提出了中肯的意见和一些具有前瞻性的建议。为此，经过编者们的充分研讨，结合教材使用情况和网站设计的新发展方向，对原版教材进行大幅度的内容修订。例如，更新 Dreamweaver CS6 版本为Dreamweaver 2020 版本；增加 CSS 样式的语法介绍和 CSS+Div 网页布局技术；更新HTML4 为 HTML5 版本等。另外，根据部分读者的建议，把原书的 JavaScript 的应用实例设计得更有趣味性和实用性，增加了创建 PHP 应用程序等学生感兴趣的学习内容等。
第三版教材延续了第一、二版的编写风格，注重理论够用为度，强化操作技能，使理论与实践紧密结合，以最快的速度带领读者进入网站设计师的角色。近年网页设计比较流行响应式设计、扁平化设计、无限滚动、固定表头、大胆的颜色、更少的按钮和更大的网
页宽度，编者在各单元操作案例中尽量迎合当前网页设计潮流，选用的案例尽量通俗化、实用化，易于读者理解。
编者在各单元操作案例中适当穿插“提示”型的知识点模块，主要涉及网站设计中的一些小技巧、注意事项等。另外，鉴于目前的网站开发尚处于新旧标准共存的状态，因此编写时要理顺平衡两者关系，例如，对一些不符合 Web 新标准的、但目前仍有大量使用的 HTML 标签，进行选择性讲解并标注为“逐渐淘汰。
本书由余明艳、姚怡任主编，程琳琳、杨琳、余海萍任副主编。全书由余明艳统稿。
本书内容涉及网站前台设计和各种网页编程技术，技术技能点较多，建议一体化授课不低于 60 学时。为了便于读者学习，本书配有“网页设计基础”课程资源，可以到http://mooc1.chaoxing.com/course/205247725.html 查看。
由于网站建设技术日新月异，加之编者水平有限，书中难免有疏漏和不足之处，恳请广大读者批评指正。
编 者
2023 年 9 月

单元1了解网站规划与设计1任务1了解网站整体规划1任务说明1任务实施——“班级”网站整体规划1相关知识21．网站的分类22．网页的类型53．网页中的常用元素74．网站的主页85．网站设计原则9任务2定位网站VI形象10任务说明10任务实施——定位“生物工程设备”网站VI形象10相关知识121．网站配色原则122．屏幕布局设计原则12任务3Web服务器的配置12任务说明12任务实施——在Windows10操作系统中安装配置IIS13相关知识191．Web系统组成192．Web标准193．IP关联20小结22习题22单元2创建Dreamweaver网站24任务1创建Dreamweaver站点24任务说明24任务实施——创建“班级”网站24相关知识281．Dreamweaver2020的启动与工作界面282．各部件简单介绍29任务

余明艳，广东交通职业技术学院信息学院院长，副教授，工学硕士，从事高等职业教育教学二十余年，曾荣获第四届黄炎培职业教育杰出教师奖、校级教学名师，全国比赛先进个人奖、优秀指导老师奖等多项荣誉；近年来主持国家星火计划项目、省科技计划项目等多项省、厅级教科研项目，主编《软件工程项目教程》等四部教材。 姚怡，博士，广西大学计算机与电子信息学院教授，研究方向为组合优化算法。主编多种图书被评为普通高等教育“十一五”国家级规划教材和“十二五”职业教育国家规划教材。

（1）通过一个完整的网站建设过程，配备紧密关联的大量具体实例，循序渐进地讲解网站建设所涉及相关知识。
（2）在各单元操作案例中适当穿插“提示”型的知识点模块，主要涉及网站设计中的一些小技巧、注意事项等内容。