1、給要圖片加上鏈接，需要先將它切片，如下圖，在PS里，用切片工具將該頁面圖片全切片完成。

2、然后再點擊PS的文件菜單，再點擊導出web所有格式，如下圖箭頭所指處。

3、在彈出的窗口里面，點擊保存，通過以上操作，這樣就能先將要添加鏈接的圖片以生成html文件。

4、保存后，打開存放該html文件的目錄，點擊它，拖動到Dreamweaver中，如下圖所示。

5、在Dreamweaver中打開該用圖片生成的html文件后，就可以直接用鼠標點擊要添加鏈接圖片，然后在下面屬性面板上的鏈接后面，把要鏈接到的地址輸入進去。

6、就這樣，可以依次把其它要添加鏈接的圖片，都加好圖片鏈接后，再點擊Dreamweaver上的文件，再點擊保存。

7、保存后，就可以通過瀏覽器打開該已添加圖片鏈接的文件，將鼠標移到已加上鏈接的圖片上方，這時鼠標就會自動改變成有鏈接的形狀，在瀏覽器下方也會出現該鏈接地址，說明該圖片鏈接已添加成功。

請參照以下步驟在Dreamweaver軟件中對圖片局部設置超鏈接。

1、首先在電腦上安裝并啟動dreamweaver軟件，然后點擊“HTML”選項。

2、然后在出現的界面中，點擊“設計”選項進入設計視圖。

3、然后在菜單選項“插入”的下拉菜單中，點擊“圖像”選項。

4、然后選擇需要局部設置超鏈接的圖片導入，切換到拆分視圖，鼠標點擊圖片，選中。此時，會在下面屬性看到圖像熱點區的三種工具。

5、根據需要這里點擊第一個圖標（矩形熱點工具），此時會看到鼠標變成一個十字形。

6、在需要設置超鏈接的區域進行框選，選中完成之后，在下面屬性鏈接處輸入鏈接地址。

7、按下ctrl+s保存文件，按下F12進行測試。此時可以看到剛才框選的矩形區域已經變成了可以點擊的超鏈接形式了。最后將dreamweaver里面代碼粘貼到網站html文件的適當位置即可。