DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 淘寶裝修之DW熱點工具使用
淘寶裝修之DW熱點工具使用
編輯:Dreamweaver入門     

   很多新手對於店鋪的裝修是一籌莫展,不知道如何下手,而且自己的經驗又不足做不出漂亮的店鋪來,我們會經常看到其他店鋪裡邊非常個性的商品排放,這些用淘寶模塊是實現不了的,下面我所教給大家的是一個圖片如何實現自定義的鏈接!

  大體上步驟分為3步;

  1把自己的圖片上傳到空間,然後獲取該圖片的鏈接。

  2用DW熱點工具對其每個其余進行劃分,獲取html代碼

  3將代碼上傳到自己是店鋪!以下是我所演示的圖片和具體步驟及注意事項

  1.先編輯好自己的圖片,這裡尺寸為集市店寬度為950、天貓稍微大一些為990,然後上傳到自己的圖片空間,復制其鏈接,然後打開DW選擇新建HTML文件

淘寶裝修之DW熱點工具使用

  2.直接插入圖片,快捷鍵 ctrl+alt+i鍵 然後出現下面對話框

淘寶

  3.在url所對應的欄裡輸入你剛才所復制的圖片鏈接,一定要插入你的圖片鏈接,而不是在本地選擇!

淘寶

  4.然後選擇設計頁面,這樣就可以可視化的編輯,更加方便一些

淘寶

  5.下面才是重點 然後點擊圖片底部會出現屬性的選項,不點擊是不會出現的,有很多新手朋友都會問我這樣的問題,望大家注意下次步驟!

淘寶

  6.之後在屬性選項的左下角點擊矩形熱點工具,再圖片中選中你要添加自定義鏈接的區域,然後呢下邊的屬性頁面發生變化,我們需要輸入對應區域的鏈接,還有目標 一般選擇blank意思是在新的出口中打開該鏈接

淘寶

  7.如果你要添加多個鏈接方法同上邊是一樣的,然後打開我們的代碼編輯頁面 快捷鍵 ctrl+a 全部選中 復制粘貼到淘寶店鋪裝修頁面 一定要用源碼編輯的方式添加才會生效

淘寶

  8.如果你要添加多個豬的圖片到你的店鋪,在完成熱點劃分添加好鏈接之後,復制代碼的時候你要注意修改兩個地方,不然鏈接就會打亂的,  <map name="Map" 在map後邊加上一個數值比如1,

淘寶
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved