今天想跟大家講講怎么用DW軟件做圖片上的鏈接，而且今天想跟大家說一個困擾了我一個星期的一個難題，我想也有許多親會碰到這種問題吧，在這里獻丑啦。大家看過許多店鋪的廣告圖吧，是不是很好看，這個不用花錢啦，我們小賣家也一樣能做出來哦! 為存在廣告嫌疑，有關店內的一切都把它描紅了哦。

在做鏈接之前我們先要做一張漂亮的圖片，可以自己做也可以偷偷懶去阿里巴巴模版市場下載圖片。下面的圖片是裝修模版里的圖哦，不是小店的圖片哦，不存在廣告哦

這個怎么制作怎么修改我就不多說啦，跟著提示把你想要修改的地方編輯一下

溫馨提示：記得要先登錄哦，如果不登錄的話在編輯過程中再登錄的話要重新制作的哦。

修改完成提交后把JPG的圖片下載下來，然后用photoshop再次修改，現在我用我店里的一張圖來給大家展示一下怎么在圖片上加上鏈接

首先看一下PS的工作界面，打開photoshop

打開圖片，寫上店內的活動，因為這張圖我沒在模版市場里修改，所以只能在PS里寫點店內的有關活動，雖然不是很漂亮，但是今天主要是講怎么添加鏈接

接下來要保存啦，點擊存儲為web和設備所用格式(一定要這樣保存哦)跳出來下圖的樣子，選擇JPEG，再點擊確認哦

保存為HTML格式，點擊確認

保存后得到下圖兩個文件哦

然后把另一個文件里的JPG圖片上傳到淘寶空間里，必須要上傳到空間哦，否則會顯示不正常的哦

photoshop工作結束啦，現在DW閃亮登場啦

現在我們來認識一下DW，代碼區、設計區、屬性區，沒接觸過的人可能會不明白，但是了解了學會了其實很簡單的啦

正式開始啦

打開剛剛保存的HTML格式的圖片

源文件是填圖片地址的地方，一定要改成剛剛上傳到淘寶空間的鏈接地址，現在上面顯示的是本地地址，如果不改的話到時候做的很辛苦結果還是無法正常顯示圖片的哦

這個是已經改成鏈接地址的嘍

現在我們要用矩形框框出需要鏈接的地方，你想哪個地方有鏈接就杠出哪個地方好了，非常的簡單

看下圖，我想鏈接到新品上架，直接框出新品上架四個字，跳出來的框點確認

下面要填被鏈接的地址啦，去你的店鋪點出新品上架的頁面，地址欄復制地址，粘貼到下圖上的鏈接部位，注意把“#”要去掉的哦

看到下面還有個目標的字樣，選第一個blank就好，意思是新窗口打開

做到這里基本上都制作完成了，接下來點擊保存，保險一點我們還要預覽一下效果，點擊下圖上的小地球，預覽，下拉菜單中按照你的情況選擇瀏覽器進行預覽

預覽也完成了，現在代碼出場啦，點擊下圖中的代碼，選擇復制

準備完畢，現在我們要開始裝修啦，點擊裝修此頁面

點擊添加模塊

點擊添加自定義內容

進行編輯

剛剛復制的代碼還記得嗎?代碼馬上出場嘍! 點擊下圖中的源碼

粘貼，代碼就正式出場啦。

親以為到這步就正式OK啦?如果你的店鋪中DW代碼只用一次的話點擊確認就可以了，但是如果你的店鋪中需要多次用DW制作的話就沒這么簡單嘍

曾經也困惑了一個星期，為什么店招用DW制作運用到店鋪后顯示完全正常，而接下來用DW制作促銷圖預覽時完全正常，運用到店鋪就不正常了?左思右想，整整一個星期吃不好睡不好，肯定是哪里出問題了，步驟完全一樣，那么問題肯定出在代碼上了，對代碼不是很懂，可能是碰巧吧，問題竟然被找到了，DW制作的代碼只有在店鋪中運用一次，如果你想要多次使用的話，必須要修改代碼，其實很簡單，要從第一張開始修改的哦，找到代碼里MAP的英文字母，在后面添加1、2、3、4.。。。。第一張就用1、第二張就用2等等依次類推下去，這樣親做的DW代碼在店鋪里就運作正常嘍

再次點擊源碼，圖片就顯示啦，最后別忘記發布哦，大功告成啦

DW軟件就是這樣的簡單，更加復雜一點的促銷圖也是一樣的制作過程，只是過程稍微多一點而已，大家只要知道怎么做了不管有多復雜的圖都能很快完成作品啦。

教程到這里就全部講完啦，講的并不是很好，語言也不漂亮，但是我們把知道的東西全都奉獻給大家。我們要利用網絡的一切資源加上自己的努力，我們小賣家也一定能成功的!