Dreamweaver制作圖像熱點鏈接的方法

Dreamweaver制作圖像熱點鏈接的方法

　　Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計站點的目的和用戶的需求，從而做出切實可行的設計方案。以下是小編為大家搜索整理的Dreamweaver制作圖像熱點鏈接的方法，歡迎閱讀!更多精彩內容請及時關注我們應屆畢業生考試網!

　　方法1

　　選擇某種形狀，并且在圖片中用鼠標進行拖動，選中需要添加鏈接的部分。

　　選中添加鏈接的圖片區域后，在屬性窗口鏈接中就可以拖動“指向文件”按鈕，為圖片添加超鏈接。

　　超鏈接添加完成后，我們就在圖片區域創建好了鏈接。

　　方法2

　　材料/工具

　　電腦

　　dreamweaver

　　過程

　　打開Dreamweaver CS6，新建一個html文檔。

　　在body中加入一張圖片，用img標簽。

　　將布局切換到設計視圖，在圖片上右擊，在彈出的菜單中選擇“屬性”。

　　選擇“熱點工具”，有正方形、圓形和多邊形，選擇自己需要的。

　　在圖片上畫出熱點的區域即可，注意圖片要寫alt屬性。

　　在屬性面板中輸入要鏈接到的網址即可。

　　再按F12預覽，點擊熱點區域就可以跳轉到指定的鏈接了。

【Dreamweaver制作圖像熱點鏈接的方法】相關文章：

Dreamweaver創建圖像熱點鏈接的方法12-10

用dreamweaver創建圖像熱點鏈接03-08

使用dreamweaver中的圖像熱點鏈接12-12

Dreamweaver制作超鏈接方法12-18

Dreamweaver制作超鏈接方法步驟02-06

Dreamweaver鏈接的方法10-30

Dreamweaver網頁中制作錨點鏈接方法10-12

dreamweaver添加超鏈接的方法09-21

設置Dreamweaver的email鏈接方法　　12-02