《自己装修一》PPT课件.ppt

LOGO,网上店铺商业设计 与装修,但鸣啸,8/7/2019,对网店进行装修,课程内容：对主要的模块进行介绍 店招 导航 图片轮播 宝贝推荐 本店搜索 宝贝分类 自定义内容区,8/7/2019,店招设计,店招设计有两种方式：默认店招，自定义店招,8/7/2019,店招设计默认店招,1、默认店招：实际上它就是一张图片，尺寸为950*120像素。格式为JPG格式或者GIF动态格式，图片的大小不能超过80KB. 设计店招并不是越花哨就越好，也并不是越简单就越好，而是根据店铺本身的需要来设计，同时要注意重点展示店里的名称和特色。 默认店招是直接上传一张图片到这个区域的。 我们需要事先把这张图片按照自己的意图制作好后，再上传到这个区域！,8/7/2019,店招设计自定义店招,8/7/2019,8/7/2019,导航,8/7/2019,导航,8/7/2019,导航,8/7/2019,导航,8/7/2019,导航,8/7/2019,导航,新旺铺导航是可以更换颜色和式样的哟 这里需要一些css的小技巧 。操作位置如下：,8/7/2019,导航,下面是自定义导航的示例. 首先要了解,什么是自定义css CSS 也叫层叠样式表单, 是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言 店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。,8/7/2019,以下文字内容可以一同复制使用，不会影响到使用效果哦！ /* 导航条背景色*/ .skin-box-bd .menu-listbackground: none repeat scroll 0 0 #00ad08; /*首页/店铺动态背景色*/ .skin-box-bd .menu-list .linkbackground: none repeat scroll 0 0 #00ad08; /*首页/店铺动态右边线*/ .skin-box-bd .menu-list .menuborder-right:1px #006205 solid; /*首页/店铺动态文字颜色*/ .skin-box-bd .menu-list .menu .titlecolor:#ff0000 /*所有分类背景色*/ .all-cats .linkbackground: none repeat scroll 0 0 #00ad08; /*所有分类右边线*/ .all-cats .linkborder-right:1px #006205 solid; /*所有分类文字颜色*/ .skin-box-bd .all-cats .titlecolor:#ff0000,8/7/2019,在线生成工具,导航CSS代码在线生成工具：/catalog/thread/510526-260067663.htm 轮播推荐模块在线生成工具：/catalog/thread/510526-260058025.htm 放大镜模块在线生成工具： /catalog/thread/510526-259966044.htm 分隔模块在线生成工具： /catalog/thread/510526-259829611.htm 客服中心模块在线生成工具： /catalog/thread/510526-259890930.htm 搜索模块在线生成工具： /catalog/thread/510526-259996131.htm,8/7/2019,图片轮播,8/7/2019,图片轮播,图片地址和链接地址 链接地址指的是哪个地址？ 图片地址：宝贝/轮播等图片的链接地址如图片空间中的图片链接 链接地址：即图片指向的宝贝/自定义页面等地址，即具体的展示地址,8/7/2019,图片轮播,8/7/2019,图片轮播,8/7/2019,图片轮播,8/7/2019,宝贝推荐区,8/7/2019,宝贝推荐区,8/7/2019,宝贝推荐区,8/7/2019,宝贝推荐区,8/7/2019,宝贝推荐区,8/7/2019,本店搜索,8/7/2019,宝贝排行榜,8/7/2019,宝贝分类,8/7/2019,悬浮旺旺,8/7/2019,悬浮旺旺,8/7/2019,悬浮旺旺,8/7/2019,自定义内容区,8/7/2019,分类模块应用,设计分类模块，准备素材。（图片宽度160像素以内）,Steps 01：左侧”宝贝分类“”编辑“ Steps 02：单击”添加新分类“按钮，新建一个分类，在【添加图片】按钮，将弹出图片地址粘贴获取的地址。 Steps 03：根据设计依次添加分类和相应的图片 Steps 04：单击”保存“,8/7/2019,计数器模块制作,为网店添加计数器，淘宝本身有提供量子统计，但是没有提供美工，如果需要美工可以借助另一个网站提供的相关统计工具，我们选用“三角梨”网站来进行计数器的制作,Steps 01：进入“三角梨”网站（） Steps 02：用户注册，填写注册信息并提交 Steps 03：单击“图片选择”连接，进入图片选择页面，网站提供了很多可供选择的背景图片 Steps 04：选择喜欢的图片，单击图片左下角的“点此使用“链接。 Steps 05：弹出”修改成功“的提示框，单击”确定“图片应用成功。 Steps 06：单击右侧管理栏中的”获得统计代码“链接,8/7/2019,计数器模块应用,S