制作分類導航有很多辦法，我今天分享一個用PS制作的辦法。

第一步，先要有PS，我用的是因為這個版本有下面會用到。

先用PS制作一張分類的導航。

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

這個是我做的分類導航圖。如果覺得太多的話，也可以設計成橫的哦

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

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

然后使用切片工具

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

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

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

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

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

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

右擊-打開方式-記事本

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

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

選中image/fenlei_05.gif 換成

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

打開淘寶后臺，新建一個自定義模塊，切換到代碼編輯模式，將代碼復制進去。

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

然后需要將相應的圖片上加上鏈接，點擊圖片，添加鏈接。

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

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

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

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