首页|建站|设计|QQ|百科|范文|电商|学习
当前位置:网站首页 > 电商学院 > 淘宝运营 >
淘宝店招制作全套方法

淘宝装修运营   时间:2015-03-18   来源:网店运营知识

  在淘宝上开店做生意,一个装修美丽的店铺是必备的,同时能够让顾客留下第一印象的店招制作也是需要去好好设计的。

  大部分新手卖家对于淘宝店铺装修知识都是比较模糊的,毕竟不是每个店主都是美工出生。而店招的制作是淘宝店铺装修非常关键的一个点。从顾客进店,是可以通过你的店招看到你店铺的风格、档次、核心产品等等,如果我们能将店招根据自己宝贝的一些因素来装修。那对于淘宝店铺的顾客跳失率、店铺转化、自然排名这些都会有非常大的帮助的,那淘宝店招制作如何才能做到最优秀呢?

  1, 淘宝店招尺寸

  我们首先打开一个已经做好了的店招(如下图,店铺品牌标志部分已经被遮掉)。

爱上素材网www.23sc.cn淘宝店招制作全套方

  店招(含导航)和外延部分设计尺寸长为1920PX(像素),高为150PX,淘宝C店店招部分宽度不能超过950PX,天猫商城店招宽度不能超过990PX。

爱上素材网www.23sc.cn淘宝店铺装修:店招制作全套方法2

  框选黑白底1920PX*150PX,作为店招背景,淘宝C店将中间950PX*150PX部分作为店招和导航部分,天猫店铺只需将宽度加到990PX即可。如图

爱上素材网www.23sc.cn淘宝店铺装修:店招制作全套方法 3

  2,切片

  在PS中将要做的链接分别切片做好。

爱上素材网www.23sc.cn淘宝店铺装修:店招制作全套方法 4

  做好切片后在PS中文件菜单下拉存储为WEB所用格式,如图:

爱上素材网www.23sc.cn淘宝店铺装修:店招制作全套方法 5

  存储后的文件夹中图片,记住,存储时一定要选择“HTML和图像”。如图:

爱上素材网www.23sc.cn淘宝店铺装修:店招制作全套方法 6

  虽然店招看似简单,但设计过程十分复杂,因此需要掌握很多环节,本次我们分享一个网站:百度查询“千图网”,有很多免费的淘宝资源,大家可以根据需要注册下载。

  现在我们应该如何通过DW来制作店招呢?

  在DW中打开存储的HTML网页文件,如图:

爱上素材网www.23sc.cn【店铺装修】淘宝店招制作全套方法(二)  1

  将存储的切片文件夹中的图片上传到你的淘宝空间,准备替换DW中的图片文件。在空间中复制图片链接(注意是图片链接)。

爱上素材网www.23sc.cn【店铺装修】淘宝店招制作全套方法(二) 2

  替换DW中的图片。点击DW中需要替换的图片,在源文件处粘贴复制的链接,如图:

爱上素材网www.23sc.cn【店铺装修】淘宝店招制作全套方法(二) 2

  替换完图片后要一一添加链接,也可将代码粘贴到店铺店招区域后再做链接,我们此处仅以DW中做链接为例说明。如图:

爱上素材网www.23sc.cn【店铺装修】淘宝店招制作全套方法(二) 4

  点击DW中的代码,在复制代码前请先删除红色框内部分代码,即最前面的灰色代码及以上部分,最后面灰色及以下部分如图:

爱上素材网www.23sc.cn【店铺装修】淘宝店招制作全套方法(二) 5

  将代码复制粘贴到店铺店招区域,店招就做好了(此处不做图片说明)。