接在這一步很關(guān)鍵，一定要注意看哦：

圖片切片

按快捷鍵K，或用鼠標選擇切片工具：

 

    對圖像進行裁切，注意，劃分裁切區(qū)域的時候一定要根據(jù)您的寶貝來進行(注意下面圖片上標注的1~6)，因為每個裁切區(qū)到時候都可以做成商品鏈接的，點擊可以打開寶貝詳情頁，繼續(xù)往下看，下面會提到。

 

    切片編輯完后，需要輸出效果模板了，這時候，同時按Ctrl+Alt+Shirt+S鍵(存儲為WEB所用格式)，打開保存設(shè)置窗口如圖：

 

注意了:一定要選擇JPEG格式，點存儲按鈕，接在彈出窗口如，選擇保存類型為 “HTML 和圖像(*.html)” ，

 

  這樣photoshop處理工作就完成了，接著下一步，使用Dreamware工具（沒有的話，趕快去網(wǎng)上百度一把吧）

 

    打開剛才用Photoshop輸出的html模板頁面，可不要說你不知道保存在哪里了，這新新可就幫不了你了：

 

注意了:您可不要把images文件夾和html模板文件分開，一定要在同一個目錄下，否則會出問題的哦。

 

接下來設(shè)置模板上寶貝的詳情打來鏈接，請看步驟：

步驟1：用鼠標選擇您的寶寶圖

步驟2：把該寶貝的詳情頁面鏈接地址貼到上圖步驟2指示的鏈接輸入框里

步驟3：設(shè)置打開寶貝詳情頁面的目標方式為"_blank"

步驟4：把邊框設(shè)置成0.

其他寶貝也用上面4個步驟設(shè)置吧！

嗯，所有寶貝都設(shè)置完了，總算可以了吧~~

  別急，因為您做的模板圖片比較多，如果要一個個上傳到淘寶空間的話很麻煩的(如果你沒有空間的話，趕快定一個吧)，這里教大家一個簡單便捷的方法，特別實用，不過要用到淘寶助理哦，這個先按下，下面會說的，還有重要的一部沒做完呢，接著往下看吧：

    拷貝您用Photoshop制作的模板images文件夾所在的電腦路徑，如：E:\tmp\images，怎么看呢，很簡單，您雙擊進入到images文件夾里頭，然后復制地址欄上的路徑就行了，如圖：

接著還在Dreamware上，點左上角的“代碼”：

 

  在代碼編輯視圖上，按照下圖紅線1，選擇src="images ，然后按Ctrl+F，執(zhí)行替換，替換內(nèi)容格式為：

src="file:/// + 地址欄拷貝的地址：E:\tmp\images，如下圖紅線2，執(zhí)行替換全部

(注意您不能手工改代碼哦，這個很重要)

 

地址變成了:

這樣，模板設(shè)計部分就OK了，全選(Ctrl+A)復制（Ctrl+C）模板代碼。

    不過，如果要使用沒問題的話，還需要把圖片傳到圖片空間，這可要借助淘寶助理了，別急，慢慢跟著我做：

首先打開淘寶助理，新建一個空白模板，寶貝基本資料隨便填寫，沒有錯誤提示就OK：

 

然后吧模板代碼粘貼到"HTML原始程序碼"里保存：

 

保存后點上傳寶貝，這時候，選擇圖片需要存放在的圖片空間：

 

上傳，如果提示失敗沒關(guān)系，我們要的是模板代碼，跟寶貝是否上傳成功沒關(guān)系，如下圖紅線部分所示，圖片的地址已經(jīng)變了。

 

接著拷貝處理后的模板代碼, 哈哈大功告成了：

好了，模板完全做好了，下一步就可以貼到您的店鋪上了。

（哎呀，口干了，您先別急，喝口水先，咕嚕~~咕嚕~~咕嚕~~）

登陸您的淘寶，進入您店鋪：

 

登陸后在您店鋪首頁上點“裝修此頁面”，進入到淘寶店鋪裝修平臺，如圖：

 

在旺鋪后臺添加一個自定義內(nèi)容區(qū)(別說您還沒有訂購旺鋪哦，沒有的話趕快去定一個吧！)：

 

接在把剛才添加的“自定義內(nèi)容區(qū)”模塊調(diào)整到合適的位置，一般拖到最上面，當然您自己覺得好就行，嘿嘿~~：

 

然后點下面的：

 

（嗯。。手好酸啊。。發(fā)帖很累人啊。。不過為了與大家一起分享我的經(jīng)驗，呵呵，我要堅持。。加油~~）

好了，接下來就簡單了，點下面的編輯按鈕，記得是剛才添加的自定義內(nèi)容區(qū)哦。。

 

彈出如下的在線編輯窗口，記得不能直接編輯哦，一定要點哦：

 

之后點保存，發(fā)布，預覽效果吧。