本书以工业和信息化部教育与考试中心发布的《Web前端开发职业技能等级标准》（初级）为编写依据，帮助读者快速掌握HTML5+CSS3+JavaScript网页开发技能。内容包括HTML基础、HTML5新标签和属性、CSS3样式、JavaScript基础、移动端布局等，同时配备丰富的项目案例、课程文档、微课视频、案例实操视频和1+X初级考题精解、模拟题库等资源。
本书采用项目导向、任务驱动的方式进行内容编排，语言通俗易懂，项目案例深入浅出，配套教学资源丰富。
本书项目均源自企业真实项目，编写团队包括深耕本科教育数十年的教授及拥有丰富教学经验的高职院校一线教师，旨在为读者提供一个通俗易懂的技术学习平台。
本书可作为高职高专、应用型本科院校和软件开发培训学校的Web前端开发技术初级课程的教材和实训指导书，亦可作为期望从事Web前端开发职业的应届毕业生和社会在职人员的自学参考书。

模块1 企业官网新闻中心模块设计
任务1 网页的认识与开发环境的搭建
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务2 创建网站首页
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务3 新闻详情页设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务4 新闻列表页设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块2 企业年度业绩报表页面设计
任务 “巨巨网络科技有限公司年度业绩报表”页面设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块3 新闻中心模块样式美化
任务1 新闻详情页的外部样式表配置
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务2 新闻详情页的样式美化
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务3 新闻列表页的样式美化
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块4 “加入我们”页面设计
任务 “加入我们”页面的布局与样式设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块5 “产品中心”页面设计
任务 “产品中心”页面的布局与样式设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块6 企业官网首页设计
任务1 企业官网首页结构搭建
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务2 企业官网首页导航栏与底部栏设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块7 企业官网首页广告栏设计
任务 企业官网首页广告栏的布局与切换效果设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块8 企业官网首页广告栏动画设计
任务1 广告图切换效果设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务2 广告图动画效果设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块9 “关于我们”模块设计
任务 “关于我们”模块的布局与样式设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块10 移动端网页设计
任务1 移动端宣传页设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务2 移动端首页设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】
模块11 网页交互功能设计
任务1 JavaScript入门
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
任务2 轮播图设计
【任务概述】
【知识准备】
【任务实施】
【任务拓展】
【练习与思考】