我是拓展版，導(dǎo)航可以做到店招的上面嗎?最近有看到挺多賣家在問(wèn)使用拓展版導(dǎo)航的問(wèn)題。那么拓展版如何設(shè)計(jì)網(wǎng)店店招及店招導(dǎo)航？今天要跟大家一起學(xué)習(xí)怎么做一個(gè)漂亮的店招和店招下面的淘寶網(wǎng)店導(dǎo)航連接。注意：本教程僅僅適合拓展版！
步驟一：打開(kāi)PS作圖軟件，進(jìn)去軟件之后按組合鍵 Ctrl+N 新建圖片 寬度為950 高度為264 如下圖：
點(diǎn)擊右上角的確定之后 會(huì)出現(xiàn)一個(gè)您剛剛建立的大小為950*264的空白圖片，接下來(lái)保存，點(diǎn)擊左上角的 文件 然后存儲(chǔ)為，不懂看下圖：
注意：存儲(chǔ)時(shí)候的格式一定要是下面圖片顯示的格式
點(diǎn)擊確定保存
這個(gè)時(shí)候應(yīng)該在桌面上出現(xiàn)了一個(gè)名為 未命名-1（未標(biāo)題）的文件
這個(gè)時(shí)候可以說(shuō)是完成了三分之一了吧 ，這會(huì)還需要另外一個(gè)軟件“美圖秀秀”。ps入門級(jí)選手可以采用ps作圖，不會(huì)ps的且看接下來(lái)看美圖秀秀的表演：
步驟一：用美圖秀秀打開(kāi)剛剛創(chuàng)建的圖片，如下圖
主意下 我畫(huà)紅線的地方，左邊顯示的是剛剛圖片的名字右面顯示的是圖片的尺寸
步驟二：為該圖添加您想要的文字說(shuō)明 和文字導(dǎo)航，點(diǎn)擊美圖秀秀上面的文字按鈕，點(diǎn)擊左側(cè)的輸入靜態(tài)文字
會(huì)出下面的界面
由于圖片是白色的，所以咱們文字顏色就用黑色的！為了讓文字更漂亮一點(diǎn)，我們選擇了字體是立體字。
為了讓文字的結(jié)構(gòu)好看 我把"小花"兩個(gè)字分開(kāi)輸入的 這樣就可以自由移動(dòng)兩個(gè)字的位置了，“小”我選擇大小為135號(hào)字“花”我選擇了大小為115號(hào)字，字的位置盡量往上面放
為了讓左下角看起來(lái)不那么空缺，那么就在那加個(gè)英文單詞吧！看著也潮流一些！我就加個(gè) FLOWER吧！選擇一個(gè)漂亮的字體，就用@華文行楷好了，注意字體要讓他豎著顯示不要橫著顯示如圖：
這樣左面是不空了，可是右面又空了，所以我干脆就在右面給自己提首詩(shī)吧“花為凌寒獨(dú)自開(kāi)”好了！
接下來(lái)為大家揭秘一個(gè)疑問(wèn)，為什么這字的位置都是往上，而下面還空了好多了，呵呵，這個(gè)地方是最重要的地方啦，因?yàn)槟愕牡赇亴?dǎo)航就放在那里，沒(méi)有這個(gè)店鋪就不夠完美了！導(dǎo)航怎么可以和店招放在一起？？等著為大家揭曉吧。用同樣的方式給這個(gè)地方添加文字，選擇一個(gè)喜歡的字體，我選擇了蘇軾字體，沒(méi)有的可以找我要，大小我選擇了30號(hào)字，
注意地方可以添加任何你想要的導(dǎo)航，比如首頁(yè)、 信譽(yù)評(píng)價(jià)、友情熱薦、關(guān)于本店、交流區(qū)，等等 等等，我就不用這些了 因?yàn)槟菢雍鸵郧熬鸵粯恿宋矣X(jué)得就沒(méi)有了個(gè)性，我是賣女裝的 所以我干脆就改成了首頁(yè)、全部寶貝、背心、開(kāi)衫、褲子、裙子，等等這樣也方便買家搜索：
到了這可以說(shuō)店招導(dǎo)航弄了快一半了，整體效果也就這樣了 ，把這個(gè)保存到電腦上，應(yīng)該名字是未命名-1的副本，接下來(lái)看看神奇的事吧， 我們要讓那些導(dǎo)航能用才行 現(xiàn)在這樣放進(jìn)去肯定什么都點(diǎn)擊不了。這個(gè)時(shí)候我們還得用到PS軟件了，這就是我要說(shuō)的PS切片工具了，來(lái)大家和我繼續(xù)研究。
步驟一：用PS打開(kāi)剛剛做好的圖片，找到左側(cè)的工具欄，選擇切片工具
這個(gè)時(shí)候把鼠標(biāo)放在圖片上應(yīng)該會(huì)顯示一個(gè) 刀子樣式的光標(biāo)， 那么我們有了刀子就可以切了，但是也不要亂切，需要哪里切到哪里，我們要切的就是 全部寶貝、背心、開(kāi)衫、褲子、裙子，這些地方，從現(xiàn)在開(kāi)始大家要用心看，是最關(guān)鍵的步驟也是最難的地方，注意啦
選擇好切片工具大家看上面 有個(gè)樣式 那里選擇固定大小 由于我的導(dǎo)航大部分都是兩個(gè)字的 所以我尺寸弄到64*32這樣操作更方便一些 寬度不夠自己拉伸一下就可以
現(xiàn)在開(kāi)始切圖 把鼠標(biāo)放在導(dǎo)航文字周圍進(jìn)行一個(gè)個(gè)的切圖 看圖
這樣 圖片就被我們切了然后 點(diǎn)擊PS左上角的文件 選擇存儲(chǔ)如圖
接下來(lái)點(diǎn)擊存儲(chǔ) 一定記得選擇這個(gè)
因?yàn)榍袌D是html和圖像一起使用的 但弄一個(gè)都不能正常使用?，F(xiàn)在我們看看桌面上多了兩個(gè)東西
如果能找到這個(gè)說(shuō)明我們之前操作全都正確！
步驟二：將images里面的圖片全都上傳到圖片空間里面，將另外一個(gè)文件用記事本的方式打開(kāi) 會(huì)出現(xiàn)我們熟悉的 源代碼，接下來(lái)我想大家都應(yīng)該明白了，把源代碼復(fù)制下來(lái)，在店鋪首頁(yè)創(chuàng)建一個(gè)自定義內(nèi)容區(qū) 將代碼黏貼上去，看看大家看到了什么，
呵呵呵 大家應(yīng)該很驚訝的 因?yàn)榇蠹铱吹降氖且淮蠖巡娌?，不用?dān)心我們要讓這些叉叉變成我想要的圖片。
接下來(lái)的步驟大家就可以松口氣了 因?yàn)榇蠹冶任叶际煜さ难b修步驟，現(xiàn)在可以說(shuō)就是一個(gè)裝修模版了。雙擊顯示叉叉的地方
出現(xiàn)了這個(gè)界面，我剛剛告訴大家把images的圖片上傳到了圖片空間里，那么現(xiàn)在去里面找到你想要的圖片，記住圖片不用亂黏貼，大家看到我這個(gè)后面顯示的是05.gif 所以大家找到圖片空間里面的05.gif 把這個(gè)地址黏貼上去，所有的圖片都這樣黏貼上去就OK了，等您保存的時(shí)候就能看到一個(gè)完整的圖片了。然后像什么 首頁(yè)啦 全部寶貝啦 您雙擊進(jìn)去下面有個(gè)連接地址輸入您要鏈接的地址就全部OK啦，這樣就可以正常使用了!
樂(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)源： 拓展版如何設(shè)計(jì)網(wǎng)店店招及店招導(dǎo)航
