熱點連結

熱點連結也叫圖像映射,屬於另一種形式的超連結。是一個能對連結指示作出反應的圖形或文本框。單擊該圖形或文本框的已定義區域,可轉到與該區域相連結的目標 (URL)。在圖像內劃分的不同區域叫做“熱點”,其功能和超連結相同,單擊這些“熱點”可以實現目標跟蹤、訪問。熱點的最大用途就是在地圖中使用。當滑鼠移向不同的部位時,其連結也會發生相應的變化,此項技術我們稱之為“熱點連結”。

熱點連結也叫圖像映射,屬於另一種形式的超連結。是一個能對連結指示作出反應的圖形或文本框。單擊該圖形或文本框的已定義區域,可轉到與該區域相連結的目標 (URL)。在圖像內劃分的不同區域叫做“熱點”,其功能和超連結相同,單擊這些“熱點”可以實現目標跟蹤、訪問。熱點的最大用途就是在地圖中使用。當滑鼠移向不同的部位時,其連結也會發生相應的變化,此項技術我們稱之為“熱點連結”。
熱點連結(或稱為)圖像映射分為兩種類型:在從 Internet 裝入圖形的客戶機上進行處理的,稱為客戶端圖像映射;在向 Internet 提供 HTML 頁面的伺服器計算機上進行處理的,稱為伺服器端圖像映射。在伺服器處理中,單擊某個圖像映射會將該圖像中游標的相對坐標傳送到伺服器,並由伺服器上的專用程式作出相應的反應。在客戶端處理中,單擊圖像映射的已定義熱點將激活 URL,這與單擊了普通文本連結的效果類似。當滑鼠指針移到圖像映射上時,會在指針下方顯示 URL。
圖像映射基本分為在伺服器上(即 Internet 提供商)分析及在客戶電腦中的 Web 瀏覽器上分析兩種。
客戶端圖像映射
現代型的客戶端圖像映射在伺服器端沒有那么複雜。滑鼠移到圖片或框架區域上時,連結的 URL 的外觀會指示讀者是否可以單擊此區域。圖像映射存儲在圖片的下一層,含有引用區域的相關信息。客戶端圖像映射唯一的缺點是,不能在早期的 Web 瀏覽器上對其進行訪問,不過這個問題會隨著時間推移而自行解決。
伺服器端圖像映射
伺服器端頁面圖像映射顯示給讀者的部分為頁面上的圖像或框對象。在圖像映射上單擊滑鼠後,游標的相對位置坐標將被傳送到伺服器。然後伺服器會通過一個專用程式來確定要執行的下一個步驟。
如何在Dreamweaver3中製作出此“一圖多鏈”的熱點連結效果:
DreamWeaver是MacroMedia公司出品的一個所見即所得的網頁製作工具,它提供了非常強大的主頁製作功能,而且使用起來非常的順手、方便,目前正日益成為專業及業餘網頁製作人員的首選,在其最新版3.0中,有關“熱點”的製作較2.0版又更為方便了些。
(一)、製作步驟 1、選擇“Insert”->“Image”插入一張圖片,使用滑鼠左鍵單擊選中此圖片,此時可在“屬性”控制臺中看到此圖片的相關特性(可通過“Window”->“Properties”來打開/關閉“屬性”控制臺)。 2、初次使用“屬性”控制臺時其默認為“簡化”形式,單擊右下方的向下箭頭可打開其擴展屬性模式,此時可見到左下方“Map”的相關工具。 3、DM3提供了矩形、圓、多邊形等三種熱點圖形方式,使用滑鼠左鍵單擊選擇其中一種,此時將滑鼠移至圖片其游標將變為細十字游標,單擊之後拖動滑鼠就可畫出一淡藍色熱點區域,此時“屬性”視窗內容也隨之變化,在“Link”中輸入連結的目標頁地址(或單擊其後打開按鈕選擇檔案),“Target”為新頁面的打開方式,“Alt”為此熱點的文字說明,這樣,一個熱點連結就算製作完成,依此類推可製作出任意多熱點連結。 (二)、修改與刪除 若對所建的熱點連結不滿意,我們也可以任意修改或刪除。選中圖片“屬性”視窗“map”中的箭頭,指向已建熱點區域並單擊即可選中它(四周出現節點),然後指向中部按住不放並拖動滑鼠可將此熱點圖形移至圖片的任意位置,從而重新調整圖片的熱點連結部位;選中熱點區域後將滑鼠指向節點,此時可見滑鼠箭頭變為黑色,單擊後拖動可改變此熱點區域的大小;單擊“DEL”鍵可刪除所選的熱點連結。

相關詞條

熱門詞條

聯絡我們