制作分類導(dǎo)航有很多辦法，我今天分享一個(gè)用PS制作的辦法。

第一步，先要有PS，我用的是因?yàn)檫@個(gè)版本有下面會(huì)用到。

先用PS制作一張分類的導(dǎo)航。

設(shè)計(jì)你的分類導(dǎo)航圖，這個(gè)只需要將你的產(chǎn)品類目寫上去就差不多了。

這個(gè)是我做的分類導(dǎo)航圖。如果覺得太多的話，也可以設(shè)計(jì)成橫的哦

會(huì)PS的應(yīng)該基本都不成問題。只需要把文字排整齊就可以了。做成一張圖片。如果不會(huì)的可以問我。我在介紹另外的方法。

第二步，做好你的分類圖片之后，切換到ImageReady

然后使用切片工具

將你需要添加鏈接的產(chǎn)品切割出來。如圖示

然后將所有需要添加鏈接的地方切割出來以后，點(diǎn)擊軟件最上面的文件-將優(yōu)化結(jié)果儲(chǔ)存為-要選HTML和圖像

完成之后，你會(huì)得到兩個(gè)文件，一個(gè)是HTML格式的網(wǎng)頁，一個(gè)是名為images的文件夾。文件夾里面是切片的圖片。圖片名稱為fenlei_1、fenlei_2、fenlei_3……

打開fenlei的網(wǎng)頁就可以看到整個(gè)的效果了。

接下來要做的就是把圖片上傳到淘寶的圖片空間。傳好切好的圖片還是有已原來的文件名顯示的，

接來下，就是要想網(wǎng)絡(luò)圖片插入到剛才的fenlei.html的文件里。首先右擊這個(gè)文件。

右擊-打開方式-記事本

這里應(yīng)用的圖片都是前面images里面的圖片，我要將這里應(yīng)用的圖片換成是我們剛才上傳的網(wǎng)絡(luò)圖片。接下來就是把剛才上傳到淘寶圖片空間的圖片找出來，對(duì)應(yīng)名稱復(fù)制-粘貼就好了。

整個(gè)是feneli_5 復(fù)制鏈接。復(fù)制到剛才用記事本打開的HTML文件里。如下圖

選中image/fenlei_05.gif 換成

然后將所有的圖片都換好之后，保存記事本，然后把記事本里所有的代碼復(fù)制。

打開淘寶后臺(tái)，新建一個(gè)自定義模塊，切換到代碼編輯模式，將代碼復(fù)制進(jìn)去。

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

然后需要將相應(yīng)的圖片上加上鏈接，點(diǎn)擊圖片，添加鏈接。

所有鏈接添加完之后，就完成啦~保存，發(fā)布就可以看到效果啦~最好是先預(yù)覽一下！

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國(guó)內(nèi)超市采購商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來源： 拓展版裝修-如何快速制作通欄分類導(dǎo)航