淘宝新手自定义店招制作(新手帖)

淘宝新手店招制作(新手帖)

淘宝的店铺装修，说白了就是在选定模板的基础上添加模块，所有模块的效果就是在图片上打链接。默认模块都是不能修改的，除了自定义模块，所以为了得到自己想要的装修效果，我们需要用到自定义模块。对于自定义模块，我们所要做的就是添加图片，然后在图片上加链接。我相信这么一说，淘宝新手们就可以自己动手去装修自己的店铺了。

那么要做出自己想要的装修效果，那就是要在图片上花功夫了。下面以一个店铺的店招做个简单的实例。相信通过这个简单的例子，在了解制作流程后，新手们就可以举一反三的去设计自己店铺所有模块的自定义效果了。

本例是淘宝旺铺为基础，先来看一下最终效果。

https://www.360docs.net/doc/d319068029.html,

首先选一张符合自己店铺类别的图片，宽度(旺铺)为950，普通的扶植版宽度要求为750，高度不超过120。要准备的就是如上的一张图片。

需要准备的工具 Photoshop(前期设计图片)，ImageReady(中期图片切片)，Dreamweaver(后期图片链接和生成代码)。所有工具只需要简单的操作即可。

1．准备图片(Photoshop)

使用Photoshop 制作自己的店招，这里主要是导航条的文字，根据自己的需要打上想要的文字。文字工具，

保存好图片，最后就准备好如下一张图片了

2．图片切片(ImageReady)

打开工具ImageReady，同时打开刚刚保存好的图片。接下来要做的工作就是切片，所谓切片就是把一张图片切成几张小张的图片，那么我们切片的根据是什么呢，就是根据自己的需求去进行切。也就是把图片上血药打链接的地方切出来，切片工具

。

接着就是要保存文件，这里需要注意一下，选择文件-》将优化结果存储为-》

。这样就会生成如下文件和一个存放图片

的文件夹，

文件夹里存放的就是刚刚切好的所有图片。

3.将图片添加链接(Dreamweaver)

这里首先要做的就是把刚刚保存下来的图片文件夹中图片文件全部上传到淘宝的图片空间。用法后面会讲述。

接着使用软件Dreamweaver打开 .html 文件。在上面我们可以看到这样一栏点设计，我们可以看到完整的图片，选中

每块图片添加链接，在软件下面我们可以看到

我们分别给每块需要加链接的图片在链接一栏加上相应的淘宝链接地址。

在点上面代码，我们可以看到如下代码：

每张图片复制链接改到相应的代码位置。

点链接，就会复制链接，然后粘贴到相应代码段

4.淘宝装修自定义模块

到了最后一步了，

装修店铺-》编辑店招模块-》自定义招牌-》点源码

把刚刚整理好的代码复制过来，保存就ok了。

最终效果见

https://www.360docs.net/doc/d319068029.html,

向会员专区等我还没加上链接，后面还可以修改的。

经过以上的讲述，淘宝新手们是不是觉得很简单了呢，赶紧给自己的店铺

的宝贝推荐做个自定义模块吧，你只要准备好一张图片，其他所有操作都类

似。