学习情境3网店装修 布局页面 编辑样式 3 编辑页面
学习情境3 网店装修 1 6 1 布局页面 2 编辑样式 3 编辑页面
学习情境3网店装修 学习目标 掌握页面布局、风格设置、页面编辑的方法
掌握页面布局、风格设置、页面编辑的方法。 学习目标 学习情境3 网店装修
学习情境3网店装修 情景描述 俗话说“人靠衣装,佛靠金装”,美好 的外表能给人带来美的享受,网络店铺也是 1如此。把店铺装饰好,对于小王来说,经营 好店铺、招揽更多生意、提高知名度起到非 常重要的作用。那么,作为店主,小王在想 该怎样来装修店铺呢?
➢ 俗话说“人靠衣装，佛靠金装”，美好 的外表能给人带来美的享受，网络店铺也是 如此。把店铺装饰好，对于小王来说，经营 好店铺、招揽更多生意、提高知名度起到非 常重要的作用。那么，作为店主，小王在想 该怎样来装修店铺呢？ 情景描述 学习情境3 网店装修
工作任务1布局页面 子任务1:布局首页 步骤1 在淘宝网首页登录 仓旺铺专业版装,高品,后院活动 青丽硅店 淘宝账号,进入店 页面管理 +页面编辑布局管页面属性不可班除 预览发布 基础顶 铺后台,单击“布 古械托牌 局管理”按钮,出m 现店铺首页的结构 店动 展示,如图3-1所示 。店铺首页由店铺 认宝贝详页 宝贝行榜 搜索店内宝贝 宝贝列铁页 页头、中间内容体 宝贝分类〔坚向〕 宝贝推 软认宝贝分类页 、店铺页尾三大部 量子恒道佔铺经 目定义页面 分组成。其中,店 活动页面 添加布局单元 铺页头包含“店铺 招牌”、“导航” 自定义内容区 两部分内容:中间内 容体包含产品展示 图3-1 的各个部分,店铺页 尾由“自定义内容 区”组成
步骤1: 在淘宝网首页登录 淘宝账号，进入店 铺后台，单击“布 局管理”按钮，出 现店铺首页的结构 展示，如图3-1所示 。店铺首页由店铺 页头、中间内容体 、店铺页尾三大部 分组成。其中，店 铺页头包含“店铺 招牌”、“导航” 两部分内容;中间内 容体包含产品展示 的各个部分;店铺页 尾由“自定义内容 区”组成。 工作任务1 布局页面 图3-1 子任务1：布局首页
工作任务1布局页面 注意 以上布局可以根据店主的需要自 由设置,除“导航”外,其他部分都 可以删除或重新增加模块
工作任务1 布局页面 注意： 以上布局可以根据店主的需要自 由设置，除“导航”外，其他部分都 可以删除或重新增加模块
工作任务1布局页面 步骤2: 在图3-1所示的页面中,单击“添加布局单元”,可以重新选择该模块的布局, 如图3-2所示。 布局管理 单位:像素 950 750 750 190 190 550 190 550 190190 190190 图32
步骤2: 在图3-1所示的页面中，单击“添加布局单元”，可以重新选择该模块的布局， 如图3-2所示。 工作任务1 布局页面 图3-2
工作任务1布局页面 步骤3: 店铺首页中将出现新的区域,如图33所示。在此区域的右上角, 鼠标按住第一个十字按钮不放,可以将此区域移动到其他位置上。 店铺招牌 宝贝推荐 搜索店内宝贝 分类〔竖向 宝贝推荐 量子恒道店经 请添加模块 +请添加模块 +请添加模块 添加布局单元 图3-3
步骤3: 店铺首页中将出现新的区域，如图3-3所示。在此区域的右上角， 鼠标按住第一个十字按钮不放，可以将此区域移动到其他位置上。 工作任务1 布局页面 图3-3
工作任务1布局页面 步骤4 在图33所示的页面中,单击“请添加模块”后面的图标,弹出“模 块管理”对话框,可以选择一个模块,然后单击后面的“添加”按钮, 如图34所示。 店铺招牌 可通过设置AB测试,或使用定向投放功能,向进店买家做个 性化营销 价格:免费 图片轮播 将多张广告图片以液动轮播的方式进行动态展示,可调整轮 添加 播显示高度(1006000x之间)。 宝贝推荐 价格:免费 搜索店内宝贝 宝贝排行 买家可通过输入关键词、价格范围来搜索店内宝贝。 价格:免费 宝贝分类 宝贝分类〔竖向 量子恒道 显示卖家默认设定的所有宝贝分类,方便买家快速找到您店 铺中的各分类。 价格:免费 青添加模均 宝贝分类〔个性化 可个性化展示卖家设定的某些宝贝分类,并可自定义展示的 添加 顺序。(此模块的分类减不影响默认宝贝分类 图3-4
步骤4: 在图3-3所示的页面中，单击“请添加模块”后面的图标，弹出“模 块管理”对话框，可以选择一个模块，然后单击后面的“添加”按钮， 如图3-4所示。 工作任务1 布局页面 图3-4
工作任务1布局页面 子任务2:布局其他页面 登录图31所示的淘宝网后台的店铺装修页面,单击顶部的“布局管理”,然后单 击页面左侧的“默认宝贝详情页”,将在页面中心呈现“默认宝贝详情页”的页 面布局,如图3-5所示。在此窗口中可以添加或删除模块,操作方法与子任务1的 方法相似。 如面管理 面市用管理其正 积认宝用江要贯 掌柜档震信题 三基础工 三贝分(E 又页面 台义内容区 ◆加市元 物案义内容区 图3-5
工作任务1 布局页面 登录图3-1所示的淘宝网后台的店铺装修页面，单击顶部的“布局管理”，然后单 击页面左侧的“默认宝贝详情页”，将在页面中心呈现“默认宝贝详情页”的页 面布局，如图3-5所示。在此窗口中可以添加或删除模块，操作方法与子任务1的 方法相似。 子任务２：布局其他页面 图3-5
工作任务2编辑样式 子任务1:选择配色 登录淘宝后台的店铺管理平台,单击页面顶部的“装修”下的“样式管理”,进人“样式编 辑”页面,如图3-6所示。选择适合自己店铺的配色方案,再点击“保存”按钮 仓旺铺专业版 麦 您当前处于预旋视式,页头出1509x分在预和发布时将不显示:宝贝评情页不变持页面背置 奇的鞋店 正品男鞋 所有分类 数男鞋 商务 一图3-6
工作任务2 编辑样式 登录淘宝后台的店铺管理平台，单击页面顶部的“装修”下的“样式管理”，进人“样式编 辑”页面，如图3-6所示。选择适合自己店铺的配色方案，再点击“保存”按钮。 子任务1：选择配色 图3-6