前言

近些年来，随着“互联网＋”、大数据、云计算、人工智能、机器学习等新名词、新概念的不断涌现，相关产业发展得如火如荼。移动互联网已经深入人们日常生活的方方面面，为了让用户有更好的互联网体验效果，Web前端开发和移动终端开发相关技术飞速发展。HTML5、CSS3、JavaScript、Bootstrap、Vue等技术相互配合使用大大提高了Web前端开发人员的工作效率，减轻了工作量，降低了前端开发成本。本书设计了大量的示例，旨在帮助读者尤其是初学者快速掌握Web前端开发的技术精髓，用最短的时间使前端设计从外观上变得更加精美实用。

一、本书内容特点

内容合理，适合自学

本书总结了编者团队多年的设计经验及教学心得，在编写时充分考虑到初学者的特点，内容设置由浅入深、循序渐进、案例丰富，力求全面细致地展现Web前端设计应用领域的各项功能，使读者能够通过书中的示例掌握前端设计工作中需要的各项技术。

案例专业，资源丰富

本书中的大部分案例源于实际工作设计项目。为了提高读者的学习效率，书中为大部分的示例代码配备了相应的完整源代码和扩展知识(可扫描案例旁边的二维码在线观看，也可下载观看)，详细讲解了HTML5、CSS3、JavaScript、Bootstrap和Vue的技术要点，并在知识点的关键处给出了解释、提示和注释，可以帮助读者大大提高阅读本书的效率，快速掌握相关内容。

知行合一，通俗易懂

本书结合Web前端设计中的实际案例，详细讲解各类技术的实战技巧。读者可以通过案例，快速掌握Web前端设计的基础知识，同时提升自身的设计实践能力。每个案例都是专业知识和经验的提炼，让读者在学习中能够更快、更容易地理解所学的内容，并且能够独立高效地完成各种设计任务。

二、本书内容简介

本书全面细致地介绍了HTML5、CSS3、JavaScript、Bootstrap和Vue的相关技术知识，全书共分20章，各章内容简介如下。

章　节 内容说明

第1章　HTML5基础 主要介绍HTML5的基础知识

第2章　文本和图像 主要介绍在网页中添加文本和图像的方法

第3章　音频和视频 主要介绍在网页中添加音频和视频的方法

第4章　列表和超链接 主要介绍在网页中设计列表和超链接的方法

第5章　CSS3基础 主要介绍CSS3的基础知识

第6章　文本样式 主要介绍定义网页文本样式

第7章　图像和背景样式 主要介绍定义网页图像和背景样式

第8章　表格 主要介绍在网页中设计表格和表格样式的方法

第9章　表单 主要介绍在网页中设计表单、表单控件和表单属性的方法

第10章　CSS3盒子模型 主要介绍CSS3盒子模型

第11章　CSS3移动布局 主要介绍CSS3移动布局

第12章　CSS3变形和动画 主要介绍CSS3变形和动画效果

第13章　JavaScript基础 主要介绍JavaScript的基础知识

第14章　事件处理 主要介绍JavaScript事件与事件处理

第15章　BOM和DOM 主要介绍BOM和DOM知识

第16章　Bootstrap基础 主要介绍Bootstrap的基础知识

第17章　CSS通用样式 主要介绍CSS通用样式

第18章　CSS组件 主要介绍常用CSS组件

第19章　JavaScript插件 主要介绍JavaScript插件

第20章　使用Vue 主要介绍Vue.js的基础知识和使用方法

三、本书配套资源及服务

与书中内容同步的案例操作教学资源可供读者随时扫码学习，读者可扫描书中案例旁边的二维码在线观看。此外，本书免费提供电子课件、完整代码文档和实例源文件，读者可以扫描下方的二维码获取，也可以进入本书信息支持网站(http://www.tupwk.com.cn/downpage)下载。

扫码推送配套资源到邮箱

本书由哈尔滨理工大学的王莉莉、杨海陆和尹芳合作编写完成，其中王莉莉编写了第1、2、3、4、6、13、14、15、19、20章，杨海陆编写了第5、7、16、17、18章，尹芳编写了第8～12章。由于作者水平有限，本书难免有不足之处，欢迎广大读者批评指正。我们的邮箱是992116@qq.com，电话是010-62796045。

编  者

2022年12月