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

  • 格式:doc
  • 大小:14.50 KB
  • 文档页数:4

下载文档原格式

  / 4
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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

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

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

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

接。

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

一、版面设计:

1、打开软件,我使用的是PS CS2(8.0)版本的。

2、新建文档,宽度750像素高度不限(865像素),分辨率为72 模式为RGB。

确定后,根据自己的喜好设计出属于自己风格的版面,OK,设计完成如图,接下来就要看

如何切片了。

[attach]610845[/attach]

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

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

计划这样切,如图所示

[attach]610846[/attach]

注:在切片时,尽量切的完整一点,简单一点,越简单越好,不要把字切成一片,图片切成一块,到时候多的话自己上传图片会崩溃的。

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

[attach]610847[/attach]

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

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

首先,选择(切片选择工具)如下图:

[attach]610849[/attach]

然后右键单击,选择(编辑切片)选项,出现如下图:

[attach]610850[/attach]

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

[attach]610851[/attach]

在URL处把复制的地址粘贴上,

并在下方“目标”中输入_banck切记,前面那个下划线不要少,

表示从新窗口中打开链接。

[attach]610852[/attach]

确定(好),以此类推,利用相同的方法将其它图片对应的链接添加。此时,切片及切片链接全部完成。

保存:该文件保存时,点击“文件”选择“存储为web所用的格式”(该选项有些低版本没有)

[attach]610853[/attach]

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

保存后,会有两个文件,一个是文件夹,名字为image 另一个是html格式的网片图标

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

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

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

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

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

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

[attach]610855[/attach]

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

然后点击保存,保存后会发现

[attach]610856[/attach]

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

[attach]610857[/attach]

这时会弹出图片设置窗口

[attach]610858[/attach]

将图片地址里内容删除,将刚才上传到图片空间的图片地址复制——粘贴进来,确定后,

图片就显示啦!!

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

初次发帖,只是把我所学到的和大家分享,大家看了如果认为有用,请一定顶起来噢,如果你早以经会了,别忘了,看贴回贴是美德噢