如何制作淘寶模板？體現(xiàn)個性的時代，如何才能把模板加入自己的元素后運(yùn)用到自己的店鋪呢？自己動手豐衣足食。自制模版不求人，和淘寶學(xué)堂一起學(xué)習(xí)如何結(jié)合PS和DW制作自己喜愛的模板啦。

在開展如何制作淘寶模板工作之前，要準(zhǔn)備好兩個軟件：Photoshop和Dreamweaver。這里先發(fā)個樣本上來大家看下哈。

這個可以放到店鋪首頁的哦，跟我們平時從裝修市場購買到的模板是一樣的原理。工作分兩步完成：

第一步：用Photoshop打造出整個圖片。我用的是Photoshop CS3，其他版本的也差不多。

首先，打開軟件，新建空白文件，拓展版為950像素寬度，標(biāo)準(zhǔn)版為750像素寬度，具體高度根據(jù)自己的要求確定。

然后，在菜單視圖那里周出參考線。這個是為了制作出來的寶貝圖片的整齊性而做的。

接著，就是為空白文件添加圖片了，我這里制作的是8張圖的模板，以這個為例。打開將要合成的8張圖片。由于制作過程的重復(fù)性我就只以一張圖片作示范哦。

最后，把圖拉過去模板中，用自由變形工具合理縮放，大小合適就可以了，有多余的就刪除。看下圖，第一個圖完成了哦。

其他的逐張拉過去，縮放到需要的大小就OK了哦，不要忘記寫上你寶貝的名稱和價格。最終效果如下：

是不是很美觀呢 ，淘寶模板圖的制作過種大概就這樣，如果您覺得還不夠好看，也可以自由發(fā)揮哦，例如在寶貝旁邊加個“新品”“包郵”之類的詞也可以的。到這里第一步工作算是完成了，當(dāng)然最后不要忘記保存制作好的圖片，保存為JPG格式的就可以了。

第二步：超簡單！只在把圖片上傳到淘寶空間就可以了。如圖：

第三步：用Dreamweaver 2004 制作代碼。實現(xiàn)點擊圖轉(zhuǎn)跳到寶貝詳情頁面的功能。下面我們一起來學(xué)習(xí)，不難的。

（1）讓我們打開Dreamweaver 2004（軟件版本自定）軟件，界面如下：

（2）就在菜單欄的“插入”中插入第一步中制作好的圖片。看圖示：

看到了嗎？這就是第一步中制作好的淘寶模板圖片，插入到Dreamweaver軟件界面的圖，到了這里，是不是覺得不難呢，其實真的不難，下面到了最為重點的步驟了，就是為圖片添加超鏈接。

不用想了，直接點擊矩?zé)狳c工具，然后就對圖片選擇熱點位置，看我的操作哦：選擇了矩形熱點工具后就在圖片的相應(yīng)位置畫出正確的位置。下圖：

（3）：為選擇好的區(qū)域添加超鏈接，這個鏈接，就是您相應(yīng)寶貝的鏈接呢，比如我這里寶貝：

再把復(fù)制到的鏈接粘貼就可以了，另外“鏈接”選項下面的“目標(biāo)”要選擇“blank”，這個可以幫助你在新的窗口打開超鏈接。下面看圖：

好了，其他的圖添加超鏈接方法重復(fù)上面的方法就是了，不明白可以問我，本人的旺旺全天服務(wù)。我這里是8張圖片，依次把8張圖片的超鏈接添加后就完成這一步了。下面就是獲取代碼：

這時您就可看到一連串的煩人的東西了，跟著我去做，不會錯的哦：

不過不用急，我教您，傻瓜式的照做就可以了。不過這里的話，要回到第二步，從淘寶空間里面獲取剛才上傳JPG圖片的代碼：

復(fù)制好空間圖片代碼后就讓我們再次回到Dreamweaver軟件代碼界面吧。把從圖片空間獲取的代碼粘貼到代碼窗口的底部空白處（為了方便得到圖片的代碼），然后復(fù)制雙引號里面的代碼，注意看下面圖示的紅色文字哦：

這一步很重要，無法用文字說明，只能在截圖上說明，注意看啦：

最后一步：復(fù)制圖示下面位置的代碼，用于添加到自定義內(nèi)容區(qū)的代碼

看到這里工作差不多了，成功是留給有耐心的人的 ：

我們現(xiàn)在可以回到店鋪裝修的頁面了，看圖：

保存，并發(fā)布裝修內(nèi)容就可以了，自己去首頁試點擊下，看能不能轉(zhuǎn)跳，這個樣的制作方法屢試不爽呢。如何制作淘寶模板？自己動手，想怎么設(shè)計就怎么設(shè)計，也不用花錢去買模板了。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 如何制作淘寶模板（詳細(xì)圖文教程）