導航:首頁 > 圖片大全 > 如何設置圖片熱點並在新窗口打開

如何設置圖片熱點並在新窗口打開

發布時間:2023-07-08 23:56:28

如何使用DW工具給圖片添加熱點

一、准備一張圖片。
准備一張需要給不同區域添加不同熱點的圖片。
二、插入圖片:
打開Dreamweaver,新建一個網頁,將圖片插入到頁面中。

三、找到地圖工具:
單擊滑鼠左鍵點擊圖片,這時候軟體下方的屬性面板就會變成和圖片相關的屬性,注意看左下角部分,如圖一中的紅色框內所示。
註:如果沒有上圖顯示的熱點地圖工具,是地圖工具屬性隱藏了,可以點擊屬性面板右側的三角符號打開,如下圖:

四、繪制熱點:
注意方塊、圓形、多邊形三個小圖標,它們就是我們要用的「圖片熱點」工具,不同的熱點工具可以繪制出不同形狀的熱點區域。
先點擊方塊按鈕,將滑鼠移動到圖片上,這時候滑鼠就變成了十字,在你想加鏈接的地方畫一個方塊。添加熱點後的圖片區域會出現一個淺藍色蒙版,意味著該區域已經添加了熱點。依次添加其他區域的熱點。

五、給熱點添加鏈接:
熱點區域畫好後,下面的屬性面板就會變成該熱點區域的屬性,如下圖:

「鏈接」就是點擊此處跳轉的鏈接地址;
「目標」就是點擊此處時窗口的打開方式;
「替換」就是滑鼠懸浮在該區域時提示的文字。一般使用"_blank",指超鏈接將在新窗口打開。
註:可以採用畫一個區域,添加對應的連接,也可以依次把所有的區域熱點畫完,然後點擊熱點區域,依次添加對應的連接。初學者建議一個一個的添加。
六、修改熱點:對熱點區域進行拖動或者局部調整
如果需要修改熱點區域,或者需要進行微調,如中國地圖添加熱點,不可能把所有的熱點區域都做到剛好覆蓋對應的區域,那就需要對已經添加熱點的區域進行調整。
點擊熱點區域,熱點區域四周會出現淺藍色的點。游標放在淺藍色的點,點擊滑鼠左鍵,即可調整熱點區域的大小。

七、對個圖片添加熱點:
如果一個頁面中有多個圖片需要添加熱點,那麼久需要給每一張圖片對應的熱點設置不同的熱點名稱,如圖示,地圖(M)處的文本框中的字元就是當前熱點的名稱。
可以使用map1、map2、map3。。。也可以使用不同圖片的內容對熱點進行命名,如top_map,foot_map,act_map。。。總之,不同圖片的熱點名稱不同即可。

閱讀全文

與如何設置圖片熱點並在新窗口打開相關的資料

熱點內容
高清桃子麵包圖片 瀏覽:847
美元大全圖片 瀏覽:244
瘦人如何搭配衣服圖片 瀏覽:180
怡寶礦泉水圖片大全 瀏覽:889
李智恩圖片高清 瀏覽:646
女生穿的背帶褲的圖片 瀏覽:868
歐美風圖片男生頭像 瀏覽:299
短發染色發型圖片 瀏覽:466
學扎頭發簡單發型圖片 瀏覽:965
好看的山景海景圖片高清 瀏覽:536
word插入的圖片列印出來不清楚 瀏覽:212
女生背包的圖片大全 瀏覽:262
六年級英語思維導圖圖片簡單又漂亮人教版 瀏覽:901
女生真人古裝圖片大全圖片大全 瀏覽:538
手機如何把圖片調成黑白線條 瀏覽:521
word文檔怎麼把圖片調整到右邊 瀏覽:688
希望還能再遇到文字圖片 瀏覽:759
上房圖片動漫 瀏覽:496
男生拿紅傘的圖片 瀏覽:1003
單眼皮的男生適合什麼眉毛圖片 瀏覽:907