想要更自由的店鋪裝修嗎?多功能店招怎么樣制作?下面就用一個(gè)簡(jiǎn)單的例子給大家演示一下,制作店招主要用到photoshop 和 Dreamweaver 軟件,步驟比較簡(jiǎn)單。
一、photoshop部分。
新建一個(gè)950150的圖片文檔

因?yàn)槲业牡赇伒闹饕渖?桃紅色和白色,黑色,所以這個(gè)店招,我使用桃紅色做主背景色,使用工具填充背景色,新建一層 填充白色(這個(gè)做文字菜單欄的背景)使用標(biāo)尺和輔助線,調(diào)整白色層至下方40像素高度 (也可以使用選區(qū)工具,新建一個(gè)95040的選區(qū),填充白色)

使用工具分別輸入文字,四個(gè)文字區(qū)域的設(shè)置分別如下圖

收藏那里顏色變化了一下,就是選中 點(diǎn)擊收藏 那幾個(gè)字,然后在文字屬性欄改變顏色就可以。然后保存成WEB所用格式 (快捷鍵:CTRL+SHIFT+ALT+S)一般顏色塊為主的這種圖片,保存成 PNG8 或者 GIF 格式,非常清晰,并且很小,www.tbxt.com方便網(wǎng)絡(luò)傳輸。
二、dreamweaver部分。
DW是所見(jiàn)即所得網(wǎng)頁(yè)編輯軟件,現(xiàn)在大部分賣家朋友使用的都是這個(gè),很方便!首先將剛才制作好的圖片上傳到您的圖片空間,復(fù)制這個(gè)圖片的鏈接地址! 打開(kāi)DW軟件,新建一個(gè)HTML文檔,插入圖片

點(diǎn)擊圖片,選擇“矩形熱點(diǎn)工具” 這個(gè)很有用哦,想在什么區(qū)域畫都可以哈,比如可以做產(chǎn)品圖片的鏈接,旺旺的鏈接,分類的鏈接等等。設(shè)置了熱點(diǎn)區(qū)域后就可以隨意鏈接了,很強(qiáng)大吧!


這里的對(duì)應(yīng)鏈接: 就是要鏈接到的地址,
替換文本: 就是鼠標(biāo)放到這個(gè)連接上 會(huì)有的一個(gè)小提示,可以設(shè)置也可以不設(shè)置
目標(biāo):一般選擇 _blank或者不選 如果不選 默認(rèn)就是這個(gè)瀏覽器窗口打開(kāi) _blank 這個(gè)是新建一個(gè)窗口打開(kāi)這個(gè)鏈接 。
全部設(shè)置好之后,我們來(lái)復(fù)制代碼,通過(guò)代碼可以很方便的把這個(gè)設(shè)置發(fā)布到網(wǎng)店中去,很方便!

三、網(wǎng)店部分
打開(kāi)賣家中心,店鋪裝修,將現(xiàn)有的店招模塊刪除,在頭部區(qū)域,新建一個(gè)自定義內(nèi)容區(qū),
將代碼復(fù)制進(jìn)去

保存,發(fā)布!完工啦!
延伸閱讀:
這是一個(gè)簡(jiǎn)單的例子,使用的也是靜態(tài)圖片,這個(gè)方法還是比較簡(jiǎn)單的。標(biāo)題圖片里面的四種樣式,就是在店招里面加兩行鏈接,加產(chǎn)品,加旺旺,都可以通過(guò)這個(gè)方法實(shí)現(xiàn),還有一種方法就是在DW中做一個(gè)950150的表格,設(shè)置一個(gè)背景圖,用表格定位,然后上面添加透明圖片或動(dòng)態(tài)圖片(比如閃動(dòng)的旺旺),并分別設(shè)置連接,也很自由,方便,以后會(huì)貼教程出來(lái)跟大家分享! 當(dāng)然還可以用層,還有其他工具等,方法很多,實(shí)用為主!
樂(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)源: 店鋪裝修之使用自定義內(nèi)容區(qū)制作多功能店招