前言

Web前端开发是高校很多专业开设的一门专业课程。该课程起源于网页制作，课程的基础内容以网页及网站开发技术为主，但广义上的Web前端开发(俗称“大前端”)还包括移动App、微信小程序等任何互联网产品的开发，因此Web前端开发是对网页制作课程的继承和拓展。

Web前端开发同时又是相关专业学生的一项基本技能，就业市场对Web前端开发的人才需求量很大。前端开发技能之所以重要，是因为前端开发涉及界面设计和交互，个性化要求很高，导致项目的重用性水平低，这使得前端开发人才需要掌握更多相关领域的知识，前端开发者需要具备良好的自学能力和强烈的兴趣。

因此，前端开发的教学任务可分为两大块，即传授知识和培养兴趣。笔者认为教学的核心目标是学生能将各种知识点灵活运用。如果上课讲授的知识点过多、过细，则学生往往会无法将这些知识点运用到实践中；如果讲授的知识点过少，片面强调让学生实践，则学生由于对许多知识点没有系统领会，又容易陷入低水平的盲目实践。

为此，本书在编写时，首先，注重培养学生兴趣，在章节安排上尽快让学生进入CSS阶段的学习，将表格和表单的内容安排在CSS基础知识之后。这是因为只有接触了CSS，学生才会领会CSS的乐趣。本书重点讲授CSS的内容，因为CSS仍然是“Web前端开发”这门课程最核心的内容。其次，虑及初学者没有网页设计语言基础，本书将传统CSS知识和CSS3的内容进行统一编排，从而更容易地系统掌握CSS的传统技术和新技术。Bootstrap作为前端开发的一种流行技术，代表了网页制作技术的两大发展趋势: 一是响应式网页布局的趋势，可以说，响应式网页布局将是网页布局历史上的第二次革命；二是基于组件的网页制作方法，这种网页制作方法能避免从头开始写代码，避免了过去网页制作过程中令人厌倦的重复劳动，极大地提高了网站的开发效率。

“Web前端开发”这门课程对项目案例的选择有很高要求，为了培养学生在Web前端领域具备解决复杂工程问题的能力，建议采用基于组件技术与团队化开发的真实项目进行训练。但真实的Web开发项目中往往大部分代码是简单知识点的重复运用，实际上并不适合在教材中全面叙述。为此，本书在配套的实验代码中提供了几个较完整的案例，教师在讲授前把这些案例的制作过程练习熟练，并且把制作的每个阶段性成果都保存下来，就可有效指导学生制作这些案例。

本书自第1版出版以来，以其内容全面、实例丰富的特点，受到许多读者的喜爱。第2版在第1版的基础上，主要做了以下一些修订: 调整了章节结构，例如，把CSS的内容扩展到了3章，使本书的结构更加合理；根据Web前端技术的发展，新增了一节，对Vue.js较系统地介绍了入门实例，删除了部分比较旧的知识，如CSS的浏览器兼容性；为本书的有关内容制作了21个微课视频，可帮助读者更好地阅读和学习。

为了便于读者阅读和减少篇幅，本书采用精简代码的编排方式，读者一般能够容易地将其还原成完整代码，同时每个示例都标有序号(例如，例34对应的源代码文件就是34.html)，读者能够在配套源代码中找到对应的完整代码并能直接运行。

本书的教学大概需要64学时，其中，实验学时不少于16学时。如果学时量不足，则可以主要讲授第1～5章的内容。

本书还为教师提供了教学多媒体课件、实例源文件和实验大纲，可登录本书的配套网站https://mooc1.chaoxing.com/course/201693064.html免费下载。

本书由唐四薪、唐琼、李浪编著，唐四薪编写了第3～9章的内容，唐琼、李浪编写了第1章和第2章的部分内容，唐金娟编写了第2章的部分内容。

由于作者水平和教学经验有限，书中疏漏和不足之处在所难免，欢迎广大读者和同行批评指正。

作者

　　2022年12月