大家在打開(kāi)帶有圖片的網(wǎng)頁(yè)時(shí)，有時(shí)會(huì)看到這樣的情況：當(dāng)鼠標(biāo)指向圖片的不同部位時(shí)，可以打開(kāi)不同的超鏈接，這種技術(shù)我們稱(chēng)之為―網(wǎng)頁(yè)圖片熱區(qū)。

　　下面我們以Dreamweaver MX和FrontPage 2003為例，來(lái)看看網(wǎng)頁(yè)圖片熱區(qū)的具體建立過(guò)程。

　　一、在Dreamweaver MX中為圖片建立熱區(qū)

　　1、啟動(dòng)Dreamweaver MX(其他版本請(qǐng)仿照操作)，打開(kāi)需要建立圖片熱區(qū)的網(wǎng)頁(yè)文件，選中相應(yīng)的圖片，此時(shí)“屬性”面板自動(dòng)切換到“圖片屬性”狀態(tài)(如圖1)。

　　2、選中一種熱區(qū)類(lèi)型(如“多邊形”)，然后在圖片上依次點(diǎn)出一個(gè)熱區(qū)來(lái)(參見(jiàn)圖1)

圖1

　　注重：熱區(qū)相當(dāng)于是在圖片上增加了一個(gè)圖形層，象調(diào)整圖片一樣，可以通過(guò)選擇工具調(diào)整熱區(qū)的大小和位置。

在一頁(yè)中有多個(gè)圖像地圖時(shí)，要注重不同的地圖名字。另外假如不是非凡復(fù)雜的圖形鏈接時(shí)，要盡量少用圖像地圖來(lái)加鏈接。

　　3、在“鏈接”右邊的方框中輸入要鏈接的網(wǎng)址(如“http://www.yesky.com”)；在“替代”后面的方框中輸入一些說(shuō)明字符(如“天極網(wǎng)”)；按“目標(biāo)”右邊的下拉按鈕，在隨后出現(xiàn)的下拉列表中選擇一種鏈接頁(yè)面的打開(kāi)方式(如需要讓鏈接的頁(yè)面在新窗口中打開(kāi)，就選擇“_blank”選項(xiàng))。

　　注重：“替代”方框中輸入的字符，在以后瀏覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)指向該熱區(qū)時(shí)，在頁(yè)面上會(huì)顯示出該字符(如圖2)。

圖2

　4、重復(fù)上述2、3步的操作，在圖片的不同部位建立多個(gè)熱區(qū)。

　　二、在FrontPage2003中為圖片建立熱區(qū)

　　1、啟動(dòng)FrontPage2003，打開(kāi)需要建立圖片熱區(qū)的網(wǎng)頁(yè)文件。

　　2、執(zhí)行“視圖→工具欄→圖片”命令，展開(kāi)“圖片”工具欄(如圖3)

圖3

　　3、選中一種熱區(qū)類(lèi)型(如“長(zhǎng)方形”)，然后在圖片上拖來(lái)出一個(gè)熱區(qū)，此時(shí)系統(tǒng)自動(dòng)彈出“插入超鏈接”對(duì)話(huà)框(如圖4)。

圖4

　　4、在“地址”欄上輸入要鏈接的網(wǎng)址(如“www.yesky.com”)；點(diǎn)擊“屏幕提示”按鈕打開(kāi)“設(shè)置屏幕超鏈接提示”對(duì)話(huà)框(如圖5)，輸入一些說(shuō)明字符(如“天極網(wǎng)”)。

圖5

　　注重：此處的“屏幕提示”同Dreamweaver MX“替代”功能一樣。

　　4、同理，重復(fù)上述3、4步的操作，可以在圖片的不同部位建立多個(gè)熱區(qū)。