第3版前言

Web前端技术在互联网发展中承载着重要责任，其目标是追求良好的用户体验和丰富的交互。HTML5、CSS3、JavaScript是Web前端开发的基础技术，Bootstrap是基于HTML5+CSS3+JavaScript的开发框架，支持快速开发与响应式布局，适应Web开发从PC端向移动端转换的需求。

Web前端技术一直在发展变化。当前的主流浏览器已经普遍支持HTML5与CSS3，Web开发环境也更加成熟。与2016年本书第2版出版时比较，一些知识在变化更新，Web开发所需的部分在线资源已经发生改变或有了不同的表现形式。诸多因素促成编者增补、修订完成本书第3版。本书第3版具有以下特色。

（1）知识更加全面、系统。知识点覆盖了HTML5、CSS3、JavaScript、Bootstrap的主要内容，满足Web前端基础学习的需求。读者可以用最少的时间，识得Web开发全貌，并在此基础上深入学习。

（2）案例更加丰富、实用。全书知识点融于240个案例之中，对一些典型案例进行拓展讲解。一些案例给出了HTML5+CSS3实现与Bootstrap实现的比较，一些案例给出了JavaScript实现与HTML5实现的比较，可以帮助读者系统地掌握各种开发技术。

（3）内容强调易学、易用。本书重点介绍HTML5与CSS3在前端开发中经常使用的，或是功能上有重大改进的内容。Bootstrap部分重点介绍常用的组件和插件。有些内容，如JavaScript的浏览器对象、事件，读者可以根据需要选学或略过；书中部分未涉及的内容需要读者通过在线文档和示例来理解学习。

（4）配套资源完整、丰富。本书提供全部案例源码和素材资源，方便读者学习实践；提供教学用PPT课件，还包括思维导图课件，方便读者把握各章知识点；提供习题参考答案，还包括编者完成的部分示例网站的源码。

本书以HTML5、CSS3、JavaScript、Bootstrap等技术为主线，内容主要包括以下5部分。

第一部分：包括第1章、第2章，介绍网站开发基础知识，HTML和HTML5主要的、广泛使用的标记和属性，这是全书的基础。

第二部分：包括第3章、第4章，介绍CSS的概念、应用和示例，既包括基本选择器，复合选择器，用CSS设置文字与字体、背景、图像等内容，也包括CSS3的盒模型、CSS3布局、图像边框等内容。

第三部分：包括第5章、第6章，介绍JavaScript的语法基础，JavaScript的内置对象、浏览器对象和HTML DOM对象，还介绍了事件处理的相关内容。

第四部分：包括第7章～第9章，介绍Bootstrap框架，重点介绍栅格系统、全局样式、组件和插件等内容。

第五部分：包括第10章、第11章，介绍两个网站的设计和实现过程，以及网站的发布与管理方面的知识。

全书的示例都经过了编者的上机实践，结果运行无误。示例代码及各种资源文件可以到人邮教育社区（www.ryjiaoyu.com.cn）上下载。

本书由张大为、刘德山、崔晓松、张也非担任主编，最后由刘德山统稿并整理。章增安在本书写作、案例设计方面做了大量的工作，并参与了本书示例的写作与整理。

由于时间及编者水平的限制，书中可能存在疏漏之处，敬请读者批评指正。

编者

2020年4月