說到店鋪裝修，肯定不是每位賣家都懂！最少對于新手來說，不懂得店鋪裝修的大有人在，是吧？其實，店鋪裝修也不是件很困難的事情，對于中小賣家來說，店鋪裝修過程中用到最多一般是切片和代碼，今天開淘小編就來跟大家說說怎樣使用切片和代碼。

　　需要用到切片和代碼的一般有兩個軟件，一個是photoshop，另一個是dreamwear ，下面教程的展示是CS6版本的。
　　一、首先說一下photoshop的使用吧！

　　1）先切圖，用最簡便的方式在圖片上面拉出參考線，如下圖

　　2）選擇切片工具

　　3）選擇基于參考線切片

　　4）選擇基于參考線切片之后效果如下：

　　上面那個大圖被切成了2個，太多了，現在需要給合并起來，用組合切片工具來實現。

　　5）選擇切片選擇工具：

　　選擇第一個切片的時候會出現黃色的邊框，然后按著Shift選擇第二個切片，同時出現黃框，之后右鍵出現組合切片，完成組合。

　　完成組合之后效果如下：

　　現在上面的大圖就變成了一個切片。

　　現在切片都切好并且按著自己的方式已經組合完畢，就可以導出圖片和代碼文件了。選擇文件，儲存為web格式：

　　選擇所有切片，并且格式設置為jpg，若需要透明圖片的話可以選擇png格式，質量80即可。

　　之后選擇存儲。

　　設置如下圖所示：

　　文件名盡量設置一個可以識別的，有意義的名字，格式選擇html和圖像，切片選擇所有切片，之后點擊保存即可。

　　保存之后出現上述文件。

　　images里面的圖片就是咱們剛才切的圖。

　　到這里photoshop已經用完了，下面就開始使用dreamwear來編輯代碼。

　　二、dreamwear來編輯代碼

　　先登錄淘寶賬號進入賣家中心點擊圖片空間上傳圖片

　　

　　選擇適合自己的圖片上傳方式上傳圖片。

　　

　　點擊立即上傳即可。上傳之后就是使用dreamwear代碼了。

　　打開之前生成的html文件

　　打開設計視圖。

　　選擇其中的圖片，在下面屬性里面看到如圖效果（如果沒有出現屬性，可以在視圖里面找到屬性點擊即可）

　　之后進入淘寶圖片空間找到對應圖片，點擊鏈接

　　現在已經給圖片地址復制下來了。然后進入dreamwear給地址粘貼到屬性下面地址當中，如圖所示：

　　這個就給圖片換好了，其他圖片也是一樣的步驟。如果需要給圖片加鏈接，在屬性里面那個鏈接的地方添加需要添加的鏈接即可。這些都添加完成之后在dreamwear　　中點擊代碼模式，給里面的代碼全部復制下來。

　　之后進入淘寶后臺店鋪裝修頁面，在自定義模塊里面點擊源碼方式，給剛才復制的代碼粘貼上面即可。

　　到此就完成了基本的裝修。
　　更多店鋪裝修知識分享和免費模板，請登陸裝修網（http://zx./）！

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

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

本文來源： 支招中小賣家裝修店鋪秘籍