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

袁晓建，中共党员，博士，硕士生导师，副教授；中国通信学会会员，现任福州外语外贸学院大数据中心主任、数据科学与大数据技术系主任；全国创新创业大赛优秀指导教师、福州市创业导师。主持《信息不完全确定的灰色模型及其在复杂物流系统中的应用》《校企联动背景下大数据专业应用型人才培养探索与实践》等多项课题。

模块1 企业官网新闻中心模块设计 1
任务1　网页的认识与开发环境的搭建 2
【任务概述】 2
【知识准备】 2
【任务实施】 4
【任务拓展】 7
任务2　创建网站首页 7
【任务概述】 7
【知识准备】 7
【任务实施】 10
【任务拓展】 11
任务3　新闻详情页设计 11
【任务概述】 11
【知识准备】 11
【任务实施】 16
【任务拓展】 19
任务4　新闻列表页设计 19
【任务概述】 19
【知识准备】 19
【任务实施】 21
【任务拓展】 24
【练习与思考】 24
模块2 企业年度业绩报表页面设计 26
任务　“巨巨网络科技有限公司年度业绩报表”页面设计 27
【任务概述】 27
【知识准备】 27
【任务实施】 38
【任务拓展】 43
【练习与思考】 43
模块3 新闻中心模块样式美化 45
任务1　新闻详情页的外部样式表配置 46
【任务概述】 46
【知识准备】 46
【任务实施】 48
【任务拓展】 48
任务2　新闻详情页的样式美化 48
【任务概述】 48
【知识准备】 49
【任务实施】 62
【任务拓展】 64
任务3　新闻列表页的样式美化 64
【任务概述】 64
【知识准备】 65
【任务实施】 67
【任务拓展】 68
【练习与思考】 69
模块4 “加入我们”页面设计 71
任务　“加入我们”页面的布局与样式设计 72
【任务概述】 72
【知识准备】 72
【任务实施】 87
【任务拓展】 96
【练习与思考】 97
模块5 “产品中心”页面设计 99
任务　“产品中心”页面的布局与样式设计 100
【任务概述】 100
【知识准备】 100
【任务实施】 113
【任务拓展】 126
【练习与思考】 126
模块6 企业官网首页设计 128
任务1　企业官网首页结构搭建 129
【任务概述】 129
【知识准备】 129
【任务实施】 137
【任务拓展】 139
任务2　企业官网首页导航栏与底部栏设计 139
【任务概述】 139
【知识准备】 140
【任务实施】 147
【任务拓展】 151
【练习与思考】 152
模块7 企业官网首页广告栏设计 153
任务　企业官网首页广告栏的布局与切换效果设计 154
【任务概述】 154
【知识准备】 154
【任务实施】 160
【任务拓展】 167
【练习与思考】 167
模块8 企业官网首页广告栏动画设计 169
任务1　广告图切换效果设计 170
【任务概述】 170
【知识准备】 170
【任务实施】 178
【任务拓展】 179
任务2　广告图动画效果设计 180
【任务概述】 180
【知识准备】 180
【任务实施】 185
【任务拓展】 186
【练习与思考】 187
模块9 “关于我们”模块设计 188
任务　“关于我们”模块的布局与样式设计 189
【任务概述】 189
【知识准备】 189
【任务实施】 204
【任务拓展】 211
【练习与思考】 212
模块10 移动端网页设计 213
任务1　移动端宣传页设计 214
【任务概述】 214
【知识准备】 214
【任务实施】 220
【任务拓展】 224
任务2　移动端首页设计 224
【任务概述】 224
【知识准备】 224
【任务实施】 228
【任务拓展】 233
【练习与思考】 233
模块11 网页交互功能设计 235
任务1　JavaScript入门 236
【任务概述】 236
【知识准备】 236
【任务实施】 247
【任务拓展】 248
任务2　轮播图设计 248
【任务概述】 248
【知识准备】 249
【任务实施】 252
【任务拓展】 255
【练习与思考】 255