相信很多朋友都知道，Banner Maker 是一個(gè)網(wǎng)絡(luò)廣告牌在線即時(shí)生成工具，你無需任何設(shè)計(jì)經(jīng)驗(yàn)，既可以使用我們?yōu)槟鷾?zhǔn)備的大量精致動(dòng)畫模版，進(jìn)行修改、添加、DIY自己的設(shè)計(jì)作品。但是高興之余，我相信很多朋友也和我一樣，費(fèi)了九牛二虎之力才設(shè)計(jì)出來的廣告牌，卻在加入到自己網(wǎng)店時(shí)才發(fā)現(xiàn)，只有訂購了FLASH服務(wù)的賣家才能添加這個(gè)廣告牌。那么我們辛辛苦苦設(shè)計(jì)的廣告牌就浪費(fèi)了嗎？在這里要說的就是如何巧用阿里媽媽BannerMaker 做免費(fèi)且專業(yè)的促銷區(qū)。
丹丹不是個(gè)怕麻煩的人，既然發(fā)帖子了，就從頭到尾把過程詳細(xì)的講述一遍吧。希望對(duì)一些不會(huì)做促銷區(qū)的朋友有個(gè)幫助。費(fèi)話不多說，開始吧！
首先，登陸http://banner.alimama.com/
然后點(diǎn)擊 選擇別人的模板 ，對(duì)于不會(huì)設(shè)計(jì)的人來說，這樣可以省去不少時(shí)間和精力。當(dāng)然如果有時(shí)間和能力的話，在這里也可以自己設(shè)計(jì)。
我們這里主要講的是做促銷區(qū)，所以進(jìn)入之后點(diǎn)擊“圖文”
然后在下面會(huì)顯示出來很多別人設(shè)計(jì)好的模板，選擇一個(gè)風(fēng)格適合自己網(wǎng)店的模板，點(diǎn) 
打開這個(gè)模板之后，我們只需要把產(chǎn)品圖片、描述和價(jià)格改成自己的就行了。就可以了。方法是：點(diǎn)擊你要更改的產(chǎn)品圖片，然后在右邊的圖片地址欄內(nèi)輸入圖片地址（這里只需要注意圖片尺寸大小合適就行了，其它不用管）。
把所有圖片更改完以后，可以根據(jù)自己的眼光對(duì)原來的模板進(jìn)行簡(jiǎn)單的修改（比如有些動(dòng)態(tài)的小圖片不需要可以刪掉它，或者在空白的地方添加你要說的話等等）。之后，屬于你自己的促銷區(qū)基本上就出來了。下面就是我自己隨便改的。怎么樣？
接下來我們點(diǎn)擊下面的設(shè)計(jì)完成按鈕，在彈出的對(duì)話框中點(diǎn)擊預(yù)覽，獲取設(shè)計(jì)。
如果你的旺鋪已經(jīng)訂購了FLASH服務(wù)，那么在這里直接復(fù)制下面的代碼就可以了。而對(duì)于沒有訂購FLASH服務(wù)的朋友們，到這里我們還只是進(jìn)行到一半。那么，我們還是繼續(xù)吧！點(diǎn)擊下載圖片。之前我們改好的促銷區(qū)就會(huì)作為一個(gè)圖片下載下來。下載下來的圖片如下圖：
下載完之后，用Photoshop打開。
然后用切片工具，根據(jù)需要把圖片分割成N個(gè)小圖片。注意這里我們這里主要是把每個(gè)產(chǎn)品圖片分割成一個(gè)小圖片，這樣在后面才好把他鏈接到各自的網(wǎng)頁。 
切片分割后，點(diǎn)擊文件--存儲(chǔ)為WEB所用格式。然后存儲(chǔ)。保存類型選擇為僅限圖像gif 。這樣Photoshop就把我們所分割的圖片保存為一個(gè)個(gè)的小圖片了。關(guān)掉Photoshop。然后把這些小圖片全部上傳到空間里面。
#p#副標(biāo)題#e#
打開網(wǎng)頁工具Dreamweaver，新建一個(gè)html文件。根據(jù)剛才在Photosohp分割的圖片，來插入一個(gè)行與列和圖片相對(duì)應(yīng)的表格，寬度和高度和我們下載下來的那個(gè)圖片相同。比如我們剛才的圖片是切成了兩行，4列，那么我在這里就插入一個(gè)2行4列的750*500的表格。“邊框”、“邊距”和“間距”的數(shù)值都設(shè)置為0
因?yàn)槲覀儓D片分割的并不是相同大小，所以這里我們還要通過合并單元格和拆分單元格來進(jìn)行調(diào)整。調(diào)整后的表格如圖：
接下來就是在每個(gè)單元格中插入圖片。按CTRL+ALT+I 打開插入圖像對(duì)話框，在URL欄中輸入圖片地址。
根據(jù)圖片排列位置，在每個(gè)單元格中依次插入相對(duì)應(yīng)的圖片。 
插入完之后，點(diǎn)擊布局，將表格的模式由標(biāo)準(zhǔn)模式改為布局模式。
用鼠標(biāo)把每個(gè)單元格調(diào)整和圖片一樣大小。
然后點(diǎn)擊每個(gè)圖片，把要鏈接到的地址依次輸入屬性欄的鏈接框內(nèi)。這樣買家點(diǎn)擊這些圖片時(shí)就會(huì)打開相應(yīng)的寶貝頁面，瀏覽寶貝詳情了。
接下來在表格外空白處單擊一下，這樣就選中了整個(gè)表格，然后點(diǎn)擊上面的代碼按鈕，將視圖切換到代碼狀態(tài)。此時(shí)表格區(qū)域內(nèi)代碼是選中的，CTRL+C復(fù)制代碼。然后進(jìn)入淘寶的店鋪管理里面，把代碼粘貼進(jìn)去保存就OK了。。。
丹丹第一次發(fā)這種帖子，用了好幾個(gè)小時(shí)才寫完。 現(xiàn)在是腰酸背痛，還好腿不抽筋。不過小手凍的冰涼冰涼的。希望這篇帖子能給新手朋友們一定的幫助。其實(shí)我這里只是演示作用，告訴親們一個(gè)方法。只要親們有時(shí)間，可以做出比這更好的東西。有什么不清楚的，可以隨便旺我哦。只要我有時(shí)間就一定會(huì)回復(fù)的。
