制作分類導(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)該基本都不成問(wèn)題。只需要把文字排整齊就可以了。做成一張圖片。如果不會(huì)的可以問(wèn)我。我在介紹另外的方法。
第二步,做好你的分類圖片之后,切換到ImageReady
然后使用切片工具
將你需要添加鏈接的產(chǎn)品切割出來(lái)。如圖示
然后將所有需要添加鏈接的地方切割出來(lái)以后,點(diǎn)擊軟件最上面的文件-將優(yōu)化結(jié)果儲(chǔ)存為-要選HTML和圖像
完成之后,你會(huì)得到兩個(gè)文件,一個(gè)是HTML格式的網(wǎng)頁(yè),一個(gè)是名為images的文件夾。文件夾里面是切片的圖片。圖片名稱為fenlei_1、fenlei_2、fenlei_3……
打開fenlei的網(wǎng)頁(yè)就可以看到整個(gè)的效果了。
接下來(lái)要做的就是把圖片上傳到淘寶的圖片空間。傳好切好的圖片還是有已原來(lái)的文件名顯示的,
接來(lái)下,就是要想網(wǎng)絡(luò)圖片插入到剛才的fenlei.html的文件里。首先右擊這個(gè)文件。
右擊-打開方式-記事本
這里應(yīng)用的圖片都是前面images里面的圖片,我要將這里應(yīng)用的圖片換成是我們剛才上傳的網(wǎng)絡(luò)圖片。接下來(lái)就是把剛才上傳到淘寶圖片空間的圖片找出來(lái),對(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ù)覽一下!
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(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ī)則
本文來(lái)源: 拓展版裝修-如何快速制作通欄分類導(dǎo)航