本书涵盖Web前端开发的基础知识，将知识点融合到具体案例中，组成完整的案例知识体系，充分体现实践性；融入课程思政案例和创新案例，提炼对应知识点的应用妙招；将“互联网+”创新创业的知识与专业知识融合，体现了专创融合的特色，是一本重在应用、融合思政、着重能力培养的高等院校教材。全书分Web基础、创新应用基础、JavaScript编程基础三大部分共八个模块，主要讲解Web相关基本概念、Web工作原理，以及HTML、CSS、JavaScript的基本理论知识和技术应用，并提供了大量应用实例。每个模块配套的习题与“1+X”Web前端开发认证相关知识相对应。本书适合作为应用型本科院校软件技术相关专业教材，也可作为高职、中职相关专业教材，亦可作为“1+X”Web前端开发认证的配套学习教材、对Web前端开发感兴趣的读者的自学教材，以及前端开发人员、教育培训机构人员的培训教材。

在“互联网 +”大浪潮的时代背景下，传统行业都在推进信息化改革，用户对互联网项目个性化、多样化的需求与日俱增，因此互联网产品的用户体验感受到高度重视，前端开发工程师的就业市场越来越广阔。
在此背景下，本书以案例为依托，涵盖前端开发岗位必需的基础知识，帮助读者快速进入前端开发领域。本书是一本形式创新、重在应用、融合思政、专创融合、着重能力培养的教材，主要讲解Web相关基本概念、Web工作原理，以及 HTML、CSS、JavaScript的基本理论知识和技术应用。
本书特色体现在五个方面：第一，提炼各模块对应的理论知识点，再将理论知识融合到实际案例中去，不但呈现了完整的理论知识体系，还锻炼了读者的实际应用能力；第二，在每个实践任务之后，根据真实项目经验提炼了对应的妙招，以帮助读者掌握要点，提升技能；第三，在编写中结合了课程思政案例和创新案例，以利于师生实施课堂教学改革时融入思政和创新元素，为课堂增光增色；第四，将“互联网 +”创新创业的知识与专业知识结合，体现了专创融合的特色，帮助学生开展创新创业实践；第五，选择与“1+X”Web前端开发认证相对应的题目作为练习题，帮助学生了解“1+X”考证相关知识及题目类型。
本书内容共分为三大部分，包含八个模块。第一部分（模块一～三）为Web基础，介绍Web的原理及其相关概念、HTML的基础标签、CSS样式的基本应用、列表标签、结构元素、HTML5新增语义标签、table标签的现实应用、盒子模型。第二部分（模块四～六）为创新应用基础，讲解使用CSS3实现圆角、渐变和阴影效果，实现2D和3D变换效果，Flex布局技术，瀑布流布局方法，表单、音频和视频标签的应用，画布（Canvas）标签的使用，以及图标库Font Awesome框架的应用。第三部分（模块七～八）为 JavaScript编程基础，包括JavaScript语法基础、数据结构、条件和循环语句、函数、字符串操作、常用对象、文档元素操作、节点操作、浏览器对象模型。
本书适合作为应用型本科院校软件技术等专业教材，也可作为高职、中职相关专业教材，亦可作为“1+X”Web前端开发认证的配套学习教材、对 Web前端开发感兴趣的读者的自学教材，以及前端开发人员、教育培训机构人员的培训教材。
本书由张毅、张绛丽编著，其中张毅负责模块一～模块六的编写，张绛丽负责模块七、模块八的编写。全书由张毅负责统稿和校订。广州创源信息科技有限公司提供了部分案例素材，编者对此表示衷心的感谢。
由于编者水平有限，编写过程中难免有疏漏和错误之处，欢迎广大同行和读者批评指正。

第一部分Web基础模块一认识前端开发单元一制作第一个Web页面1.1.1网站的基本知识1.1.2任务实践——制作第一个Web页面单元二制作通知页面1.2.1HTML基础标签1.2.2任务实践——制作通知页面单元三制作商品信息页面1.3.1图像与CSS基础1.3.2任务实践——制作商品信息页面单元四网上商城页面导航设计1.4.1超链接1.4.2任务实践——网上商城页面导航设计小结习题1模块二HTML5页面元素单元一制作导航栏2.1.1列表标签2.1.2盒子模型2.1.3任务实践——制作导航栏单元二制作学院简介页面2.2.1HTML结构元素2.2.2浮动与清理浮动2.2.3任务实践——制作学院简介页面单元三HTML5语义标签的综合使用2.3.1HTML5新增语义标签2.3.2任务实践——编写综合页面单元四制作股票信息表2.4.1表格标签2.4.2任务实践——制作股票信息表小结习题2模块三CSS基础应用

张毅，副教授，任职于广东环境保护工程职业学院，专业研究方向为软件技术与应用，主授课程《Web前端开发基础》《前端开发框架技术》《跨端开发技术》等。曾主编《计算机应用基础项目式教程Windows7+Office2010》，参编《C语言教学做一体化教程》。获得校级“优秀青年教师”称号。发表论文15篇，其中包括CSSCI期刊2篇，中文核心2篇，科技核心3篇。 张绛丽，副教授，任职于广东环境保护工程职业学院，研究方向为生态环境大数据及应用，数据存储与传输安全。编写《计算机网络安全》、江苏省十三五规划重点教材《物联网安全》。

①内容涵盖端开发岗位必需的前端基础知识，以案例为依托，帮助读者快速进入前端开发领域。
②每个实践任务之后，根据真实项目经验提炼了对应的妙招，有助于读者掌握要点，提升技能。
③结合课程思政案例和创新案例，有利于师生实施课堂教学改革中融入思政和创新元素，为课堂增光增色。
④最后一章将“互联网+”创新创业的知识与专业知识结合，体现了专创融合的特色，帮助学生开展创新创业实践。
⑤选择与“1+X”Web前端开发相对应的题目作为练习题，帮助学生了解与Web前端开发1+X考证相关知识及题目类型。
⑥配有丰富的教学资源，如教学大纲、教学视频、PPT课件、案例素材、习题及答案。