網(wǎng)店裝修詳細(xì)講解步驟可供參考

第一部分，用photoshop制作出模版JPGE圖片。

這個(gè)我就不多說(shuō)了這個(gè)我也教不了大家這個(gè)都要靠平時(shí)的積累和自己的美術(shù)功底不過(guò)，寶貝模板的主要模塊總結(jié)就是以下就是幾塊：A商品的大圖B.商品的描述C.買家事宜 D.配送方法E.店鋪分類F.店鋪連接

我給大家看看我做的吧。

放心吧，這個(gè)確實(shí)是我自己做的，不是去下載的，我只是下載了一個(gè)素材，然后自己做的，素材就一張圖片

這個(gè)我就不說(shuō)怎么做了，大家自己摸索吧，今天的主題是，如果做模板，就是講述做模板的過(guò)程.

第二部切片（核心）

為了打開(kāi)網(wǎng)頁(yè)時(shí)加快模版顯示出來(lái)的速度，我們需要把模版切成一片片，分別上傳到相冊(cè)上，這樣打開(kāi)網(wǎng)頁(yè)，每個(gè)模版切片同時(shí)顯示，大大減少了頁(yè)面打開(kāi)的時(shí)間，買家也不會(huì)等到不耐煩了，下面是把模版切片操作：

第一，雖然photoshop也有切片工具，但往往要切割得很準(zhǔn)確圖片才不裂開(kāi)，如使用ImageReady來(lái)切片就不會(huì)有這

樣的困擾了。在模版圖片打開(kāi)的狀態(tài)下，切換ImageReady進(jìn)行切片處理；

第二，切片是有講究的，凡是需要放入圖片文字的地方都必須單獨(dú)切為一片，這里我選擇水平劃分為10片；

第三，點(diǎn)擊切片工具，移動(dòng)到圖中黃色小點(diǎn)上鼠標(biāo)會(huì)變?yōu)榧^狀，拉動(dòng)切割線調(diào)整到適當(dāng)?shù)奈恢?/p>

第四劃分好后返回photoshop，選中左邊工具欄的切片工具就能看到分區(qū)，下來(lái)就是將切片存儲(chǔ)；

第五，如圖中操作然后存儲(chǔ)；要選擇JPG格式的這個(gè)要注意了

第六，如圖，然后保存，即可生成一個(gè)存放切片的文件夾和一個(gè)模版html網(wǎng)頁(yè)。

下面images就是切片，要把這個(gè)傳到我們的圖片空間里面。這個(gè)很重要，以后要用到。

第三部分，用dreamweaver把模版轉(zhuǎn)換為代碼（關(guān)鍵）

第一，打開(kāi)Dreamweaver，打開(kāi)模版

第二，進(jìn)入設(shè)計(jì)操作頁(yè)面

第三，下面為逛逛小店和信用評(píng)價(jià)做鏈接

選擇熱點(diǎn)選擇你要做鏈接的部分！

第四，點(diǎn)擊寶貝展示下的切片圖，因?yàn)檫@里要插寶貝細(xì)節(jié)圖，我們需要把它轉(zhuǎn)換成表格形式，這樣不管插入的圖片多大，表格都會(huì)像一張畫布一樣撐開(kāi)。如圖操作：

第五，輸入表格寬度，注意：請(qǐng)忽略下圖中“選擇菜單欄...”的說(shuō)明，因?yàn)樵谏蠄D已經(jīng)操作有插入表格了

第六，輸入高度，填充表格背景

完成后效果如下圖，同樣按照以上第四到第六的步驟將需要修改的切片進(jìn)行表格轉(zhuǎn)換

按照這個(gè)步驟把其他的你要加圖片或者文字的地方都都把切片轉(zhuǎn)換成表格

第七，切入代碼頁(yè)面，復(fù)制代碼到淘寶描述的代碼編輯器中

把所有的代碼都復(fù)制下來(lái)如果復(fù)制到寶貝描述里面然后再把里面本地的鏈接地址換成我們剛才把切片上傳的圖片空間里面的地址這個(gè)很重要如果不換的話是不會(huì)成功的是沒(méi)效果的

輸入所有的有效鏈接地址，就可以在剛才我們換成表格的地方插入圖片和文字了，點(diǎn)擊預(yù)覽就能看到一個(gè)精美的寶貝描述模版了，趕快動(dòng)手試一試吧！

轉(zhuǎn)載百度知道

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

推薦閱讀：

《淘寶平臺(tái)特殊商品/交易爭(zhēng)議處理規(guī)則》變更公示通知

淘寶日常預(yù)售工具操作指引

三寶一券免費(fèi)啦

更多資訊請(qǐng)關(guān)注幕 思 城。