促銷區代碼制作：
1、找到我們昨天制作成功的HTML文件及image文件夾，如圖所示：
2、用Dreamweaver8.0打開“促銷區.html”文件。并切換到“拆分”模式。在此模式下，上半部分為代碼區，下半部分為設計區。
3、單元格背景制作：由于店鋪公告區要添加內容，為了避免使用層，就必須把店鋪公告出文字內容區的圖片設為單元格背景。用鼠標在設計區點擊店鋪公告文字出現區。如圖所示：
然后，將鼠標點擊代碼區如上圖所示紅方框前的<td>單元格標記的td之后。
此時可以看到在屏幕下方出現單元格背景框。在背景框內填入images/促銷區_03.gif，并在左邊設置寬為399，高為191，設置完畢之后，刪除單元格中的圖片，最終如下圖所示：
當然，如果親們對Html語言熟悉的話，就可以直接手工改寫代碼了。利用同樣的方法處理聯系我們及人氣寶貝的內容展區單元格圖片。
4、店鋪公告文字顯示：將此段代碼放在店鋪公告文字出現區。
<font color="#0099FF"><font size="5"><span style="line-height:1.5;">
<marquee direction="up" scrollamount="1" scrolldelay="0" height="180" width="399" style="position:relative;">
<br /><font LETTER-SPACING: 0.4pt; COLOR: black;">楷體_GB2312"><strong> 本店所發貨物快遞默認為申通快遞。若有特殊要求，請事先申明，不便之處敬請諒解！</strong>
<br/>
<strong>聲明：</strong>請各位買家在拍寶貝前務必先看清本店的退換貨政策（參加優惠活動的寶貝除商品質量問題外一律不予以退換），在拍之前務必請先詢問客服此款是否有貨，以免造成不必要的麻煩。</font>
</marquee>
</span></font></font>
5、聯系我們內容處理：這里主要留下店主的旺旺，QQ，手機等其他內容，方便買家知道如何聯系。添加旺旺在線過程如下：
打開http://www.taobao.com/help/wangwang/wangwang_0628_04.php進入如下頁面：
自己選擇風格、加入自己淘寶旺旺號碼，并選擇是生成網頁代碼還是生成論壇代碼。由于我們是加在促銷區，因此選擇生面網頁代碼。最后點“復制代碼”按鈕，就可得到旺旺在線的網頁代碼了。
當獲得代碼之后，就將這些代碼粘貼到聯系我們的內容區，并前QQ和手機及要補充的說明加在此處，注意排版要美觀。最終如圖所示：
6、保存修改后的網頁內容。
7、上傳圖片。由于淘寶不支持本地圖片，所以為了促銷區的圖片能正常顯示，我們要將images文件夾下的圖片全部上傳到自己申請的空間當中。
8、用上傳的圖片替換促銷代碼中本地圖片。這里以上傳到www.51.com空間為例來說明如何替換。
登錄51空間，找到自己上傳的圖片。(以促銷區_01.gif為例.)
在此圖下方有一個復制按鈕，點擊復制，就會得到促銷區_01.gif圖片的網絡地址。然后在Dreamweaver8.0中點擊“編輯”菜單，并選擇“查找和替換”。
出現如下對話框：
在查找框中輸入“images/促銷區_01.gif”，在替換框中粘貼剛才所復制的促銷區_01.gif圖片的網絡地址。
點擊“替換”按鈕即可完成促銷區_01.gif本地圖片的網絡替換。然后用同樣的方法，把所有的本地圖片全部用網絡地址替換過來。全部替換完畢后注意保存。
9、人氣寶貝區圖片展示區圖片及鏈接：在自家店中挑選幾款推薦寶貝在此區域展示，并讓賣家可以鏈接到寶貝描述頁面。具體操作如下：
(1)、打開自家店鋪首頁：
比如，我現在要把106紅這款寶貝放到人氣寶貝中。在自家店鋪找到這款寶貝，將鼠標移到這款寶貝圖片上面，點擊鼠標右鍵，彈出菜單，如下圖所示
選擇“復制圖片地址”項，就可以得到這款寶貝的網絡圖片地址。
（2）、轉到Dreamweaver8.0中，在設計區，用鼠標單擊人氣寶貝圖片展示區，如下圖所示：
（3）、在Dreamweaver8.0的單擊“插入”菜單項，選擇“圖像”
親們對比上下兩個圖后就可以看出效果了。
(4)圖片鏈接制作：經過以上步驟，只是把圖片插入了，當買家用鼠標點擊圖片時，并不能跳轉到寶貝描述頁面。為了能夠實現跳轉，就必須對圖片施加鏈接。
首先回到我們網店首頁所選寶貝所在位置。將鼠標移到寶貝下面的超鏈接上，點擊鼠標右鍵，彈出菜單，在彈出菜單中選擇“復制快捷方式”。
其次，轉到Dreamweaver8.0中，在設計區，用鼠標單擊剛才插入寶貝圖片，如下圖所示：
最后，在紅色方框所示的鏈接對話框中，將剛才復制的快捷方式粘貼到此對話框中，這樣就完成了圖片鏈接的工作。
按照同樣的方式，多加幾個寶貝圖片，并完成鏈接工作。
此時，我們會發現，所插入的圖片已經把人氣寶貝區撐開了，這是因為我們所插入的圖片的總寬度已經大于人氣寶貝展示區的寬度，這并沒有關系。為了解決這個問題，我們現在就讓人氣寶貝只在規定區域里滾動展示。
將<marquee behavior="alternate" scrollamount="2" scrolldelay="0" width="642" >代碼在代碼區中加到第一個寶貝圖片前。
將</marquee>在代碼區中加到最后一個寶貝圖片后面位置。
這段代碼就是讓我們所插入的圖在寬度為642的人氣寶貝展示區里左右來回滾動。
10、當所有工作完畢后，在Dreamweaver8.0的代碼區里，將<!-- ImageReady Slices (促銷區.psd) -->和<!-- End ImageReady Slices -->之間的代碼全部選定，并復制下來，然后用記事本新建一個文本文檔，并將所復制代碼粘貼到新建文本中，以txt格式保存備用。
到此為止我們的促銷區制作大功告成。最終效果圖如下：
彈出如下對話框：
在出現的對話框中，將URL：文本框中的內容全部清空，把我們剛才拷貝的圖片地址粘貼到此對話框中。
點擊確定，即完成了人氣寶貝的圖片插入。
細心的親們會發現，在圖上紅色框中有兩組數據，一組為width = 642 height = 145，這組數據是說明我們的人氣寶貝展示區的寬為642，高為145；另一組數據為width = 160，height = 159，這組數據是說明我們插入的圖片寬為160，高為159。這就說明我們的圖片過大，為了不撐破表格，就必須將圖片的寬和高兩個數據都改為小于145，比如改為140。修改完畢后，就能保證圖片不會把人氣寶貝區的表格撐破。如下圖所示：
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 旺鋪裝修攻略(5):促銷區模板代碼制作教程
