淘宝店铺模板

1/4

教你如何制作淘宝自定义模板

淘宝自定义模块制作需要哪几个步骤，我总结为三步。

一、版面的设计：

根据自己的风格及喜好设计自定义区广告图。

二、切片及建立超级链接：

使用PS的切片工具进行分割及建立超级链接。

三、图片的上传及发布：

将所做的图保存到图片空间并发布到店铺中。

一、版面设计：

1、打开软件，我使用的是PSCS2（

8.0）版本的。

2、新建文档，宽度750像素高度不限（865像素），分辨率为72模式为

RGB。

确定后，根据自己的喜好设计出属于自己风格的版面，OK，设计完成如

图，接下来就要看如何切片了。

[attach]610845[/attach]

二、图片的切片及建立超级链接。

1、这张图片，我计划分割成八块，现在就要进行切片。

计划这样切，如图所示

[attach]610846[/attach]

注：

2/4

在切片时，尽量切的完整一点，简单一点，越简单越好，不要把字切成一

片，图片切

成一块，到时候多的话自己上传图片会崩溃的。

好，接下来我们选择PS中的切片工具

[attach]610847[/attach]

使用该工具框选图像进行分布，如图所示切成八片，每一片右上角都会显

示切片标签。[attach]610848[/attach]

好，切片完成，接下来就要建立超级链接了，在PS中也可以建立超级链接

的哦！首先，选择（切片选择工具）如下图：

[attach]610849[/attach]

然后右键单击，选择（编辑切片）选项，出现如下图：

[attach]610850[/attach]

然后，打开淘宝店铺该商品，复制链接地址，如图：

[attach]610851[/attach]

在URL处把复制的地址粘贴上，并在下方“目标”中输入_banck切记

，前面那个下划线不要少，表示从新窗口中打开链接。

[attach]610852[/attach]

确定（好），以此类推，利用相同的方法将其它图片对应的链接添加。此

时，切片及切片链接全部完成。

保存：

该文件保存时，点击“文件”选择“存储为web所用的格式”（该选项有些低

版本没有）

[attach]610853[/attach]

3/4

在弹出的选项中点击存储，再在保存的类型中一定要选择“html和图像”。

保存后，会有两个文件，一个是文件夹，名字为image另一个是html格式

的网片图标[attach]610854[/attach]

OK，保存完成。淘巧好，好淘巧

三、淘宝自定义模板上传及发布

先进入图片空间，将刚才保存的image里的文件上传到图片空间中去。

当然，大家上传到其它空间像册也可以，注，那个自动压缩不要勾上。

OK，上传后，相册不要关闭，放一边，等会用。

*然后在浏览器中打开刚才保存的html格式的文件。选中图像——复制（如

图）

[attach]610855[/attach]

复制好后，打开淘宝店铺装修中的模块装修点击编辑。进入自定义区域的

编辑然后粘贴然后点击保存，保存后会发现

[attach]610856[/attach]

不要急，继续点击编辑，自定义模块中的图片

[attach]610857[/attach]

这时会弹出图片设置窗口

[attach]610858[/attach]

将图片地址里内容删除，将刚才上传到图片空间的图片地址复制——粘贴

进来，确定后，

图片就显示啦！！

同样的方法，把其余的图片地址都更新一下，看下最后效果图

4/4

[attach]610859[/attach]

初次发帖，只是把我所学到的和大家分享，大家看了如果认为有用，请一

定顶起来噢，如果你早以经会了，别忘了，看贴回贴是美德噢