项目二任务三 设置模块（课件）-《店铺运营》（高教版2025-教学改革成果教材）同步精品课堂

项目二 店铺首页装修 《店铺运营》高教版2025-中高职一体化课程改革成果教材 任务三 设置模块 同步精品课堂 学习目标 01 教学引入 02 师生互动 04 课堂练习 05 目 录 CONTENTS 知识讲授 03 课堂小结 06 2 教学目标 素养目标 从理论到实践，树立实事求是、求真务实的精神。 能力目标 能根据店铺商品分类，完成商品分类模块的编辑操作； 能运用店招设计要点，完成店招模块的编辑操作； 能根据店铺风格和商品特点制作相应的轮播图片，并完成图片轮播模块的编辑操作。 知识目标 了解商品分类方法； 理解店招的类型和设计要点； 掌握轮播图片的排版布局方式、图片轮播模块规格及编辑窗口内容。 3 情境导入 小张帮助“粽香馆”设计了店铺页面布局规划图，并完成搭建了相应的页面布局框架，接下来请和小张一起完成对不同模块的设置吧。 思考： 店铺首页结构包括哪几部分？每部分包含哪些模块？ 设置店招 设置轮播图片 设置商品分类 设置模块 教学内容 淘宝网上某家品牌风扇专卖店已经经营了两年多，但忽视了店铺装修设计的重要性，店铺的流量和成交转化率一直不理想。今年“双11”来临之前，为了提升店铺形象，提高店铺流量，店铺进行了整体装修。该商家发现店铺经过装修后，店铺的流量增加了，店铺的成交转化率也得到了一定程度的提升。 案例导入 6 案例导入 （1）实例中的店铺首页经过装修后，哪些模块产生了变化？请具体说一说变化的 内容和作用。 （2）观察装修的前店招类型和装修后的店招类型，有什么不一样? 思考 7 这类店招首先要考虑的内容是店铺名称、店铺标志、店铺标语，因为这是品牌宣传最基本的内容 以品牌宣传为主的店招 这类店招主要包括活动信息、购物券、促销商品等。 以活动促销为主的店招 这类店招首先要考虑主推商品的展示，其次是突出店铺名称、店铺标志、店铺标语等内容。 以商品推广为主的店招 这类店招适用于活动和流量集中增加的店铺，要让促销信息占据较大篇幅。 一般这类店招适用于有主推商品的店铺。 教学内容 其次是关注按钮、关注人数、收藏按钮、店铺资质等，这些可以从侧面反映店铺的实力。 常见的店招类型 8 互动环节 分析以下三个店招，判断其属于哪种类型的店招。 以活动促销为主的店招 以品牌宣传为主的店招 以商品推广为主的店招 1.店招要直观明确地告诉消费者店铺是卖什么的，表现形式最好是 实物照片。 2.店招要直观明确地告诉消费者店铺的卖点（如特点、优势、差异化）。 店招的设计要点（背诵） 教学内容 设置模块第一步----设置店招 10 互动环节 分析以下店招，请问这个店招有体现店铺是卖什么的和店铺卖点吗？ 11 互动环节 设置模块第一步——设置店招  1. 以下哪种类型的店招首先要考虑的内容是店铺名称、店铺标志、店铺标语？ A.以品牌宣传为主 B.以活动促销为主 C.以商品推广为主 D.以反映店铺实力为主 答案：A 解析：以品牌宣传为主的店招首先要考虑的内容是店铺名称、店铺标志、店铺标语，因为这是品牌宣传最基本的内容。 课堂练习  2. 适用于有主推商品的店铺是哪种类型的店招？ A.以品牌宣传为主 B.以活动促销为主 C.以商品推广为主 D.以反映店铺实力为主 答案：C 解析：以商品推广为主的店招首先要考虑主推商品的展示，其次是突出店铺名称、店铺标志、店铺标语等内容。一般这类店招适用于有主推商品的店铺。 课堂练习  3. 适用于活动和流量集中增加的店铺的是哪种类型的店招？ A.以品牌宣传为主 B.以活动促销为主 C.以商品推广为主 D.以反映店铺实力为主 答案：B 解析：以活动促销为主的店招主要包括活动信息、购物券、促销商品等。这类店招适用于活动和流量集中增加的店铺，要让促销信息占据较大篇幅。 课堂练习  4. 以下哪个信息可以向消费者展示店铺的品牌和销售的商品，更加直观形象？ A.店铺名称 B.店铺标志 C.店铺标语 D.活动信息 答案：A 解析：店铺名称可以向消费者展示店铺的品牌和销售的商品，更加直观形象。 课堂练习  5. 店招要直观明确地告诉客户自己店铺的卖点，其中不包括以下哪一项？ A.特点 B.优势 C.差异化 D.店铺名字 答案：D 解析：店招要直观明确地告诉消费者店铺的卖点（如特点、优势、差异化。） 课堂练习 教学内容 常见的轮播图片排版布局 轮播图片排版布局方式 主要特点 两栏结构 上下结构 三栏结构 组合结构 倾斜结构 结构平衡，商品展示与文案宣传并重，容易让消费者产生视觉焦点，界面效果强烈且突出 结构稳定，而且可以形成一个明确的视觉焦点，比较容易突出主题 更具层次感，服饰、鞋包类需要模特展示的商品适合此结构，这种布局方式将文案放在中间，用一侧的近景模特与另一侧的远景模特产生对比和呼应 减少了文案的占用面积，用更多的篇幅展示商品，更适合用于促销活动海报 会让画面显得时尚且有动感。有时需让画面平衡，有时需要破坏平衡以吸引消费者注意力 背诵 请学生根据教材57-59页的内容，分组完成右侧表格的填写，并派代表上台分享结果。 互动环节 设置模块第二步——设置轮播图片 小组讨论 分析以下这张轮播图片，判断其采用了轮播图片的哪一种排版布局方式。 互动环节 20 教学内容 设置模块第二步----设置轮播图片 图片轮播模块规格 基础版淘宝旺铺图片轮播模块的宽度通常为190像素或750像素；智能版淘宝旺铺图片轮播模块的宽度通常为190像素、750像素或950像素，且智能版淘宝旺铺可以设置宽度为1920像素的全屏轮播。 基础版淘宝旺铺的图片轮播模块能是通栏的吗？请说明原因。 互动环节 设置模块第二步——设置轮播图片 小组讨论 教学内容 设置模块第二步----设置轮播图片 图片轮播 模块编辑 窗口内容 编辑窗口包括内容设置和显示设置两项内容. 1.在内容设置页面中插入的图片可以是本地计算机上传的新图片，也可以在图片空间里选择图片直接插入。所谓“图片轮播”必须要两张或两张以上的图片才能展示轮播效果，所以模块中至少要有两张图片，最多可以轮播5张图片。其中图片地址是指轮播图片的链接地址，如图片空间中的图片链接；链接地址是指图片指向的商品或自定义页面等地址，即该图片所要链接到具体展示页面的地址。 教学内容 设置模块第二步----设置轮播图片 图片轮播 模块编辑 窗口内容 2.在显示设置页面中“显示标题”栏可以勾选“不显示”和“显示”来设置该模块是否要出现标题，在显示标题时还可以根据需求修改标题的内容；“模块高度”设置的范围为100～600像素，设置时要注意多张图片高度的统一，模块高度一旦设定，超出部分图片将不被显示。  6. 通常将文案放在中间，用一侧的近景模特与另一侧的远景模特产生对比和呼应，这是轮播图片排版布局的哪一种形式？ A.两栏结构 B.上下结构 C.三栏结构 D.组合结构 答案：C 解析：三栏结构布局方式更具层次感，这种布局方式通常将文案放在中间，用一侧的近景模特与另一侧的远景模特产生对比和呼应 课堂练习  7. 更适合用于促销活动海报的是轮播图片排版布局的哪一种形式？ A.两栏结构 B.上下结构 C.三栏结构 D.组合结构 答案：D 解析：组合结构布局方式减少了文案的占用面积，用更多的篇幅展示商品，相对来说，更适合用于促销活动海报。 课堂练习  8. 图片轮播模块的高度设置范围是多少像素，多张图片高度要统一。 A.120-400像素 B.100-600像素 C.100-800像素 D.450-750像素 答案：B 解析：图片轮播模块模块高度设置范围为100--600像素，设置时要注意多张图片高度的统一。 课堂练习 商品分类方法 商品不同的用途造就了商品不同的价值，因此可以通过商品的用途进行分类。 很多商品采用相同的原材了制造，但由于生产方法不同，所形成的商品价值、特性都会有明显的差别。 原材料的种类与质量往往对商品的性能和质量起到决定性的作用，所以原材料是很重要的分类标志。 许多商品的性能、质量、运输方式等都是由商品的主要成分决定的，因此商品的主要成分是商品分类的重要标志。 按照用途分类 按照原材料分类 按照主要成分分类 按照生产方法分类 商品分类，是商家装修店铺时的一项重要操作项目。根据店铺经营的类目、 商品不同，店铺的分类方法也有所不同。 教学内容 设置模块第三步——设置商品分类 互动环节 请判断下列3组商品分别运用了哪种商品分类方法，并说明理由。 实木床 橡木床 胡桃木床 花梨木床 人造板床 居家清洁 厨房清洁 卫浴清洁 衣物清洁 天然橡胶 丁苯橡胶 丁二烯橡胶 氯丁橡胶 设置模块第三步——设置商品分类 互动环节  9.哪一种分类方法便于比较商品的性能，有利于消费者的对比购买？ A.按照用途分类 B.按照原材料分类 C.按照生产方法分类 D.按照主要成分分类 答案：A 解析：按用途分类便于比较商品的性能，有利于消费者的对比购买。 课堂练习  10. 以下关于商品分类的说法，错误的是？ A.店铺经营的类目不同，店铺的分类方法也也有不同 B.并不是同一类的商品，就一定要发布在同一类的类目之下 C.店铺装修中的商品分类，与发布商品时选择的类目必须要一致 D.由多种原材料构成的商品，不适用于按照原材料进行分类 答案：C 解析：店铺装修中的商品分类，与发布商品时选择的类目并不一定直接对应。 课堂练习 店铺招牌的类型和设计要点; 轮播图片的排版布局方式，图片轮播模块的规格以及编辑窗口内容; 商品分类方法。 课堂小结 梳理本任务知识点,绘制思维导图,巩固知识。 尝试在淘宝旺铺后台装修页面，设置店招模块、 图片轮播模块、商品分类模块。 课堂小结 谢谢观看！ $