前言



　　HTML5的时代已经到来——高度跨平台自适应的特性让HTML5逐步走向技术前沿，为PC端和移动端设备带来无缝衔接的丰富内容。如今HTML5这个词已经不仅仅是它本身的意思了，还代表着以它为首的CSS3、jQuery等一系列新技术的合集，这也是未来Web前端开发的趋势所在。
　　本书是一本从零开始学习的Web前端开发教材，无需额外的基础。全书以项目驱动为宗旨，详细介绍HTML5、CSS3与JavaScript的基础知识与使用技巧。
　　全书共包含12章，可分为以下三部分： 
　　第一部分是基础知识篇，包括第1章至第4章的内容。其中，第1章是绪论，概要介绍Web原理基础、主流Web前端开发技术以及开发工具的选择； 第2章是HTML5基础，讲解HTML5的基本结构、保留的HTML常用标签以及HTML5新增的常用标签的用法； 第3章是CSS基础，主要讲解CSS样式表、选择器、语法规则、取值单位以及一系列CSS常用样式； 第4章是JavaScript基础，主要讲解JavaScript的变量、基本数据类型、对象、运算符、条件语句、函数以及DOM的相关知识。比起第1版，本版精简了第4章中的循环语句和BOM等内容，需要进一步详细学习JavaScript的读者可以阅读作者的另一本书《JavaScript与jQuery网页前端开发设计》。
　　第二部分是重点篇，包括第5章至第10章的内容。这6个章节分别详细讲解HTML5新增API中的一款，包括HTML5拖放API、表单API、画布API、媒体API、地理定位API以及Web存储API的用法。
　　第三部分是提高篇，包括第11章和第12章的内容。第11章是CSS3技术，主要讲解CSS3新增的样式用法，包括边框、背景、文本、字体、多列等方面的样式效果，以及新增的变形、渐变和动画技术。第12章是第2版的新增内容，主要讲解一个节选自实战性质的项目——高校辅导员培训基地网的设计与实现，根据客户需求开发网页首页，通过对项目实例的解析与实现，提高开发者的分析能力以及强化对于HTML5、CSS3与JavaScript的综合应用能力。
　　本书包含203个例题，均在浏览器中调试通过。作者为书中所有例题以及最后一章的综合设计实例精心录制了总计900分钟的视频讲解，包括视频文件212个。由于很多HTML5和CSS3的代码需要较高版本浏览器方能提供更好的体验效果，建议读者使用但不限于Internet Explorer 10.0、Chrome 17.0、Firefox 10.0、Safari 5.0或Opera 11.1以上版本的浏览器。
　　本书还提供丰富的配套资源，包括教学大纲、教学课件、电子教案、例题源代码、课后习题答案、教学讲度表。


资源下载提示
课件等资源： 扫描封底的“课件下载”二维码，在公众号“书圈”下载。
素材（源码）等资源： 扫描目录上方的二维码下载。
视频资源： 扫描封底刮刮卡中的二维码，再扫描书中相应章节中的二维码可以在线学习。
在线作业： 扫描封底刮刮卡中的二维码，登录在线作业平台进行学习。



为方便读者综合应用本书所学知识进行实战项目开发，特精心为每章节配套编制了多个综合实战项目，已编入《HTML5网页前端设计实战》一书，可作为本书的配套实践教材。
　　最后，感谢清华大学出版社魏江江分社长、王冰飞编辑以及相关工作人员，非常荣幸能与卓越的你们再度合作； 特别感谢敬爱的周泉先生和任萱女士对本书出版给予的倾力帮助，无论何时想起都会让我不忘初心继续努力； 感谢家人和朋友给予的关心和鼓励，同时也要感谢我的丈夫刘嵩先生多年来对我的工作的一贯支持。
　　愿本书能够对读者学习Web前端新技术有所帮助，并真诚地欢迎读者批评指正。希望能与读者朋友共同学习成长，在浩瀚的技术之海不断前行。
作者

2020年8月