忙了半個多月了，總算開業(yè)了?？酂舭居托列羷趧诮K于編輯發(fā)布了三十幾個寶貝，看著感覺還是很有成就感的。貨也到位了，現(xiàn)在就等著親來購買我的寶貝了。訂了量子恒道，每天分析分析數(shù)據(jù)，看看進店的人，希望有更多的人進店購物?？墒?，萬事開頭難，通過量子數(shù)據(jù)分析，我發(fā)現(xiàn)每天進店的人寥寥無幾，有時除了我在那進進出出的忙活外，連個人影都沒有，更別說賣貨了。急...真是急，我辛辛苦苦編輯的漂亮寶貝和大量的文字介紹沒人理彩，有些人剛一進店就出去了，估計是對我的寶貝描述頁面沒什么興趣。是什么留不住親？急...真急。
急，沒用，得學習、學習再學習。于是在等待的過程中我就偷偷溜進別家店里轉轉（哦，是抱著學習的目的去的，不要用那種眼神看我，說你呢還看...），乖乖，有些店里簡直粗陋不堪，全是寶貝鏈接，我鼠標的輪子都快轉得飛出去了還沒找到寶貝介紹，咦，奇怪真奇怪，還賣出去了一些貨，呵呵，什么樣的事都有可能發(fā)生呀；再去這家看看，哇塞，漂亮好漂亮，我的眼睛都舍不得離開了，快收藏，這就是樣板、這就是我以后努力的方向呀，嘻嘻......
再回頭看看我家流量，還是沒個人來，愁哇。別等了，至少我家店面和有些家相比還不是很粗陋，比上不足比下還是有余的嗎（自我感覺良好，呵呵），現(xiàn)在還是先想想怎樣把流量解決了吧。都說數(shù)據(jù)魔方多好多好，那好，該出手時也得出一出手（口袋癟呀），咬咬牙還是把數(shù)據(jù)魔方給買了（3個月標準版的），還別說，通過魔方分析后我將寶貝名稱統(tǒng)統(tǒng)進行了修改，別看改的坑坑洼洼，整句讀下來都費勁，有效，能搜索到了，流量也起來了，哈哈，心里那個樂呀。哎，成交了，有史以來的第一筆成交呀，到現(xiàn)在我都記得清清楚楚。
閑話少說，現(xiàn)在交易不多時間多，再去收藏的那家看看。咦？變了，怎么就幾天的功夫那個漂亮頁面不見了，還盡是一些“網(wǎng)頁已過期，圖片無法顯示”等等的框框，亂七八糟的，連著跳了幾個頁都沒有找到那個漂亮的頁面，唉，掃興，那就再看看別家的吧...就這樣翻來看去，慢慢總結了一些別家的優(yōu)點，自己的頁面怎樣做也漸漸有了一些眉目。
說干就干，誰讓咱是宅男呢（嗨，說你呢，還對我伸小拇指），拿來一沓紙這就畫上了，應該這樣應該那樣，這紙是畫了一張又一張，最后終于定稿了，就是它了，這才有了我現(xiàn)在的寶貝描述頁面（我現(xiàn)在還只是菜鳥，這帖子是寫給比我還新的新手的，老大們千萬別給我扔煤渣呀，拜托了）。
我家以前的寶貝介紹都是用Photoshop cs4編的，把圖片和文字全部編到一張大圖片中，然后一下傳上去，天哪，每張圖片將近1M的容量，把淘寶給的30M的空間擠占的沒剩多少了，以后怎么辦呀？而且要更改圖片中的內容那可真叫一個難那，這是我完全沒有料想到的。變，一定要轉變思路，寶貝發(fā)布不是可以用源代碼嗎？對，就用源代碼發(fā)（有沒有搞錯，源代碼？我一看見那些字符就要暈，我沒學過編程，怎么發(fā)？你是不是暈頭了，發(fā)個寶貝用源代碼）。呵呵，先別罵我，我也沒學過編程，Photoshop cs4也是開店之前才學的，邊學邊用湊活著把寶貝也編出來了（只是比有些家稍稍好看一點點而已），這次用源代碼，那得多長時間呀？別急，接下來我就會連圖帶文字一步一步告訴你我是怎樣做的，希望看完以后能對你有所幫助，希望你今后也嘗試用源代碼來發(fā)布寶貝（現(xiàn)在我可知道用源代碼發(fā)布寶貝好處那是多了去了）?，F(xiàn)在對寶貝進行修改或添加些什么的時候很方便的，工作量很小，進去一下就改完了。呵呵，雖然我只是初級入門，但只要對大家有幫助，我還是愿意與大家分享我的經驗的（耳朵里掏的干干凈凈的，怎么聽不見掌聲呀）。
閑話少說，先上兩張圖大家看看：
這是我的圖片空間的容量使用圖，大家可以看到，我現(xiàn)在一共有108張圖片（我現(xiàn)在32個寶貝，每個寶貝3張圖，再加上裝修素材共計108張），只使用了3.95M的空間容量。而在這之前，我用PS編的32個寶貝圖片上傳后占去了24M多的空間容量，相差真是太懸殊了，今后估計再發(fā)布100多個寶貝也不用購買空間容量了，呵呵，省的就是賺的嗎（嘻嘻...在這里先向淘寶小二作揖了，遇上我這樣的店家，唉...）。再看下一張：
這一張是我當天的量子數(shù)據(jù)圖，大家可以看看最下面的日均數(shù)據(jù)。我現(xiàn)在開業(yè)還不到兩個月，現(xiàn)在日均的瀏覽量已經達到80頁（最高的一天120頁；人均訪問頁面數(shù)也增加了，現(xiàn)在是人均2.21頁；而最重要的是人均店內停留時間達到了521秒，也就是平均每個進店的人要在我家店里待上將近9分鐘的時間吶，記得剛開始用量子的時候停留時間才2-3秒鐘；現(xiàn)在回頭客也多了，也有人開始收藏我了(得意有點忘形了)，呵呵...
好了，話歸正傳，先來說說要用源碼發(fā)布寶貝需要做那些準備功課：
1. 電腦里必不可少的兩樣武器：Photoshop cs4和dreamweaver 8，會不會用沒關系，看完了本貼也許你就會基本上手了。大家可以到網(wǎng)上去下載這兩樣工具，最好是免費的那種，呵呵，我現(xiàn)在都是免費在使用的（有不掏錢的當然不會去用付費的了）。Photoshop cs4是圖片制作與修改的工具，還可以制作gif格式動畫圖片，非常好用，我的所有圖片及動畫都是用它完成的；dreamweaver 8是網(wǎng)頁制作軟件，用源碼發(fā)布寶貝關鍵就要用到它了。
2. 還沒有用旺鋪的，趕緊動手哇，淘寶旺鋪的扶持版是免費的，它能讓你家變得漂漂亮亮的。有了旺鋪才能根據(jù)你所用旺鋪的風格確定自己的裝修基調，一定要協(xié)調喲。
3. 要注意圖片的尺寸，寬度絕對不能超過740像素，否則寬出去的部分就沒有顯示了。我曾經瀏覽了一家頁面，他家的尺寸就太寬了，最少有5個字沒有顯示出來，讀他家的寶貝介紹那可是費了勁了。
4. 構思寶貝描述頁的整體狀況，確定將寶貝描述頁分為幾塊來分別描述。我家就把寶貝描述頁分為6大塊，分別是寶貝展示欄（3張圖片展示寶貝）；寶貝介紹欄（文字介紹寶貝的性狀）；保健功效欄（我是做干果的，許多干果都有一定的保健功效的，所以我單獨分出一欄來介紹）；銷售團隊欄（自家的所有聯(lián)系方式，預留以后擴展的空間，尤其是預留旺旺的位置，為以后增加銷售人員做準備）；問題答疑欄和買家助威欄等。你也可以根據(jù)自家的實際情況來分類。
5. 有了以上的準備你就可以開始了，先在紙上大致設計出草圖，然后上機制作調試。注意，一定要先做出一個模板，有了模板今后添加寶貝的內容時就省事多了。
好，接下來再上圖，這是寶貝發(fā)布的頁面，大家看到紅色打圈的地方就是切換源代碼的按鈕（用源代碼發(fā)布寶貝），淘寶默認是用普通方式發(fā)布寶貝，點一下此按鈕即進入源代碼方式發(fā)布寶貝：
點擊源代碼按鈕以后大家可以看到按鈕區(qū)發(fā)生了變化，如圖：
可以看到當前按鈕就剩下兩個了，其中使用編輯器按鈕的作用是讓你在當前頁觀看編輯效果，點一下立即可以看到效果的；預覽按鈕是模仿網(wǎng)頁發(fā)布的環(huán)境來顯示你的編輯效果，它會彈出另一個窗口來顯示。但我通過實驗發(fā)現(xiàn)這兩種預覽方式都與最后的淘寶網(wǎng)頁顯示效果有一定的差距，就是當你點擊這兩個按鈕后，顯示出來的效果與寶貝真正發(fā)布后顯示出來的效果不太一樣，需要進一步調試的。
下面，給大家一段程序試一試：
大家可以看到這有一小段程序，是不是覺得哇塞，這么長的一串數(shù)字，好難懂喲。其實，我給大家分開一講你就明白了，很簡單的。這一段程序是要在網(wǎng)頁中顯示一張圖片的，具體分解如下：
大家看到打了紅圈的地方，IMG這個字符的出現(xiàn)就表示這是一段顯示圖像的程序，其后緊接著就是圖片的鏈接地址，如下圖：
紅框中就是圖片的位置，src=“...”雙引號中間就是圖片存放的鏈接地址了，可以在自己的圖片空間中選中一張圖片，將地址復制并粘貼到雙引號中間就行了。那么，多大的圖片都能放進去么？也不全是，圖片的寬度不能超過740像素的，否則寬出去的部分就沒有顯示了，后面是圖片的尺寸如下：
大家看到這個紅框中有兩個參數(shù)，width=740是指圖片的寬度；height=200是指圖片的高度。每一個IMG命令必須要有width和height這兩個參數(shù)對圖片的尺寸進行限制。怎么樣，是不是很簡單呀，這么一長串的程序其實只有3部分，現(xiàn)在你可以把圖片的鏈接地址添加進去之后，點擊一下使用編輯器或預覽按鈕就可以看到效果了。
一般的網(wǎng)頁都是以表格的形式制作完成的，我們的寶貝描述頁也是這樣，要把它做成表格的形式然后再發(fā)布。如何制作表格呢？我們先要在紙上畫出大致表格的雛形，算出表格需要多少行和列就可以制作了，舉例：
這是我的寶貝描述頁里最為復雜的一張，如何對它進行表格的劃分呢，如下：
可見，該表格被分成了9行6列。接下來對單元格進行合并以適應我們的需求，如下：
這樣就已經初具規(guī)模了。表格上的數(shù)字代表了需要向表格內添加的裝修素材，這些素材是我們提前用Photoshop做好并上傳到圖片空間里的，只需把素材填進去就OK了，其他的內容是需要自己添加的。
下面我們就要用到大名鼎鼎的網(wǎng)頁制作軟件Dreamweaver了，也不知道你的電腦里裝了Dreamweaver沒有。我不等你了，我先說我的。打開Dreamweaver，新建一個html文件，記住是html，不是Xhtml，淘寶網(wǎng)好像不認Xhtml的語句的。如下：
下面我們就可以開始設計了。將鼠標在<body>后點擊一下，確保程序位于<body>和</body>之間，然后點擊創(chuàng)建表格按鈕就可以了。點擊后Dreamweaver會彈出一個對話框，提示你要創(chuàng)建幾行幾列的表格：
點擊確定以后，可以看到在<body>與</body>之間生成了許多代碼，并且還在預覽窗口出現(xiàn)了一個9行6列的表格。如下：
接下來我們就可以直接在預覽窗口中對表格進行合并的工作了，預覽窗口的底部也有許多選項，可以對表格進行調整。首先我們先對表格進行合并操作，劃選要合并的表格，然后點擊鼠標右鍵，選第1項-表格，出現(xiàn)一個下拉菜單，選-合并單元格，如下：
合并以后：
其它單元格的合并如法炮制，不再贅述。最后整個表格合并完成后如下:
現(xiàn)在，我們已經把表格創(chuàng)建完成了，下一步就是要對表格進行尺寸調整以適應我們的需求。首先把表格的總寬度和總高度確定下來，總寬度已確定為740像素；總高度是標題欄的高度+左（或右）邊框的高度。要確定總高度就必須先要確定我們上傳到圖片空間里的素材尺寸的高度，根據(jù)素材尺寸來調整表格尺寸。這張銷售團隊表格的標題欄高度是32像素；左邊框和右邊框的高度都是250像素，寬度是25像素；中間框的高度15像素、寬度是690像素。有了這些數(shù)據(jù)，就可以調整表格了，我們現(xiàn)在可以算出來這張表格的總高度應該是282像素?，F(xiàn)在就來進行具體的調整如下：
1. 調整表格的總高度（因寬度已定，只需調整高度即可），在預覽頁的下方有表格的調整屬性欄：
2. 調整各行和列的尺寸，也是在下方的屬性欄里調整（只介紹第一行的調整，其他類似）：
最后，等所有表格調整完成后，就可以向表格內添加內容了。完成以后的表格：
現(xiàn)在給大家介紹一下怎樣向表格內添加各種素材。我們先來添加標題欄的素材，這時侯必須進入淘寶網(wǎng)自己的圖片空間里找到要添加的圖片并復制一下：
復制后再回到Dreamweaver選中表格的第一行激活一下，也就是鼠標在第一行里點一下，可以看到光標在第一行一閃一閃的。然后點擊一下添加圖片按鈕，會跳出來一個對話框，如下圖，我們將剛剛復制的圖片鏈接地址輸進去：
點擊確定以后會彈出另一個對話框，此時點取消即可：
現(xiàn)在大家可以看到，我們所選的圖片已經成功的添加到表格中了。
其他的添加可如法炮制，就不再一一贅述了。當圖片全部添加完成后，是這樣的：
大家可以看到，這個銷售團隊的模塊已經出來了，接下去就是給其中添加自已需要的內容就行了，可以是文字，也可以是圖片，方法與以上介紹的一樣，這里就不再多講了。今天介紹的這個模板是我這里最復雜的，相信大家把這個模板做會，再做其他的模板也就是小兒科了，大家多實踐實踐一定會熟練掌握的。
下面就給大家介紹一下怎樣把我們剛剛做成的模板放進淘寶的寶貝描述頁里。非常簡單，只要把<body>和</body>之間的所有程序代碼全部拷貝并粘貼在寶貝描述頁用源代碼發(fā)布寶貝的頁面里就行了，這樣你也能用源碼來發(fā)布寶貝了。是不是很簡單呢，那還等什么呢，let's go，現(xiàn)在就行動吧！
另外說一句，如果你想更進一步的話，那么你在制作表格的過程中要仔細觀察源代碼的變化情況，琢磨琢磨，你一定會發(fā)現(xiàn)，哦，源代碼是這樣變化的，總結經驗以后，今后對寶貝進行編輯和修改時，就可以甩開Dreamweaver軟件，直接進入寶貝描述頁進行修改就行了，這樣會省時省力的多喲。好了，用源代碼發(fā)布寶貝的帖子就介紹到這，希望對你能有所幫助。
