前言

党的二十大报告指出： 教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑。必须坚持科技是第一生产力、人才是第一资源、创新是第一动力，深入实施科教兴国战略、人才强国战略、创新驱动发展战略，开辟发展新领域新赛道，不断塑造发展新动能新优势。高等教育与经济社会发展紧密相连，对促进就业创业、助力经济社会发展、增进人民福祉具有重要意义。

HTML5的时代已经到来——高度跨平台自适应的特性让HTML5逐步走向技术前沿，为PC端和移动端设备带来无缝衔接的丰富内容。如今HTML5这个词已经不仅仅是它本身的意思了，还代表着以它为首的CSS3、jQuery等一系列新技术的合集，这也是未来Web前端开发的趋势所在。

　　本书是一本从零开始学习的Web前端开发教材，无需额外的基础。全书以项目驱动为宗旨，详细介绍HTML5、CSS3与JavaScript的基础知识与使用技巧。

　　全书共包含13章，可分为以下三部分： 

第一部分是基础知识篇，包括第1~4章的内容。其中，第1章是绪论，概要介绍Web原理基础、主流Web前端开发技术以及开发工具的选择； 第2章是HTML5基础，讲解HTML5的基本结构、保留的HTML常用标签以及HTML5新增的常用标签的用法； 第3章是CSS基础，主要讲解CSS样式表、选择器、语法规则、取值单位以及一系列CSS常用样式； 第4章是JavaScript基础，主要讲解JavaScript的变量、基本数据类型、对象、运算符、条件语句、循环语句、函数、DOM以及BOM的相关知识。本版第2~4章新增的阶段案例分别是“第一个Web页面”、“导航菜单栏的设计与实现”和“数字时钟的设计与实现”。

第二部分是重点篇，包括第5~10章的内容。这6个章节分别详细讲解HTML5新增API中的一款，包括HTML5拖放API、表单API、画布API、音频/视频API、Web存储API，以及新增了HTML5字符集与符号的用法。本版每章节新增的阶段案例分别是“仿回收站效果的设计与实现”、“用户注册页面的设计与实现”、“手绘时钟的设计与实现”、“在线教学视频的设计与实现”、“网页主题设置的设计与实现”和“简易Emoji查询器的设计与实现”。

第三部分是提高篇，包括第11~13章的内容。第11章是CSS3技术，主要讲解CSS3新增的样式用法，包括边框、背景、文本、字体、多列等方面的样式效果，以及新增的变形、渐变和动画技术。本版该章节新增阶段案例“特殊字体效果的设计与实现”。第12章主要讲解一个节选自实战性质的项目——高校辅导员培训基地网的设计与实现； 第13章是本版的新增内容，介绍基于Vue.js 3.x的第一个项目以及使用组合式API制作一个秒表应用。这两章通过对项目实例的解析与实现，提高开发者的分析能力，强化对HTML5、CSS3、JavaScript以及Vue.js 3.x的综合应用能力。

本书包含完整例题199个、每章阶段案例10个以及提高篇进阶综合案例2个，均在浏览器中调试通过。由于很多HTML5和CSS3的代码需要较高版本浏览器方能提供更好的体验效果，建议读者使用但不限于Chrome 17.0、Firefox 10.0、Safari 5.0或Opera 11.1以上版本的浏览器。

本书提供丰富的配套资源，包括教学大纲、教学课件、电子教案、例题和案例源代码、在线题库、习题答案、教学进度表和1400分钟的微课视频。

资源下载提示

课件等资源： 扫描封底的“图书资源”二维码，在公众号“书圈”下载。

素材（源码）等资源： 扫描目录上方的二维码下载。

在线作业： 扫描封底的作业系统二维码，再扫描自测题二维码，可以在线做题及查看答案。

视频资源： 扫描封底的文泉云盘防盗码，再扫描书中相应章节中的视频讲解二维码，可以在线学习。

本书新增了各章节知识点案例的AI快捷实现技巧介绍，并额外提供了关于内嵌AI智能体的网页项目开发实战案例。

　　最后，感谢清华大学出版社魏江江分社长、王冰飞编辑以及相关工作人员，非常荣幸能与卓越的你们再度合作； 特别感谢敬爱的周泉先生和任萱女士对本书出版给予的倾力帮助，无论何时想起都会让我不忘初心继续努力； 感谢家人和朋友给予的关心和鼓励，同时也要感谢我的丈夫刘嵩先生多年来对我的工作的一贯支持。

　　愿本书能够对读者学习Web前端新技术有所帮助，并真诚地欢迎读者批评指正。希望能与读者朋友共同学习成长，在浩瀚的技术之海不断前行。

作者

2025年5月