淘宝店铺装修
最精致店铺首页装修教学(一)
2024-05-29  浏览:35

淘宝首页装修可以说是整个视觉营销过程中非常重要的一个环节,作为卖家千万不可小视。

从卖家进店的第一时间看到就是我们店铺首页装修,产生的第一印象好坏这都取决于店铺首页装修。有些卖家喜欢这边加点东西,那边加点flash,其实简洁的装修未必就不好。当然我们也针对自身商品行业,这些都取决于用户的爱好。其实我们做好首页的装修就是为了满足顾客的购物体验,满足了顾客自然满足了淘宝官方,那销量还会低吗?

淘宝店铺首页装修的格式一般有两种:

其一是用全屏海报一张一张往下拼接成的,其二是用后台自带的950宽度的自定义模块结合固定背景来做的,现在我们就先来讲解第一种:

1)来到ps里面,新建一个宽度为1920,高度不限(尽量搞大点)的画布,我建的是1920*10000的画布,然后在画布里面设计我们的首页内容,比如下面图就是我的首页。

2)切片存储为web格式,右键可以缩小来看,用切片选择工具全选,保存为JPEG,最佳。

 

3)点击储存,出来另一个对话框(将优化结果存储为),保存在桌面,格式注意,一定要为仅限图像

4)然后点击保存即可,桌面会有,一个image文件夹,有就对了,没有的话就说明你保存的不对

5)Image文件夹里面放的就是切片的各个图片

6)把这些图片上传到图片空间

7)全屏图片拼接的方式是要用到代码的,所以要用到dw软件

8)打开dw软件,点击HTML,点击拆分

9)在 之间插入我们的单张全屏代码

 

10)左边代码区域插入代码,相应的右边会有图片区域出来

11)点击图片区域,把底下的源文件替换成自己空间的图片地址

最精致店铺首页装修教学(一)9

12)查看空间里面这张图片的尺寸,鼠标双击即可

最精致店铺首页装修教学(一)10

13)他的尺寸为1920*720的,我们的代码宽度为1920,但是高度为500的,所以要修改

14)把代码里面的两个地方的500改为720即可

最精致店铺首页装修教学(一)11

最精致店铺首页装修教学(一)12

15)尺寸改完了,现在给图片做链接,既可以在源文件下面的链接上设置,也可以用热点链接工具做链接

最精致店铺首页装修教学(一)13

16)做好后把我们的单张全屏代码选中,复制。

最精致店铺首页装修教学(一)14

17)在之间粘贴

最精致店铺首页装修教学(一)15

最精致店铺首页装修教学(一)16

18)接下来的操作跟上面的一样,改源文件地址,改尺寸,做链接,以此类推,直到把首页切片的几张全部做完

最精致店铺首页装修教学(一)17

19)把代码全选复制,来到店铺装修,添加一个自定义模块,点击不显示,点源码,把代码粘贴进来,再点击源码,点确定即可

最精致店铺首页装修教学(一)18

20)最后预览发布即可。

最精致店铺首页装修教学(一)19

第一种格式我们应该学会了吧,下面还有第二种格式的装修教程噢!

发表评论
0评