偶看新闻ufc托尼弗格森vs腿王:淘宝自定义模板制作
来源：百度文库 编辑：偶看新闻 时间：2024/04/29 23:18:08
淘宝自定义模块制作需要哪几个步骤，我总结为三步。
一、版面的设计：根据自己的风格及喜好设计自定义区广告图。
二、切片及建立超级链接：使用PS的切片工具进行分割及建立超级链接
三、图片的上传及发布：将所做的图保存到图片空间并发布到店铺中。
一、版在设计：
1、打开软件，我使用的是PS CS3版本的。
2、新建文档，宽度750px 高度不限 (我这里使用567)，分辨率为72 模式为RGB。 淘巧好，好淘巧
确定后，根据喜好设计出属于自己风格的版面，OK，设计完成如图，接下来我们就要分析如何切片了。
二、图片的切片及建立超级链接。
1、这张图片，我计划分割成四块，上面作为标题，仅显示，下方三个主推商品需要建立链接，我们要进行切片。
计划这样切，如图所示。
淘宝自定义模板制作
注：在切片时，尽量切的完整一点，简单一点，越简单越好，不要把字切成一片，图片切成一块，到时候多的话，
自己上传图片就要崩溃和抓狂的。。
好，接下来我们选择PS中的切片工具，快捷键为K键，使用该工具框选图像进行分布，如图所示切成四片，
每一片右上角都会显示切片标签。
OK切片完成，接下来要建立超级链接了，在PS中也可以建立超级链接的哦！！，使用切片选择工具，方法：右击
切片工具选择切片选择工具即可。
使用该工具双击图像中的某一个片，会弹出切片选项窗口，注：切片1我不需要建立超级链接，我双击第二片进行设置
淘宝自定义模板制作
OK，接下来打开网店中该商品的地址，将地址复制。
淘宝自定义模板制作
复制好后，切换到PS软件中，在URL地址中粘贴刚才复制的商品地址，并在下方“目标”中输入_blank切记，前面那个
下划线不要少，表示从新窗口中打开链接。
淘宝自定义模板制作
利用相同的方法将其它片都添加相对应的链接。此时，切片及切片链接完成。
保存：该文件保存时，点击“文件”选择“存储为web和设备所用的格式”（该选项有些低版本没有）
淘宝自定义模板制作
在弹出的选项中点击存储，再在保存的类型中一定要选择“html和图像“。
保存后，会有两个文件，一个是文件夹，名字为image 另一个是html格式的网片图标。
OK，保存完成。
三、淘宝自定义模板上传及发布
先进入图片空间，将刚才保存的image里的文件上传到图片空间中去。
当然，大家上传到其它空间像册也可以，注，那个自动压缩不要勾上。
OK，上传后相册 不要关闭，放一边，等会用。
打开刚才保存的html格式的文件。
然后点击查看菜单选择"查看源文件"
在弹出的记事本中复制
复制好后，打开淘宝店铺装修中的模块装修点击编辑。进入自定义区域的编辑
点击编辑源代码
进入编辑后，粘贴刚才复制的代码，点击保存。
保存后会发现，咦？？图片怎么不显示？，如图所示
不要急，继续点击编辑--进入自定义区域编辑。
选择不显示的图片，点击右上角的“图片”铵钮
OK，这时会弹出图片属性窗口
将图片地址里内容删除，将刚才上传到图片空间的图片地址粘贴进来，确定后，图片是不是就显示啦！！
利用相同的方法将其它图片都更新一下图片地址。完成。 看看效果吧。是不是已经在店铺里显示啦。
