本书为新专标计算机类课程“双高计划”建设成果系列教材之一，也是职业教育国家在线精品课程“Web前端开发基础”的配套教材，按照Web前端工程师岗位技能要求，融入Web前端开发1+X职业技能等级标准和世界技能大赛Web开发技术赛项标准，遵循学习规律，基于“搭建网页结构-美化网页效果-添加网页交互”的网站设计工作过程，设计7个教学模块。模块1主要介绍Web前端技术，包括发展历程、核心技术、主要框架、开发工具准备、前端开发知识体系等内容；模块2主要介绍HTML基础知识，包括HTML基本格式、常用标签、列表、音视频插入等内容；模块3主要介绍CSS基础知识，包括基础语法、引入方式、选择器的使用、文字及段落样式等内容；模块4主要介绍表格和表单，包括表格常见标签及属性、表单常见标签及属性、表单的基本结构、常见的表单元素等内容；模块5主要介绍页面布局，包括盒子模型、常见的3种布局方式、弹性布局等内容；模块6主要介绍JavaScript编程基础，包括程序结构、函数的使用、定时器的使用等内容；模块7为综合实训项目，以企业工程师的思维，介绍实现完整网站项目开发的思维过程和工作过程，最终使读者获得经验积累和能力提升。全书以“案例导入、任务驱动”的模块化设计方式，将真实项目和知识点贯穿起来，并辅以实例，以此激发读者的学习兴趣。
本书配有微课视频、教学设计、授课用PPT、案例素材、习题答案等数字化学习资源。与本书配套的数字课程“Web前端开发开发基础”在“智慧职教”平台上线，学习者可以登录平台进行在线学习，授课教师可以调用本课程构建符合自身教学特色的SPOC课程，详见“智慧职教”服务指南。教师

模块1Web前端技术简介/1
1.1前端技术简介/2
1.1.1什么是Web前端技术/2
1.1.2前端技术能做什么/3
1.1.3前端技术发展历程/3
1.1.4前端核心技术/4
1.1.5前端框架技术/5
1.1.6前端开发技术就业前景/7
1.2前端开发准备/7
1.2.1前端开发工具/7
1.2.2Web浏览器/10
1.3Web前端开发知识体系/10
1.4案例鉴赏/12
1.5模块实训：创建第一个HTML页面/13
1.6习题/15
……