文/陳秀峰
大家在打開帶有圖片的網頁時，有時會看到這樣的情況：當滑鼠指向圖片的不同部位時，可以打開不同的超鏈接，這種技術我們稱之為—網頁圖片熱區。
以下我們以Dreamweaver MX和FrontPage 2003為例，來看看網頁圖片熱區的具體建立過程。
一、在Dreamweaver MX中為圖片建立熱區
1、啟動Dreamweaver MX(其他版本請仿照操作)，開啟需要建立圖片熱區的網頁文件，選取對應的圖片，此時「屬性」面板自動切換到「圖片屬性”狀態(如圖1)。
2.選取一種熱區類型(如「橢圓」)，然後在圖片上拖來出一個熱區來(參見圖1)
圖1
注意：熱區相當於是在圖片上增加了一個圖形層，象調整圖片一樣，可以透過滑鼠調整熱區的大小和位置。
3.在「連結」右邊的方框中輸入要連結的網址(如“http://www.yesky.com”)；在「替代」後面的方框中輸入一些說明字元(如“天極網” )；按下「目標」右邊的下拉按鈕，在隨後出現的下拉清單中選擇一種連結頁面的開啟方式(如需要讓連結的頁面在新視窗中打開，就選擇「_blank」選項)。
注意：「替代」方格中輸入的字符，以後瀏覽網頁時，當滑鼠指向該熱區時，在頁面上會顯示出該字符(如圖2)。
圖2
4、重複上述2、3步驟的操作，在圖片的不同部位建立多個熱區。
二、在FrontPage2003中為圖片建立熱區
1、啟動FrontPage2003，開啟需要建立圖片熱區的網頁檔案。
2.執行「檢視→工具列→圖片」指令，展開「圖片」工具列(如圖3)
圖3
3、選取一種熱區類型(如「長方形」)，然後在圖片上拖來出一個熱區，此時系統自動跳出「插入超連結」對話方塊(如圖4)。
圖4
4、在「網址」欄輸入要連結的網址(如「www.yesky.com」)；點選「螢幕提示」按鈕開啟「設定畫面超連結提示」對話框(如圖5)，輸入一些說明字元(如“天極網”)。
圖5
注意：此處的「螢幕提示」同Dreamweaver MX「替代」功能一樣。
4.同理，重複上述3、4步驟的操作，可以在圖片的不同部位建立多個熱區。