淘寶店鋪首頁(yè)導(dǎo)航欄怎么弄?在哪設(shè)置?

我們大家在淘寶上面購(gòu)物的時(shí)候，不管進(jìn)入到哪個(gè)淘寶店鋪，都會(huì)去看導(dǎo)航欄，通過(guò)這個(gè)導(dǎo)航欄我們可以找到想要的商品。

所以商家們要重視這方面的設(shè)置，淘寶店鋪首頁(yè)導(dǎo)航欄如何制作?

D1步驟1;設(shè)計(jì)店招導(dǎo)航打開(kāi)photoshop(下面簡(jiǎn)稱(chēng)PS)，新建一個(gè)1920X150像素文件，設(shè)計(jì)好自己的店招。

店招+導(dǎo)航尺寸詳解。

(①為什么寬度要是1920像素?

答;1920像素基本能支持所有電腦全屏展示。

②高度為什么150px?

答;店招高度120px, 紅條導(dǎo)航30px。

③主要內(nèi)容要放在950X150px 居中部分。

) 設(shè)計(jì)好之后按照上面尺寸標(biāo)示，儲(chǔ)存一個(gè)全屏1920X150.jpg文件，和一個(gè)950X150.jpg文件，留好備用。

步驟2;給店招導(dǎo)航添加鏈接這里要用到Dreamweaver，添加熱點(diǎn)功能為導(dǎo)航添加鏈接，(這個(gè)方法加的鏈接 只能在店招導(dǎo)航上面用，不能在自定義內(nèi)容區(qū)域使用，本人測(cè)試過(guò))。

打開(kāi)Dreamweaver →新建文檔→ 空白 HTML(無(wú))文檔創(chuàng)建→ 菜單欄 點(diǎn)擊插入 → 圖像 → 找到自己的剛剛存放的文件950X150.jpg文件→ 確定→ 確定。

上方--代碼拆分設(shè)計(jì)--點(diǎn)擊設(shè)計(jì)欄，在點(diǎn)擊圖片，下方屬性能看見(jiàn)，箭頭和矩形圖形。

點(diǎn)擊矩形，在要添加鏈接的圖片上，畫(huà)上矩形。

之后點(diǎn)擊矩形，在鏈接的地方粘貼 點(diǎn)擊跳轉(zhuǎn)的網(wǎng)絡(luò)地址。

目標(biāo)選擇—_blank (單機(jī)鏈接后是新建一個(gè)頁(yè)面跳轉(zhuǎn))鏈接都添加完成后，點(diǎn)擊上面的代碼。

復(fù)制這一份代碼(去淘寶后臺(tái)裝修)。

步驟3;淘寶后臺(tái)裝修。

把剛剛復(fù)制好的代碼，粘貼到(淘寶→賣(mài)家中心→店鋪裝修→店招右上角編輯，把剛開(kāi)始做好的950X150.jpg圖片上傳到淘寶圖片空間，復(fù)制鏈接，替換下圖中選著的部分。

下一步，裝修后臺(tái)左邊選擇頁(yè)頭，更換圖片選擇剛才做好的1920X150.jpg圖片。

不平鋪居中，應(yīng)用到多有頁(yè)面。

以上就是小編為大家?guī)?lái)的設(shè)置的方法了，這個(gè)導(dǎo)航欄其實(shí)就和導(dǎo)購(gòu)一樣，意義是一樣的，好的導(dǎo)航欄可以帶瞎消費(fèi)者們找到自己想要的商品，所以制作它是非常的有必要的。

最后預(yù)覽發(fā)布。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。