進(jìn)入店鋪后臺(tái)，選擇導(dǎo)航處的”編輯“； 在打開的彈窗里面選擇”添加“； 添加寶貝分類至導(dǎo)航操作如下： 添加頁面至導(dǎo)航操作如下： 添加自定義鏈接至導(dǎo)航操作如下： 設(shè)置好的內(nèi)容可以在此調(diào)整位置或刪除： 在前臺(tái)展示如下：

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

材料/工具

Dreamweaver CS4

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、替

方法

首先打開Dreamweaver，新建HTML文件

親， 11月1號(hào)，淘寶開通了新版描述頁， 在這個(gè)版本下， 是跟你這個(gè)效果不同的。 真正的效果如下： 這里呢， 有兩條線， 上面紅色的一條線， 是淘寶自動(dòng)添加的。 所有店都會(huì)有。 下面的藍(lán)色的線，是我自已加的。 加的方法如下： 設(shè)置文檔頭背景圖

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

這種要買模板才可以實(shí)現(xiàn)的。如果沒有買模板，就要有CSS權(quán)限才可以。如果用圖片的話，只能做單純的跳轉(zhuǎn)鏈接，而做不到你說的有放鼠標(biāo)上去的效果。

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

淘寶店鋪導(dǎo)航條加長的方法：做一張長度為1920的圖片，圖片的最下面30像素做成導(dǎo)航欄的顏色，然后打開“店鋪裝修”點(diǎn)左上方有個(gè)橙色的“裝修“，點(diǎn)擊它 然后點(diǎn)擊樣式編輯 再點(diǎn)左側(cè)的“背景設(shè)置”這時(shí)就能看到有個(gè)背景圖片了，點(diǎn)擊“上傳圖片”把圖片傳上

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

淘寶專業(yè)版原導(dǎo)航就是滿屏寬的 如果想自己制作導(dǎo)航： 隱藏原導(dǎo)航，導(dǎo)航條編輯->顯示設(shè)置->輸入：.skin-box-bd{display:none;} 并確定 PS制作一條1920像素寬，150像素高的頭部，里面取一部分設(shè)計(jì)你的導(dǎo)航，并設(shè)計(jì)完 ps切片，切出頭部居中的950像

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

一張1920*150的店招和導(dǎo)航條圖片。 1、PS制作1920*150店招和導(dǎo)航條; 2、切成950*150的店招、導(dǎo)航條和1920*150的背景; 3、將950*150的店招、導(dǎo)航條儲(chǔ)存為web所用格式;格式一定要是：HTML和圖像。然后將存好的JPG格式圖片上傳至淘寶圖片空間。 4、

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

以前的旺鋪可以直接刪除。新旺鋪2012專業(yè)版目前只能通過吧店招改成150像素后擠掉原來的導(dǎo)航條實(shí)現(xiàn)隱藏。

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

第一步打開PS創(chuàng)建一個(gè)1500X150的層 第二步 店招做好了，接著用PS 文件、存儲(chǔ)為WEB所用格式，這個(gè)是作為頁頭背景的，注意不能超過200KB 第三步把做好的導(dǎo)航店招裁切成950X150 的層這。在這里不用切片做鏈接。容易斷層，咱們先存為WEB格式 第四步

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

第一步打開PS創(chuàng)建一個(gè)1500X150的層 第二步 店招做好了，接著用PS 文件、存儲(chǔ)為WEB所用格式，這個(gè)是作為頁頭背景的，注意不能超過200KB 第三步把做好的導(dǎo)航店招裁切成950X150 的層這。在這里不用切片做鏈接。容易斷層，咱們先存為WEB格式 第四步

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

淘寶網(wǎng)的導(dǎo)航條的制作步驟： 1：首先打開Dreamweaver，新建HTML文件。 2：點(diǎn)擊上方的插入，選擇表格 3：設(shè)定表格大小 格式 創(chuàng)建表格 4：點(diǎn)擊表格，表格中出現(xiàn)閃爍的光標(biāo) 5：淘寶店鋪導(dǎo)航條制作選擇插入圖像 6：將圖像的地址從本地電腦地址改為網(wǎng)

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

如果是店鋪的導(dǎo)航欄的話，可以用作圖的方式把想要設(shè)立的導(dǎo)航欄目設(shè)置完畢，然后用ps切片把導(dǎo)航欄目一個(gè)一個(gè)切出來，上傳圖片后，每個(gè)欄目重新設(shè)置超鏈接到對(duì)應(yīng)的分類即可完成導(dǎo)航地圖的設(shè)置。 其實(shí)不管是淘寶店鋪導(dǎo)航欄還是其他分類導(dǎo)航設(shè)置，均

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

懸浮導(dǎo)航，你可以用ps做一張導(dǎo)航圖，在DW中用地圖方式加上鏈接 這個(gè)是淘寶店的代碼：

拷貝代碼并保存，如圖

這個(gè)需要店鋪裝修的那弄。然后在正在出售中的寶貝，打開寶貝詳情，復(fù)制鏈接。圖片的話就是截一個(gè)與該商品對(duì)應(yīng)的圖，然后保存到電腦。在上傳到圖片空間那里。再復(fù)制鏈接。就好了，其實(shí)挺簡單的。

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

你懂CSS語言嗎？以下是基本樣式： -------------------------------------------------------------/* 導(dǎo)航條背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動(dòng)態(tài)背景色*/.skin-box-bd .menu-list .l

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

自已也可以弄，但是不懂的話比較麻煩！！ 如果想快速裝修，建議買模板！！/* 淘寶店鋪導(dǎo)航欄CSS代碼之分步詳解第一部分、靜態(tài)背景顏色 */ /* 1、首頁/店鋪動(dòng)態(tài)/其它導(dǎo)航類目的背景色，這里設(shè)為紅色 */ .skin-box-bd .menu-list .link{background

擴(kuò)展閱讀，以下內(nèi)容您可能還感興趣。

有些淘寶店鋪的導(dǎo)航和店招是一起的，是怎么做的

　　第一步打開PS創(chuàng)建一個(gè)1500X150的層

　　第二步 店招做好了，接著用PS 文件、存儲(chǔ)為WEB所用格式，這個(gè)是作為頁頭背景的，注意不能超過200KB

　　第三步把做好的導(dǎo)航店招裁切成950X150 的層這。在這里不用切片做鏈接。容易斷層，咱們先存為WEB格式

　　第四步通過DW這個(gè)軟件做熱點(diǎn)鏈接

　　第五步把剛才PS導(dǎo)出來的圖片傳到圖片空間，存好

　　最后一步進(jìn)入淘寶裝修 。編輯店鋪招牌把DW里面做的代碼 放入里面 。高度一定要弄為150的。不然顯示不出導(dǎo)航的。保存之后就可以了然后進(jìn)入頁頭設(shè)置，把頁頭背景存進(jìn)去，設(shè)置不平鋪 居中 背景 效果就出來啦。

操作步驟不懂的可以參考鏈接完成http://bbs.taobao.com/catalog/thread/154503-262777083--1127120380.htm

淘寶網(wǎng)的導(dǎo)航條是怎么做的

淘寶網(wǎng)的導(dǎo)航條的制作步驟：

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ā)布。

如何制作淘寶店鋪導(dǎo)航地圖？

如果是店鋪的導(dǎo)航欄的話，可以用作圖的方式把想要設(shè)立的導(dǎo)航欄目設(shè)置完畢，然后用ps切片把導(dǎo)航欄目一個(gè)一個(gè)切出來，上傳圖片后，每個(gè)欄目重新設(shè)置超鏈接到對(duì)應(yīng)的分類即可完成導(dǎo)航地圖的設(shè)置。

其實(shí)不管是淘寶店鋪導(dǎo)航欄還是其他分類導(dǎo)航設(shè)置，均可以按照以上方式來進(jìn)行設(shè)置。需要注意圖片大小的設(shè)置，以免設(shè)置后圖片顯示不完全。

淘寶店鋪懸浮導(dǎo)航怎么制作，請高人指點(diǎn)

懸浮導(dǎo)航，你可以用ps做一張導(dǎo)航圖，在DW中用地圖方式加上鏈接 這個(gè)是淘寶店的代碼：

淘寶店鋪?zhàn)远x的導(dǎo)航是怎么制作的，類似圖片這樣的~

這個(gè)需要店鋪裝修的那弄。然后在正在出售中的寶貝，打開寶貝詳情，復(fù)制鏈接。圖片的話就是截一個(gè)與該商品對(duì)應(yīng)的圖，然后保存到電腦。在上傳到圖片空間那里。再復(fù)制鏈接。就好了，其實(shí)挺簡單的。