DIV CSS 佈局教程網

熱區（Hotspot）有時又稱之為熱點，是圖像上帶有超鏈接的一塊區域，它可以呈矩形、圓形、甚至還可以是多邊形。和文本超鏈接的情況一樣，當浏覽者將鼠標移動到熱點上時，鼠標會變成手形。

　　文本和圖像都可以在網頁上創建超級鏈接。一般情況下一個圖像只鏈接到一個目標。但是有時候一幅較大的圖片上有不同的小區域，不同的小區域的圖片要相應地鏈接到不同的目標上去，這樣就需要利用到熱區的功能。我們可以在這個大的圖像上相應的部分繪制多個熱區，然後將這些熱區分別鏈接到不同的目標文件之中就可以上述目的。在浏覽器中浏覽時，鼠標放到熱區時，鼠標變為手狀，單擊這些區域時會跳轉到不同的鏈接頁面上去。

　　下面我們以一幅圖片來具體說明熱區的概念。圖1所示的是一幅天柱山風景名勝區的風光圖片，在這幅圖片上有太平塔、天柱山主峰、九井河、龍潭河、黑虎瀑以及天柱山門幾個景點的小的圖像。

　　如果還有這幾個景點的詳細介紹的Html文件，那麼我們就可以在這六張小圖上繪制六個熱點，然後分別將它們鏈接到有這幾個景點詳細介紹的頁面上去。例如，我們將鼠標放置到太平塔的小圖片上去，這時候鼠標能夠變成手形，點擊一下鼠標就跳轉到了有太平塔景點詳細資料的頁面上去了。

　　下面我們具體講一講Fireworks中熱區的創建和使用方法。

圖1 天柱山風光圖

一、創建熱區

　　我們就以上面的天柱山風景圖為例來說明熱區的創建過程。

　　（1）首先如圖2所示在Fireworks中打開圖像。

圖2 在Fireworks中打開圖像