在前端开发技术的学习中，HTML5、CSS3和JavaScript是基础技术，因此熟练掌握HTML5、CSS3和JavaScript技术是学习前端开发技术的第一步。
本书以“巨巨网络科技有限公司”网站项目为导向，并将该项目分解成若干能够实现阶段成果的任务，对HTML5、CSS3和JavaScript的知识进行了详细介绍和应用举例。全书共有11个模块，具体介绍如下。
模块1为企业官网新闻中心模块设计，该模块将设计“巨巨网络科技有限公司官网新闻中心”模板。通过该模块的学习，读者可以了解常见网页名词、HTML结构和常用标签，并掌握开发工具的安装和使用方法，通过软件进行简单图文混排页面的布局设计。
模块2为企业年度业绩报表页面设计，该模块将通过HTML表格技术完成“巨巨网络科技有限公司年度业绩报表”页面的设计。通过该模块的学习，读者可以掌握HTML中表格的使用方法，熟悉表格的行列属性及合并、拆分、嵌套等操作，并能够设计常见的数据表格。
模块3为新闻中心模块样式美化，该模块将美化“巨巨网络科技有限公司官网新闻中心”模块的样式。通过该模块的学习，读者可以掌握CSS使用基础，以及CSS选择器和样式属性的使用方法，能够正确引用CSS样式对文本样式进行美化。
模块4为“加入我们”页面设计，该模块将完成“加入我们”页面的布局与样式设计。通过该模块的学习，读者可以掌握表单、表单元素和CSS3选择器的使用方法。
模块5为“产品中心”页面设计，该模块将完成“产品中心”页面的布局与样式设计。通过该模块的学习，读者可以掌握盒模型、浮动、精灵图的使用方法。
模块6为企业官网首页设计，该模块将完成企业官网首页的结构搭建，以及导航栏与底部栏的设计。通过该模块的学习，读者可以掌握HTML5新增的语义化标签，以及CSS3新增的渐变、阴影和滤镜等属性的使用方法。
模块7为企业官网首页广告栏设计，该模块将完成企业官网首页广告栏的布局与切换效果设计。通过该模块的学习，读者可以掌握盒模型固定定位、相对定位和绝对定位的使用方法，并能够根据不同定位的属性，选择合理的定位方式进行页面布局设计。
模块8为企业官网首页广告栏动画设计，该模块将完成企业官网首页广告栏的交互动画设计。通过该模块的学习，读者可以掌握CSS属性过渡与动画设计，并能够根据设计需求进行流畅的CSS动画设计。
模块9为“关于我们”模块设计，该模块将完成企业官网首页中“关于我们”模块的布局与样式设计。通过该模块的学习，读者可以掌握HTML5多媒体标签的使用方法，以及SVG图形和Canvas的相关知识，并能够通过HTML5多媒体标签、SVG图形和Canvas进行更丰富的多媒体网页设计。
模块10为移动端网页设计，该模块将完成移动端宣传页和首页的设计。通过该模块的学习，读者可以掌握视口、相对长度单位、flex布局等移动端网页开发知识，并能够合理应用相对长度单位和flex布局进行移动端网页设计。
模块11为网页交互功能设计，该模块将完成企业网页中轮播图的设计。通过该模块的学习，读者可以掌握JavaScript的基础语法和DOM对象操作，并能够进行简单的网页交互设计。
本书的编写特点如下。
（1）本书采用项目导向、任务驱动的方式进行内容编排，将基础知识与项目实战紧密结合，易于读者理解抽象的知识内容，并将其应用于实战中。
（2）本书知识点覆盖全面，涉及HTML、HTML5、CSS3、JavaScript等基础知识，大部分知识点有详细说明和案例示范，并采用完整项目串联章节知识，帮助读者打下坚实的网页开发基础。
（3）本书配备了丰富的项目案例、课程文档、微课视频、案例实操视频等资源。
（4）本书配套1+X初级考题精解、模拟题库，方便读者进行考前训练。
（5）本书的合作编写企业还提供了独创的在线AI实训平台，能够让读者在线实践知识点内容，并通过AI实验帮手逐步实现复杂的企业化项目。该平台真正实现了学习、实践、测评一体化，还支持学情分析功能，便于教师通过平台掌握学生的学习进度、知识薄弱点等数据，更好地改进教学质量。
本书编写人员有来自教学第一线的，也有来自企业第一线的。教学项目的设计由福建巨巨网络科技有限公司的吴森宏工程师完成。编写分工如下。
福州外语外贸学院袁晓建老师负责模块1～模块5的编写及全书的统稿工作，广东工程职业技术学院的陆晓梅老师负责模块6和模块7的编写，福州职业技术学院的郑若鹢老师负责模块8和模块9的编写，福州职业技术学院的王琳燕老师负责模块10和模块11的编写。
由于编者的水平有限，书中难免存在疏漏之处，恳请读者批评、指正，万分感谢。
编  者