前 言

《网页设计与制作项目教程》是“十二五”、“十三五”职业教育国家规划教材，辽宁省优秀教材，也是新世纪高职高专教材编审委员会组编的计算机应用技术专业系列规划教材之一。

编者结合自身教学体会，认真分析了目前同类教材在使用中的效果和反馈建议，学习、总结了目前高职教育领域中比较先进的教学理论，进而对本教材的编写理念、结构、内容等方面作了比较积极的探索。

从结构上，本教材取消章节而由技能模块代替，每模块由四个部分组成：

（1）任务引领。全书包含许多个独立的小任务，这些小任务采用中、小企业工程实例素材，它们分布在每个知识模块之前，用来引领学生学习该模块设定的若干重要知识点。当完成这些小任务后，学生就基本了解了对应知识点的作用以及使用方法。

（2）相关知识。网页设计技术复杂而且繁琐，单纯依靠每个模块中的几个任务引领不可能把该模块重要的知识点涵盖全面，运用也没有深度。“相关知识”使用简短的篇幅对相关的理论知识点进行了有效的补充。

（3）项目渐进。它是一个比较完整的综合性实战项目，该项目从无到有，循序渐进。学习完每个模块后，即可利用相应知识点对其进行逐步完善，教材学习完毕，这个综合性实战项目也就制作完整了，从而使读者从宏观上对整个知识结构有了更清晰的认识，也增加了教材的可读性和适用性。

（4）拓展训练。职业教育的培养应该以能力为本位，因此，在每个模块后面，还精心设计了一个图文形式的网页设计练习，学生可以依照本模块所学知识点将其设计制作完成，这样能够进一步培养学生开发网站的实践能力和创造能力。

著名的2/8定律也同样适用在网页设计中，即在实际网页开发工作中，80%所使用的技术往往只占整个知识量中20%的比例。所以，作为初、中级网站开发者，首先掌握这最常用的20%的知识是提高网站开发技术和学习效率的捷径。

本教材在知识的选取上遵循2/8定律，突出实用性。内容上本着够用为度、实用和应用为主的原则，将必要的专业理论知识与相应的实践训练相结合，通过任务的实践训练巩固理论知识，强化实践技能培养，提高学生分析常见问题和解决实际问题的能力。同时，课程思政与项目案例融合，践行 “立德树人”育人理念。

本教材适合在机房教学，学生每人一台计算机（配置Windows7或以上操作系统，安装Adobe Dreamweaver 2020或以上版本，PHP集成环境整合包WampServer，可以连接互联网），有计算机投影设备或多媒体教学系统，以便于教师操作演示。

本教材的参考学时为64学时,如果条件允许，可再增加30学时课程设计。参考下表。

模块1	认识开发工具，了解网站制作完整流程	6学时	模块7	高效制作风格一致的网页	6学时
模块2	构建网页的图文信息	6学时	模块8	运用“行为”功能提升用户体验	4学时
模块3	利用表格和内联框架设计规整的网页	6学时	模块9	制作可让用户提交信息的表单	4学时
模块4	在网页中展示多媒体	4学时	模块10	实现与用户交互的动态网页	10学时
模块5	精致网页从样式表开始	8学时	模块11	项目部署与展望	4学时
模块6	制作移动优先、响应快速的精美网站	6学时

本教材由辽宁经济职业技术学院冯涛、辽宁科技学院王海波任主编，辽宁轻工职业学院马春艳、辽宁省交通高等专科学校于淼、辽宁经济职业技术学院张芳芳任副主编，成都西维数码科技有限公司岳嫚任参编。编写分工如下：第1、6、8、10、11模块及附录由冯涛编写，第2、4、5、7模块由马春艳编写，第3模块由张芳芳编写，第9模块由于淼编写，王海波和岳嫚在知识点选取、模块划分和案例设计等方面做了大量工作。全书由冯涛统稿。滨州职业学院石忠院长审阅了全部书稿，并提出了宝贵的意见，在此表示衷心的感谢！

国内资深互联网服务提供商成都西维数码科技有限公司参与了本教材的编写，其旗下知名网络服务平台“西部数码”为本教材提供了云主机，以方便读者在学习中体验真实建站效果。读者可通过本教材的支持网站http://teachroot.com免费申请使用，并可在该网站下载教学资源和浏览案例演示效果，也可以通过扫描书中各二维码观看微课视频。

本教材适合于各类高职高专、大中专院校的计算机专业教学使用。对于广大从事IT职业的工作人员和初、中级网站开发者以及业余爱好者也均适用。

由于编者水平有限，加之时间仓促，书中难免存在不足之处，请专家和广大读者批评指正。