本书基于电商视觉设计这一岗位群体的生态链发展。电商视觉设计是运用最广泛的网页设计与制作为切入点，借助新的媒体手段，打造新形态教材，为学生学习提供更好的辅助、自由的拓展，为今后的职业生涯成长提供服务。打碎原有的学科化、软件应用化的知识体系，借助新形态的微课视频、案例、拓展图像、题库等，再依托省在线开放课程体系，将课程体系分解为有机关联的技能树。通过新形态的素材关联更好地叙述了知识点，展现了技能实践过程并能将情感态度价值观培养落实在其中。本书内容包括：电子商务网站网店的结构规划、商品图片的拍摄与后期处理、电商网店的首页设计与制作、 电商网店的详情页设计与制作、电商网站站点的设计及创建、运用HTML5制作宣传微网页、电商网站静态页面布局和创建。在具体学习任务组织中按资讯、决策、计划、实施、检查和评价这6个相对固定步骤去安排项目教学，便于学生更好地按照职业工作过程的习惯去学习和掌握技能，以实现能力本位的可持续发展培养目标。

项目1 电子商务网站网店的结构规划\t
任务一 借鉴分析典型电商企业网站的结构\t
任务1-1 电商企业网站的需求分析\t
任务1-2 电商企业网站的布局结构分析\t
任务1-3 电商企业网站的色彩应用\t
任务二 借鉴分析典型电商网店的结构\t
任务2-1 电商网店的首页结构分析\t
任务2-2 电商网店的详情页结构分析\t
任务2-3 网店海报的色彩设计与应用\t
任务三 电商网站网店的原型图\t
任务3-1 电商网站的设计工作流程\t
任务3-2 电商网店的规划流程\t
同步测试\t
项目2 商品图片的拍摄与后期处理\t
任务一 商品图片的拍摄\t
任务1-1 商品拍摄器材的选择\t
任务1-2 相机拍摄的基本操作\t
任务1-3 相机拍摄的曝光控制\t
任务二 简易商品图片拍摄环境的搭建\t
任务2-1 人造光源的安装\t
任务2-2 简易摄影棚的搭建\t
任务三 商品图片的后期处理\t
任务3-1 商品图片亮度的调整\t
任务3-2 商品图片色彩的调整\t
任务3-3 商品图片的修复\t
同步测试\t
项目3 电商网店的首页设计与制作\t
任务一 网店优惠券的制作\t
任务1-1 选择工具组的使用\t
任务1-2 使用钢笔工具抠图\t
任务1-3 典型优惠券的制作\t
任务二 网店店招的制作\t
任务2-1 网店logo的设计与制作\t
任务2-2 网店店招的设计与制作\t
任务三 网店主题促销海报的设计与制作\t
任务3-1 网店促销海报的背景设计\t
任务3-2 网店促销海报的文案设计\t
任务四 移动端网店首页的制作\t
任务4-1 移动端网店首页店招的制作\t
任务4-2 移动端网店首页主体内容的制作\t
同步测试\t
项目4 电商网店的详情页设计与制作\t
任务一 商品整体展示区的制作\t
任务1-1 详情页关联营销图的设计\t
任务1-2 基础信息展示图的设计\t
任务二 商品细节展示区的制作\t
任务2-1 网店商品细节图的设计\t
任务2-2 网店展示中模特的优化处理\t
任务2-3 网店购物须知的制作\t
任务三 网店中的GIF动态图像制作\t
任务3-1 创建网店推广动态图像\t
任务3-2 创建促销海报动画\t
同步测试\t
项目5 电商网站站点的设计及创建\t
任务一 网站文件目录的创建\t
任务1-1 电商形象展示网站结构的规划\t
任务1-2 电商形象展示网站结构的制作\t
任务二 创建与管理网站的站点\t
同步测试\t
项目6 运用HTML5制作宣传微网页\t
任务一 HTML5宣传文本单页的制作\t
任务1-1 HTML简单文本页面的制作\t
任务1-2 HTML5文本页面的制作\t
任务二 HTML5宣传图文单页的制作\t
任务2-1 HTML5宣传图文页面的制作\t
任务2-2 HTML5网页超级链接的制作\t
同步测试\t
项目7 电商网站静态页面布局和创建\t
任务一 网页效果图的切片处理及导出\t
任务1-1 网页效果图的切片处理\t
任务1-2 切片选择工具及切片的导出\t
任务二 网页导航的文本样式设置\t
任务2-1 网页导航的文本超链接样式\t
任务2-2 网页导航的文本结构和背景样式\t
任务三 电商网页布局样式设置\t
任务3-1 电商网页头部结构布局样式设置\t
任务3-2 电商网页主体结构布局样式设置\t
任务3-3 电商网页底部结构布局样式设置\t
任务四 电商网页定位布局设置\t
任务4-1 根据主页样式制作商品展示页\t
任务4-2 制作商品展示页的交互导航\t
同步测试