中职 网店视觉营销与制作电子教案项目5任务1活动2设计店铺首页的框架.doc

中职 高教版网店视觉营销与制作电子教案项目5任务1活动2 设计店铺首页的框架 教 师 课 时 教 学 设 计 教学内容首页框架布局授课对象中职电子商务专业学生授课学时1教学目标知识目标: 了解PC端和移动端首页的框架布局技能目标: 能够根据店铺定位策划设计首页布局与风格素质目标: 通过专业知识介绍，启发学生对专业技能方法的理解，提高学生的自主学习和思考能力，以及对所学知识的拓展与实际运用能力；在模拟实训任务中不断提高学生对美工岗位职业技能的认识，合理设定学习目标。学情分析在前面内容的学习基础上，学生已经对平台开设店铺流程有了一定的了解；以往的基础PS软件操作技能只操作过简单图片处理，对于设计与创作实训参与经验较少，需提供具体操作步骤分析讲解；电子商务专业学生没有进行过专业设计知识技能学习，因拓展和补充一部分设计知识。教学重点首页框架布局各部分内容及元素教学难点网店装修视觉元素与店铺首页风格定位教学方法案例教学、讲授、小组实训练习教学环境及资源准备实训任务书、PPT、多媒体电脑教师教的过程设计学生学的过程设计设计意图时 间一、课前热身1.了解学习目标 2.熟悉实训任务及相关知识 3.搜集不同风格的店铺首页二、情境导入1.店铺首页的装修风格，是走清新路线，还 是走时尚路线，还是走 稳重路线，最重要的是 商品本身的特性必须与店铺的风格统一起来。 打开淘宝网上不错的箱包店铺，讨论下它们的风格特点2：讲解相关知识 1. 店铺风格定位视觉元素（1） 标志（2） 标准色彩（3） 标准字体2. PC端店铺首页框架布局 （1）页头：页头由店铺招牌和导航条两个模块组成（2）内页：内页可以划分Banner、商品分类、客服、商品展示这几部分（3）页尾：页尾一般使用自定义区域，提供服务信息和导航功能两个方面的内容3. 移动端店铺首页布局第一部分是自定义模块区第二部分是商品陈列模块三、布置任务任务1：要求学生根据情境描述，分析下此店铺的人群定位、风格和布局；结合店铺的实际情况，制定小组网店首页的设计方 案。 任务2：小组合作进行店铺首页风格设计四、 点评与总结1. 点评小组代表作品，分析问题2. 总结课程内容，巩固知识点。学生按照老师任务要 求，到相关网络平台搜集、下载相关资料并进行整合，形成自己的观点。学生通过浏览真实店铺的首页，思考老师提出的问题，并尝试进行回答认真聆听老师对于首页布局的相关知识的巩固讲解与案例分析学生 4 人 1 组，线下完成店铺首页风格设计的方案，并制作相关图片 2 根据任务指引通过软件完成店铺首页的风格设计。 学生分组上台讲解自己的设计理念，总结实训问题及收获培养学生自主性学习能 力；培养学生信息处理能力，形成互联 网的学习模式和思维，指导 接下来的学习和实践。 引导学生把握学习的要点。明确学习 情境和目标；学生通过自己探索，加深对内容的认 识知识点难点、重点的学习与理解通过团队协作完成店铺首页风格设计的方案做中学、学中做，在做的过 程中总结问题，在学的过程中，指导学生去实践5分钟3分钟10分钟10分钟12分钟5分钟课后作业思考回答：1.店铺首页设计时应遵循哪些原则？ 2.店铺首页对引流和转化上具有什么作用？教学反思