淘寶店的寶貝描述模板設計如下:
1.用photoshop設計出模版JPGE圖片
寶貝模板的主要模塊總結就是以下就是幾塊:A商品的大圖、B.商品的描述、C.買家須知、D.配送方法、E.店鋪分類、F.店鋪連接;
2.切片(核心)
為了打開網頁時加快模版顯示出來的速度,需要把模版切成壹片片,分別上傳到相冊上,這樣打開網頁,每個模版切片同時顯示,大大減少了頁面打開的時間,買家也不會等到不耐煩了,下面是把模版切片操作:
1.雖然photoshop也有切片工具,但往往要切割得很準確圖片才不裂開,如使用ImageReady來切片就不會有這樣的困擾了。在模版圖片打開的狀態下,切換ImageReady進行切片處理;
2.切片是有講究的,凡是需要放入圖片文字的地方都必須單獨切為壹片,這裏選擇水平劃分為10片;
3.點擊切片工具,移動到圖中黃色小點上鼠標會變為箭頭狀,拉動切割線調整到適當的位置;
4.劃分好後返回photoshop,選中左邊工具欄的切片工具就能看到分區,下來就是將切片存儲;
5.操作然後存儲;要選擇JPG格式的這個要註意;
6.然後保存,即可生成壹個存放切片的文件夾和壹個模版html網頁。
3.用dreamweaver把模版轉換為代碼(關鍵)
第壹,打開Dreamweaver,打開模版;
第二,進入設計操作頁面;
選擇熱點選擇要做鏈接的部分。
4.點擊寶貝展示下的切片圖,因為這裏要插寶貝細節圖,需要把它轉換成表格形式,這樣不管插入的圖片多大,表格都會像壹張畫布壹樣撐開。
5.輸入表格寬度
註意:請忽略下圖中“選擇菜單欄”的說明,因為在上圖已經操作有插入表格。
6.輸入高度,填充表格背景
完成後,同樣按照以上4到6的步驟將需要修改的切片進行表格轉換,按照這個步驟把其他的要加圖片或者文字的地方都都把切片轉換成表格。
7.切入代碼頁面,復制代碼到淘寶描述的代碼編輯器中
把所有的代碼都復制下來,如果復制到寶貝描述裏面,然後再把裏面本地的鏈接地址換成剛才把切片上傳的圖片空間裏面的地址,這個很重要如果不換的話是不會成功的是沒效果的。
然後輸入所有的有效鏈接地址,就可以在剛才們換成表格的地方插入圖片和文字了,點擊預覽就能看到壹個精美的寶貝描述模版。