前言

本书第1版于2001年出版，自出版以来，累计改版6次。于2003年获评中国书刊发行协会组织的“2003年度全国优秀畅销书（科技类）”，以后陆续获评教育部“十一五”“十二五”“十四五”国家级规划教材，累计销量60余万册。经过20余年的积累、反馈和多次修订，逐步提升和完善，最新的第7版根据新的教学需要进行修订，从内容到形式、从纸质书到电子资源进行全方位升级，并融入了1+X职业技能等级证书考试要求。

“Web前端开发”（以前称“网页设计与制作”）课程是计算机类专业的专业支撑课程。随着移动互联网技术的快速发展，Web前端开发技术已经被广泛运用在各个领域，成为网站开发、App开发及智能终端设备界面开发的主要技术。因而，前端开发岗位出现了显著的人才短缺。根据《国家职业教育改革实施方案》《国务院办公厅关于深化产教融合的若干意见》和《国家信息化发展战略纲要》等文件对人才培养的新要求，工业和信息化部教育与考试中心根据教育部的《职业技能等级标准开发指南（试行）》的相关要求，制定了《Web前端开发职业技能等级标准》。

本书与之前版本的改进和特点主要体现在以下几个方面。

1）有机融入思政元素和党的二十大精神，每章均设置了“素养目标”，旨在引导学生树立正确的人生观、世界观和价值观。同时，我们将网页内容作为思政教育的有机组成部分，使学生在制作网页的过程中，重温政治认同、家国情怀、文化修养、法治意识、道德修养等重要内容。这不仅有助于增强学生的国家意识，激发他们的爱国情怀，更能加强学生职业精神的塑造，提升职业素养，从而更好地践行党的二十大报告所强调的“育人的根本在于立德”的深刻内涵，为学生的全面发展奠定坚实基础。

2）为了适应教学需求和新的岗位能力要求，本书依据《Web前端开发职业技能等级标准（初级）》和部分院校《Web前端技术课程教学标准》编写，主要介绍静态网页的制作技术，包括Web页面制作基础、HTML5和CSS3开发基础与应用、JavaScript程序设计及其应用、社区新闻网制作实例等。

3）课程设计充分体现“教师指导下的以学生为中心”的教学模式，以学生为认知主体，充分调动学生的积极性和能动性，重视学生自学能力的培养。由教师提出任务，学生独立设计并完成。

4）使用模块化的结构组织章节，并选取静态网页设计与制作的典型应用作为教学案例。以网站建设和网页设计为中心，实例引导，将知识介绍与实例设计、制作、分析相结合，贯穿在整个教材中。

5）本书全面引入ES6（ECMAScript 2015）的新技术，例如箭头函数、使用class关键字定义类、扩展运算符等。本书正文、代码均经ChatGPT校对、验证，保证了其正确性。

6）本书采用工业和信息化部教育与考试中心推荐的HBuilderX进行网页代码编写，使用Google Chrome或Microsoft Edge浏览器进行调试和运行。

7）为了配合教学，便于教师讲课，我们精心制作了微课视频、电子课件、授课计划、课程标准、模拟题及答案、素材和源代码等丰富的教学资源。微课视频可以搭建网络课程，通过扫描书中的二维码即可观看；电子课件浓缩了本书的教学要点，可以作为教师的板书来演示。教师可以从机械工业出版社教育服务网（http://www.cmpedu.com）下载这些资源。使用这些资源可以搭建自己的网络课程，方便进行线上线下混合式教学。

8）考虑到网页制作较强的实践性，本书配备大量的例题并提供源代码和网页效果图，能够有效地帮助读者理解所学习的理论知识，系统全面地掌握Web前端开发技术。每章附有习题，并提供习题答案，供读者在课外巩固所学的内容。

9）由于HTML5、CSS3和JavaScript的内容非常多，而教学课时有限，本书采用电子活页式教材的方式，必知必会的内容印刷在教材中，选学内容扫描书中的二维码获得。

10）本书由头歌平台在线提供一站式配套实验环境和内容。

本书由刘瑞新主编，参加编写的有刘瑞新（第1～3章），赵全利（第4、8章），孙立友（第5章），曹利（第6章），周艳芳（第7章），刘克纯（第9章），莫丽娟（第10章），徐军（第11章）。全书由刘瑞新教授统稿。

在本书编写过程中，参考了大量Web前端开发相关图书、文献和网络资料，对此深表感谢。由于作者水平有限，书中疏漏和不足之处难免，敬请广大师生指正。我们将会对您反馈的问题进行认真的处理和修正，以提高本书的质量。我们真诚地感谢所有使用本书的教师和学生，是你们的支持和信任让我们有动力继续改进和优化。我们期望本书能为你们的学习和教学提供帮助，也期待你们在Web前端开发的道路上取得更大的成就。

编者