本书以1+X《Web前端开发职业技能等级标准》为编写依据，循序渐进地介绍了Web前端技术、CSS设计的基本思想、Web前端技术的开发流程，并利用案例完成环境的搭建和Web页面的典型应用。

本书以就业为导向，面向Web前端工程师岗位，结合“1+X”证书“Web前端开发初级”职业资格取证要求，将内容分为四部分：Web前端基础知识——Web思想、环境配置、开发流程；HTML内容实现——HTML标签、块级元素、行内元素等；页面表现形式——CSS基础知识、盒子模型、CSS布局规划、文字和背景设计、列表和超链接、表格与表单；JavaScript应用——JavaScript基础应用、DOM与BOM应用案例。本书精选北斗卫星导航系统等思政元素，依据任务需求将知识技能和思政元素渗透到教学各环节，设计了26个课堂实训，由浅入深，循序渐进，切合实际，实训过程详细，利于培养学生的工匠精神。本书可作为高等职业教育、中等职业教育计算机相关专业的Web前端技术、网页设计与开发、网页制作等网页设计课程的教材，也可作为从事Web开发相关工作的工程技术人员的参考书。

第1章 Web前端开发概述
1.1 Web前端开发基础
1.1.1 初识Web前端技术
1.1.2 Web前端技术开发流程
1.1.3 Web标准一结构、样式和行为的分离
1.1.4 常用的浏览器介绍
1.2 HTML5基本框架
1.2.1 HTML发展历程
1.2.2 HTML编码标准
1.2.3 HTML文档基本格式
1.2.4 开发工具的选择
课堂实训1-1 中国奥运奖牌网页策划与设计
习题
第2章 HTML简单标签
2.1 HTML基础
2.1.1 HTML文档基本组成
2.1.2 头部标签
2.1.3 特殊字符
2.1.4 注释
课堂实训2-1 制作“神舟一号——飞天梦之起点”网页
2.2 标签分类
2.2.1 按闭合特征分类
2.2.2 按显示模式分类
课堂实训2-2 制作“神舟二号——中国第一艘正样无人飞船”网页
2.3 块级标签
2.3.1 段落标签
2.3.2 盒子标签
2.3.3 水平线标签
2.3.4 块级引用标签
2.3.5 标题标签
2.3.6 其他块级标签
2.3.7 语义化标签
课堂实训2-3 制作“神舟五号——圆梦飞天”网页
2.4 内联标签
2.4.1 图像标签
2.4.2 换行标签
2.4.3 超链接标签
2.4.4 其他内联标签
课堂实训2-4 制作“神舟九号——首次载人交会对接”网页
2.5 多媒体标签
2.5.1 音频标签
2.5.2 视频标签
课堂实训2-5 制作“神舟十三号——新的航天纪录”网页
习题
第3章 CSS核心基础
3.1 CSS基础知识
3.1.1 初识CSS
3.1.2 基本选择器
3.1.3 使用方法
3.1.4 复合选择器
课堂实训3-1 制作红旗轿车客户服务网页
3.2 CSS 3选择器
3.2.1 属性选择器
3.2.2 关系选择器
3.2.3 结构化伪类选择器
3.2.4 伪元素选择器
3.2.5 元素状态伪类选择器
课堂实训3-2 制作红旗轿车研发成果网页
3.3 CSS的特性和优先级
3.3.1 继承和层叠
3.3.2 优先级
课堂实训3-3 制作“中国骄傲红旗CA770”网页
习题
第4章 文本和背景样式
4.1 CSS文本样式
4.1.1 字体样式属性
4.1.2 文本外观属性
课堂实训4-1 制作中国高铁多彩效果网页
4.2 图像样式
4.2.1 图像边框
4.2.2 图像缩放
4.2.3 图像对齐
课堂实训4-2 制作复兴号网页——CSS背景属性
4.3.1 背景颜色属性
4.3.2 背景图像和布局属性
4.3.3 简写背景属性
4.3.4 渐变属性
课堂实训4-3 制作新中国铁路发展史网页
习题
第5章 盒子模型和网页布局
5.1 认识盒子模型
5.1.1 CSS盒子模型结构
5.1.2 盒子模型的属性
5.1.3 垂直外边距合并问题
课堂实训5-1 制作北斗卫星导航系统版块内容列表
5.2 语义化标签
5.2.1 结构标签
5.2.2 分组标签
5.2.3 页面交互标签
5.2.4 行内标签
课堂实训5-2 制作北斗卫星导航首页
5.3 布局
5.3.1 块级元素和内联元素的转换
5.3.2 元素浮动
5.3.3 清除元素浮动
5.3.4 元素定位
5.3.5 多列布局
5.3.6 弹性布局
课堂实训5-3 制作北斗卫星导航展示页面
习题
第6章 列表和超链接
6.1 列表
6.1.1 列表标签
6.1.2 CSS控制列表
课堂实训6-1 制作中国航海科技成就列表
6.2 超链接
6.2.1 超链接标签
6.2.2 CSS控制超链接标签
课堂实训6-2 制作大国航海梦网页
习题
第7章 表格和表单
7.1 表格
7.1.1 表格标签
7.1.2 CSS控制表格
课堂实训7-1 制作中国自主CPU产品谱网页
7.2 表单
7.2.1 表单基础
7.2.2 表单属性
7.2.3 表单控件
7.2.4 CSS控制表单
课堂实训7-2 制作麒麟软件产品试用申请网页
习题
第8章 CSS特殊效果的实现
8.1 CSS 3转换
8.1.1 2D转换
8.1.2 更改旋转中心点
8.1.3 3D转换
8.1.4 浏览器私有前缀
课堂实训8-1 制作中国高铁多彩文字2D转换网页
8.2 动画
8.2.1 过渡属性
8.2.2 动画
课堂实训8-2 制作复兴号动画网页
习题
第9章 JavaScript语法基础
9.1 JavaScript概述
9.1.1 初识JavaScript
9.1.2 JavaScript特点
9.1.3 JavaScript与HTML
9.1.4 JavaScript与CSS
9.1.5 代码书写位置
课堂实训9-1 制作石油发展网页
9.2 JavaScript基本语法
9.2.1 数据类型和变量
9.2.2 运算符和表达式
9.2.3 常用对象
9.2.4 流程控制语句
9.2.5 函数
课堂实训9-2 制作石油发展内容介绍网页
习题
第10章 JavaScript网页交互的实现
10.1 浏览器对象模型
10.1.1 初识浏览器对象
10.1.2 window对象
……