淘宝自定义模块制作

一、版面的设计：根据自己的风格及喜好设计自定义区广告图。

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

三、图片的上传及发布：将所做的图保存到图片空间并发布到店铺中。

一、版面设计：

新建文档，宽度750px 高度不限 (我这里使用567)，分辨率为72 模式为RGB。

确定后，根据喜好设计出属于自己风格的版面，OK，设计完成如图，接下来我们就要分析如何切片了。

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

切片，接下来选择PS中的切片工具，快捷键为K键，使用该工具框选图像进行分布，每一片右上角都会显示切片标签

接下来要建立超级链接了，使用切片选择工具，方法：右击切片工具选择切片选择工具即可。使用该工具双击图像中的某一个片，会弹出切片选项窗口，接下来打开网店中该商品的地址，将地址复制。复制好后，切换到PS软件中，在URL地址中粘贴刚才复制的商品地址，并在下方“目标”中输入_blank切记，前面那个下划线不要少，表示从新窗口中打开链接。利用相同的方法将其它片都添加相对应的链接。此时，切片及切片链接完成。

保存：该文件保存时，点击“文件”选择“存储为web和设备所用的格式”。在弹出的选项中点击存储，再在保存的类型中一定要选择“html和图像“。保存后，会有两个文件，一个是文件夹，名字为image 另一个是html格式的网片图标。

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

先进入图片空间，将刚才保存的image里的文件上传到图片空间中去。当然，大家上传到其它空间像册也可以，注，那个自动压缩不要勾上。上传后相册 不要关闭，放一边，等会用。

打开刚才保存的html格式的文件，然后点击查看菜单选择"查看源文件" ，在弹出的记事本中复制