淘寶店鋪導(dǎo)航條可以讓到店鋪的顧客更方便的找到他們所需要的，減少顧客的時(shí)間，提高他們的購物目的性，促進(jìn)交易完成。那么如何制作淘寶店鋪導(dǎo)航條？淘寶學(xué)堂圖文解說，一學(xué)就會(huì)非常簡單實(shí)用！今天給新手朋友們介紹一個(gè)給自己店鋪制作旺鋪導(dǎo)航條的方法，希望能夠幫到大家。不過首先需要你的店鋪是淘寶拓展版旺鋪才可以哦，否則就只能看不能用了。

因?yàn)橹挥心愕牡赇伿峭卣拱娌趴梢宰远x刪除添加，否則如果標(biāo)準(zhǔn)版扶植版刪除不了，具體的裝修過程在下面有詳細(xì)的描述。總之要做好淘寶店鋪的導(dǎo)航條，工具不能少吧。就要用到Dreamweaver CS4了，我是用的這個(gè)版本的，沒有的朋友，可以到百度搜索下載一個(gè)。

1：首先打開Dreamweaver，新建HTML文件。如圖

2：點(diǎn)擊上方的插入，選擇表格 如圖

3:設(shè)定表格大小 格式 創(chuàng)建表格 如圖

4：點(diǎn)擊表格，表格中出現(xiàn)閃爍的光標(biāo) 如圖

5：淘寶店鋪導(dǎo)航條制作選擇插入圖像

6：將圖像的地址從本地電腦地址改為網(wǎng)絡(luò)儲(chǔ)存地址

7：替換文本這步不需要填寫，直接點(diǎn)確定就可以了 淘寶店鋪導(dǎo)航條制作如圖

8：依次插入需要插入的導(dǎo)航條分類圖片

9：插入圖片完畢，開始設(shè)置圖片超鏈接地址 如圖

10：超鏈接的填寫方法 淘寶店鋪導(dǎo)航條制作如圖

11：點(diǎn)擊代碼按鈕，切換到代碼編輯頁面 如圖

12：拷貝代碼并保存，如圖

13：店招模塊下刪除導(dǎo)航條模塊，添加自定義模塊，然后編輯HTML源文件代碼 如圖

14：點(diǎn)擊保存，預(yù)覽看效果 然后發(fā)布。千萬記得要發(fā)布哦，不發(fā)布是不成功的。下邊的截圖是我的店鋪的效果圖：

到這里，淘寶店鋪導(dǎo)航條就全部完成了，怎么樣，去試下新的導(dǎo)航吧 看看轉(zhuǎn)換頁面是不是正確的。導(dǎo)航條分類圖片可以做成其他顏色 圖案的，至于怎么做，在這我就不多說了，相信大家都會(huì)做的。

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

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

本文來源： 如何制作淘寶店鋪導(dǎo)航條