淘宝首页装修可以说是整个视觉营销过程中非常重要的一个环节,作为卖家千万不可小视。
从卖家进店的第一时间看到就是我们店铺首页装修,产生的第一印象好坏这都取决于店铺首页装修。有些卖家喜欢这边加点东西,那边加点flash,其实简洁的装修未必就不好。当然我们也针对自身商品行业,这些都取决于用户的爱好。其实我们做好首页的装修就是为了满足顾客的购物体验,满足了顾客自然满足了淘宝官方,那销量还会低吗?
淘宝店铺首页装修的格式一般有两种:
其一是用全屏海报一张一张往下拼接成的,其二是用后台自带的950宽度的自定义模块结合固定背景来做的,现在我们就先来讲解第一种:
1)来到ps里面,新建一个宽度为1920,高度不限(尽量搞大点)的画布,我建的是1920*10000的画布,然后在画布里面设计我们的首页内容,比如下面图就是我的首页。
2)切片存储为web格式,右键可以缩小来看,用切片选择工具全选,保存为JPEG,最佳。
3)点击储存,出来另一个对话框(将优化结果存储为),保存在桌面,格式注意,一定要为仅限图像
4)然后点击保存即可,桌面会有,一个image文件夹,有就对了,没有的话就说明你保存的不对
5)Image文件夹里面放的就是切片的各个图片
6)把这些图片上传到图片空间
7)全屏图片拼接的方式是要用到代码的,所以要用到dw软件
8)打开dw软件,点击HTML,点击拆分
9)在<body></body>之间插入我们的单张全屏代码
<divstyle="height:500px;">
<divclass="footer-more-trigger"style="left:50%;top:auto;border:none;padding:0;">
<divclass="footer-more-trigger"style="left:-960px;top:auto;border:none;padding:0;">
<ahref="#"target="_blank"style="width:1920px;height:500px;display:block;">
<imgsrc="图片链接"border="0"alt="全屏海报"/></a></div>
</div>
</div>
</div>
10)左边代码区域插入代码,相应的右边会有图片区域出来
11)点击图片区域,把底下的源文件替换成自己空间的图片地址
12)查看空间里面这张图片的尺寸,鼠标双击即可
13)他的尺寸为1920*720的,我们的代码宽度为1920,但是高度为500的,所以要修改
14)把代码里面的两个地方的500改为720即可
15)尺寸改完了,现在给图片做链接,既可以在源文件下面的链接上设置,也可以用热点链接工具做链接
16)做好后把我们的单张全屏代码选中,复制。
17)在</div></body>之间粘贴
18)接下来的操作跟上面的一样,改源文件地址,改尺寸,做链接,以此类推,直到把首页切片的几张全部做完
19)把代码全选复制,来到店铺装修,添加一个自定义模块,点击不显示,点源码,把代码粘贴进来,再点击源码,点确定即可
20)最后预览发布即可。
第一种格式我们应该学会了吧,下面还有第二种格式的装修教程噢!
网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...
详情>>