本书以培养Web前端开发相关岗位人才为出发点，以培养学生利用Web前端技术进行电商网站设计的能力为主线，将Web前端基础的典型工作任务提炼为三大学习模块，分别是电商网站结构搭建与基础区块制作、电商网站二级页面内容板块制作和电商网站首页制作。学生可以由浅入深地认识Web前端页面开发的相关知识。本书引入相应的案例和实训任务，以理论与实际操作一体化的教学方式，让学生掌握电商网站结构搭建、电商网站二级页面内容板块制作及电商网站首页制作等核心技能。
本书以电商平台开发为例，介绍了Web前端技术在电商网站搭建中的应用方法及标准，详细阐述了CSS的基本内容及相关应用，介绍了超链接、盒子模型、伪类与伪元素、表格、表单等前端开发技术；还介绍了CSS应用于HTML文件的方式，在此基础上通过能力提升、任务训练的方式，指导学生对电商平台项目中的各板块内容进行开发，使学生深入理解Web前端技术在电商网站搭建中的应用，提高学生的实践操作水平。
本书可以作为高等职业院校计算机类、电子信息类及电子商务类等专业的Web前端技术、互联网与电商平台开发技术等课程的教材，也可以作为非计算机专业学生和工程技术人员在进行Web前端开发时的教材及参考书。

模块一 电商网站结构搭建与基础区块制作
项目一 站点结构搭建
任务一 站点搭建前准备
任务二 站点主体结构搭建
任务单1-1
任务单1-2
项目二 帮助中心板块制作
任务一 帮助中心板块结构搭建
任务二 帮助中心板块链接设置
任务单2-1
任务单2-2
项目三 网站LOGO区块制作
任务一 网站LOGO区块的效果图分析
任务二 网站LOGO区块的结构搭建与样式设置
任务单3-1
任务单3-2
模块二 电商网站二级页面内容板块制作
项目四 商品详情页面制作
任务一 商品详情页面加入购物车板块的结构搭建与样式设置
任务二 商品详情页面中商品图片展示与关联推荐板块的实现
任务单4-1
任务单4-2
项目五 购物车板块制作
任务一 购物车板块的框架搭建
任务二 购物车板块的样式设置
任务单5-1
任务单5-2
项目六 电商网站的表单制作
任务一 电商网站注册表单的结构搭建
任务二 电商网站注册表单的样式设置
任务单6-1
任务单6-2
模块三 电商网站首页制作
项目七 首页页头、页尾及导航制作
任务一 首页页头、页尾制作
任务二 网站主导航与分类导航制作
任务单7-1
任务单7-2
项目八 首页内容区制作
任务一 首页内容区的结构搭建与样式设置
任务二 首页内容区的动态效果实现
任务单8-1
任务单8-2
附录A HTML常用标签及说明
附录B CSS参考手册