下面講述如何得到源文件？
1、找壹個能外聯到淘寶的圖片空間，這裏推薦給妳壹個 ”巴巴變“ 百度自己搜索壹下
2、註冊賬號-〉上傳妳自己的照片-〉獲得圖片外聯地址
3、上面獲得的圖片外聯地址就是妳所要的 源文件，替換文本可以隨便寫。
1。軟件工具：要自己制作寶貝模板，首先要選擇網頁編輯工具，目前業界最流行得就是 dreamweaver 了，用老微的frontpage也可以。想自己做的朋友最好選擇前者，frontpage我以前也用過，後來很少用，主要還是覺得dreamweaver使用更加方便，功能更加強大，畢竟是專門以這個起家的嘛。 需要dreamweaver 軟件的朋友可以 從網絡上下載，下載方法：在 google 搜索欄中輸入“ dreamweaver 軟件下載 ” 就可以找到很多下載網站了！！！，其它工具軟件妳都可以這樣搜索到，下載就可以了。不過，記得下載完了壹定要先殺毒哦，對我們這些店家來講，安全是非常重要得。
2。網頁制作之前，首先要考慮自己模板的基本布局。先不要著急用dreamweaver開始編輯，正式編輯之前我建議朋友們多看壹些別人的作品，總結出寶貝描述模板的大體布局方法，需要的各個選項！最好的辦法就是先紙上談兵，在紙上用筆先勾畫出描述模板的布局，註明需要做的壹些工作等。不過，寶貝模板的主要模塊我總結就是以下就是幾塊
A. 商品的大圖 B。商品的描述 C買家事宜 D配送方法 E店鋪分類 F 店鋪連接
可以在紙上粗粗描繪壹下大體的布局，然後再開始下面的工作。
3。 準備素材。做網頁不能沒有素材，素材就是指壹些養眼的圖片，文字，背景等資源。還有最重要的，也最可能用到的就是妳店鋪的logo，寶貝的圖片，文字介紹跟店鋪商品有關的壹切了。把這些素材都統統歸到壹個目錄下面（真正正規的編輯方法是按照文件夾來組織自己的素材），方便以後尋找。另外，為了做出更好的效果，可能還要動用壹下photoshop這個工具，特別對圖片處理都離不開它。下載的方法象上面所說的就可以了。
4。現在基本的東西已經準備好了。那麽就開始做吧。
淘巧網
A。首先打開Dreamweaver ，新建壹個html網頁。這個時候工作臺上妳看到壹個白色的區域，就是編輯區域了。
B。添加表格進行布局。這壹點很重要，因為表格能夠比較方便的讓我們進行布局的分配，以及以後各種素材的定位。有了表格，我們心裏面就對布局基本有數了。在表格裏面可以添加我們的素材，文字，更改背景等。這些文字壹般是通用的文字，固定不變的，不會隨著寶貝的不同而變化，比如買家事宜，配送方法等標題性和說明性的文字。這個時候我們還要留出放置寶貝圖片，和寶貝描述的位置，這些都是會變化的，因為每個寶貝的圖片，和描述都是不同的。因此壹定要留出這個位置。 龔樹華的淘巧網
提示：這壹步之前首先要把需要用到的圖片上傳網絡上去，我推薦給大家這個網站。首先上傳有壹個好處，以後在使用圖片的時候，直接可以找到圖片，然後復制下該圖片的連接添加到圖像占位符的來源上面就可以了，不用再壹邊上傳圖像，壹邊編輯網頁。
C。在需要添加圖片的位置上，添加壹個圖像占位符，記住，寶貝描述模板中所有的圖像都壹定是壹個圖像占位符，不能直接圖像。添加完後我們看到壹個斷裂的方塊，證明該對象是個圖像占位符。 淘巧
重點理解為什麽不直接插入圖像呢？直接插入圖像在淘寶裏面是無法顯示的。在要放置圖像的地方，包括背景圖等都要使用圖像占位符。有了圖像占位符，等於是先占好了這個位置，然後在這個位置上添加相應的圖片連接地址，這樣當在瀏覽器中查看網頁的時候，瀏覽器自己按照圖片的連接地址下載圖像，就可以顯示出自己想要的圖片了。這點很重要哦。
D。在其它位置上也添加壹些圖像占位符，比如店鋪logo，店鋪分類等等，這些位置可以為妳以後操作帶來方便。
E。把圖像占位符的地方填好圖片的網絡連接地址，具體到每個商品圖片時候，我們在淘寶裏寶貝編輯器中再填進來。在淘寶的寶貝描述編輯器裏，我們找到該商品的圖片連接地址，填到圖像占位符的圖片來源上就可以了。這樣的話，只需要改動商品圖片圖像占位符的圖像來源地址，就可以顯示我們想要的圖片了。
6。以上如果不出所料，按照自己的設計，基本上可以算完工了。具體美不美觀要自己慢慢調整。現在最重要的就是在Dreamweaver中切換到代碼編輯窗口，CTRL+a 選中所有代碼，選擇復制，然後選擇壹個寶貝，在淘寶裏面編輯該寶貝，在寶貝編輯器裏面，選擇編輯源文件，這個時候就切換到代碼編輯窗口了。將先前復制的代碼粘貼到該窗口，然後選擇編輯模式，切換到圖形編輯模式。這個時候妳就發現，以前妳設置的圖像占位符現在都顯示成圖片了。如果不能顯示，就證明該處沒有圖像連接地址。敢緊選擇該圖像占位符，然後點擊插入/編輯圖像按鈕，輸入相應的圖片連接地址就可以了。 特別要提示的是：修改寶貝描述主要是能夠直接顯示寶貝的大圖。這個時候壹定要更改寶貝圖片占位符，把該占位符的圖像來源改成是當前寶貝的圖片連接地址就可以了。 內容來自淘巧網
點擊壹下預覽，可以看看編輯的效果，有什麽不滿意的，只能以後慢慢修改了。
切換寶貝編輯器到代碼模式，選擇所有代碼復制並拷貝到壹個TXT文本文件中保留，以後每個寶貝都可以用到。新建壹個寶貝的時候將這些代碼在代碼編輯模式下面直接拷貝過來，然後切換回圖像編輯模式改變對應的寶貝圖片就可以了。
怎麽樣，壹切都很簡單吧。
下面的圖是dreamweaver中圖形編輯模式下的寶貝模板的布局，紅色字體說明部分是常用到的哦，壹定要多加留意。
具體的效果大家可以到我的店鋪裏面隨便點擊壹個寶貝看下就可以。還有很多地方要完善的，請大家多多指教。有什麽問題可以壹起探討噢。只能算是拋磚引玉。希望高手們把妳們的設計經驗跟大家交流壹下。
補充說明壹下,在寶貝編輯器中可以使用熱點連接這個功能來創建圖像上的直接連接功能.比如我的模板上面店鋪介紹,逛逛本店,信用評價這些文字上面都使用了連接功能.這個連接功能怎麽實現的呢?方法如下 :
選中妳需要做連接的圖片，圖像占位符也是支持的。然後這個時候妳發現dreamweaver左下腳有壹些綠色的小圖標。這些是用來在圖片上畫出壹些方形，圓形或其它形狀區域，在瀏覽器中，鼠標經過這些區域的時候就會變成小手的形狀，這些區域就是熱區。鼠標點擊這壹熱區的時候就會連接到相應的網頁。
趕快在圖上畫壹個區域，然後在dreamweaver左下角連接地址中輸入妳想要連接的網頁地址。
將代碼考到寶貝編輯器，然後預覽壹下，當鼠標放到這些區域上的時候，就會變成小手的形狀。點擊壹下，就會連接到相應的網頁了。