本书以电商网站建设为中心，采用理实一体化的设计理念，以实例为引导，结合电商平台的网站功能，将全书内容分解为三大模块共六个项目，分别是实现电商网站移动端首页的布局与交互、实现电商网站移动端内容页的布局与交互、实现响应式电商网站管理端布局、实现响应式电商网站管理端的数据交互功能、实现电商网站在线客服消息通信功能及实现电商网站后台装修页面的装修功能。 全书内容翔实，知识部署循序渐进、深入浅出，任务布置逻辑清晰，将理论知识与实际应用相结合，通过实践训练来增强学生在实际工作中的执行能力和设计分析能力。

吴俊峰，女，浙江经贸职业技术学院人工智能技术应用专业教师，首批国家职业教育教师教学创新团队成员。1996年毕业于浙江工业大学计算机及其应用专业本科，曾任教于职业中学，后在企业从事信息化工作，参与多项软件项目开发。2003年起，在浙江经贸职业技术学院信息技术学院任教，长期专注于Web前端开发方向课程开发，通过与企业深度合作，引入行业前沿技术，运用企业真实案例，推动专业相关课程AI+教学改革，并组织和参与多项企业和职业院校技术培训。

模块一　电商网站移动端页面的布局与交互
项目一　实现电商网站移动端首页的布局与交互 2
任务一　设计电商网站移动端整体架构 3
任务二　实现电商网站移动端首页布局 20
任务三　实现电商网站移动端首页的动态效果 31
项目二　实现电商网站移动端内容页的布局与交互 55
任务一　制作电商网站移动端商品详情页 56
任务二　制作电商网站移动端购物车页 67
模块二　响应式电商网站管理端功能实现
项目三　实现响应式电商网站管理端布局 80
任务一　实现响应式电商网站管理端首页布局 81
任务二　实现响应式电商网站管理端商品管理页布局 101
任务三　实现响应式电商网站管理端商品发布页布局 134
项目四　实现响应式电商网站管理端的数据交互功能 148
任务一　实现响应式电商网站管理端的订单数据分析功能 149
任务二　实现响应式电商网站管理端的商品素材上传功能 161
模块三　电商网站其他功能的实现
项目五　实现电商网站在线客服消息通信功能 174
任务　实现电商网站在线咨询功能 175
项目六　实现电商网站后台装修页面的装修功能 183
任务一　设计电商网站后台装修页面的功能区域 184
任务二　设计电商网站后台装修页面的“模块”编辑区域 193
参考文献 204