拓展版装修-如何快速制作通栏分类导航

制作分类导航有很多办法，我今天分享一个用PS制作的办法。

第一步，先要有PS，我用的是因为这个版本有下面会用到。

先用PS制作一张分类的导航。

设计你的分类导航图，这个只需要将你的产品类目写上去就差不多了。

这个是我做的分类导航图。如果觉得太多的话，也可以设计成横的哦

会PS的应该基本都不成问题。只需要把文字排整齐就可以了。做成一张图片。如果不会的可以问我。我在介绍另外的方法。

第二步，做好你的分类图片之后，切换到ImageReady

然后使用切片工具

将你需要添加链接的产品切割出来。如图示

然后将所有需要添加链接的地方切割出来以后，点击软件最上面的文件-将优化结果储存为-要选HTML和图像

完成之后，你会得到两个文件，一个是HTML格式的网页，一个是名为images的文件夹。文件夹里面是切片的图片。图片名称为fenlei_1、fenlei_2、fenlei_3……

打开fenlei的网页就可以看到整个的效果了。

接下来要做的就是把图片上传到淘宝的图片空间。传好切好的图片还是有已原来的文件名显示的，

接来下，就是要想网络图片插入到刚才的fenlei.html的文件里。首先右击这个文件。

右击-打开方式-记事本

这里应用的图片都是前面images里面的图片，我要将这里应用的图片换成是我们刚才上传的网络图片。接下来就是把刚才上传到淘宝图片空间的图片找出来，对应名称复制-粘贴就好了。

整个是feneli_5 复制链接。复制到刚才用记事本打开的HTML文件里。如下图

选中image/fenlei_05.gif  换成

然后将所有的图片都换好之后，保存记事本，然后把记事本里所有的代码复制。

打开淘宝后台，新建一个自定义模块，切换到代码编辑模式，将代码复制进去。

然后切换回就可以看到效果啦！

然后需要将相应的图片上加上链接，点击图片，添加链接。

所有链接添加完之后，就完成啦~保存，发布就可以看到效果啦~最好是先预览一下！