當前位置:才華齋>設計>網頁設計>

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

網頁設計 閱讀(2.37W)

很多新手對於店鋪的裝修是一籌莫展,不知道如何下手,而且自己的經驗又不足做不出漂亮的店鋪來,我們會經常看到其他店鋪裡邊非常個性的商品排放,這些用淘寶模組是實現不了的,下面我所教給大家的是一個圖片如何實現自定義的連結!就跟隨本站小編一起去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!

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

  大體上步驟分為3步;

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

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

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

1.先編輯好自己的圖片,這裡尺寸為集市店寬度為950、天貓稍微大一些為990,然後上傳到自己的圖片空間,複製其連結,然後開啟DW選擇新建HTML檔案

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

3.在url所對應的欄裡輸入你剛才所複製的圖片連結,一定要插入你的圖片連結,而不是在本地選擇!

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

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

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

7.如果你要新增多個連結方法同上邊是一樣的,然後開啟我們的程式碼編輯頁面 快捷鍵 ctrl+a 全部選中 複製貼上到淘寶店鋪裝修頁面 一定要用原始碼編輯的方式新增才會生效