寶貝描述區(qū)代碼制作：

1、找到我們上次保存HTML文件及image文件夾，如圖所示：

2、用Dreamweaver8.0打開“促銷區(qū).html”文件。并切換到“拆分”模式。在此模式下，上半部分為代碼區(qū)，下半部分為設(shè)計(jì)區(qū)。

3、單元格背景制作：由于寶貝展示區(qū)、寶貝描述區(qū)、買家必讀區(qū)、付款方式區(qū)及聯(lián)系我們都要添加內(nèi)容，為了避免使用層，就必須把文字內(nèi)容區(qū)的圖片設(shè)為單元格背景，這樣就可以保證不管添加多少內(nèi)容，都可以讓寶貝描述模版自動(dòng)延伸。用鼠標(biāo)在設(shè)計(jì)區(qū)點(diǎn)擊寶貝展示區(qū)圖片及文字出現(xiàn)區(qū)。如圖所示：

然后，將鼠標(biāo)點(diǎn)擊代碼區(qū)如上圖所示紅方框前的<td>單元格標(biāo)記的td之后。

此時(shí)可以看到在屏幕下方出現(xiàn)單元格背景框。在背景框內(nèi)填入images/寶貝描述_11.gif，并在左邊設(shè)置寬為740，高為104，設(shè)置完畢之后，刪除單元格中的圖片，也即刪除<img src= “images/寶貝描述_11.jpg” width = “740” height = “104” alt=””>這一段代碼。最終如下圖所示：

當(dāng)然，如果親們對(duì)Html語言熟悉的話，就可以直接手工改寫代碼了。利用同樣的方法處理寶貝描述區(qū)、買家必讀區(qū)、付款方式區(qū)及聯(lián)系我們單元格圖片。

4、保存修改后的網(wǎng)頁內(nèi)容。

5、上傳圖片。由于淘寶不支持本地圖片，所以為了寶貝描述模版的圖片能正常顯示，我們要將images文件夾下的圖片全部上傳到自己申請(qǐng)的空間當(dāng)中。

6、用上傳的圖片替換促銷代碼中本地圖片。這里以上傳到www.51.com空間為例來說明如何替換。

登錄51空間，找到自己上傳的圖片。(以寶貝描述_01.jpg為例.)

在此圖下方有一個(gè)復(fù)制按鈕，點(diǎn)擊復(fù)制，就會(huì)得到寶貝描述_01.jpg圖片的網(wǎng)絡(luò)地址。然后在Dreamweaver8.0中點(diǎn)擊“編輯”菜單，并選擇“查找和替換”。

出現(xiàn)如下對(duì)話框：

在查找框中輸入“images/寶貝描述_01.jpg”，在替換框中粘貼剛才所復(fù)制的寶貝描述_01.jpg圖片的網(wǎng)絡(luò)地址。

點(diǎn)擊“替換”按鈕即可完成寶貝描述_01.jpg本地圖片的網(wǎng)絡(luò)替換。然后用同樣的方法，把所有的本地圖片全部用網(wǎng)絡(luò)地址替換過來。全部替換完畢后注意保存。

7、當(dāng)所有工作完畢后，在Dreamweaver8.0的代碼區(qū)里，將<!-- ImageReady Slices-->和<!-- End ImageReady Slices -->之間的代碼全部選定，并復(fù)制下來，然后用記事本新建一個(gè)文本文檔，并將所復(fù)制代碼粘貼到新建文本中，以txt格式保存?zhèn)溆谩?/p>

到此為止我們的寶貝描述模版制作大功告成。

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

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

本文來源： 旺鋪裝修攻略(7):寶貝描述模板代碼制作教程