『壹』 Dreamweaver里怎麼做熱點鏈接
一、准備一張圖片。
准備一張需要給不同區域添加不同熱點的圖片。
二、插入圖片:
打開Dreamweaver,新建一個網頁,將圖片插入到頁面中。
三、找到地圖工具:
單擊滑鼠左鍵點擊圖片,這時候軟體下方的屬性面板就會變成和圖片相關的屬性,注意看左下角部分,如圖一中的紅色框內所示。
註:如果沒有上圖顯示的熱點地圖工具,是地圖工具屬性隱藏了,可以點擊屬性面板右側的三角符號打開,如下圖:
四、繪制熱點:
注意方塊、圓形、多邊形三個小圖標,它們就是我們要用的「圖片熱點」工具,不同的熱點工具可以繪制出不同形狀的熱點區域。
先點擊方塊按鈕,將滑鼠移動到圖片上,這時候滑鼠就變成了十字,在你想加鏈接的地方畫一個方塊。添加熱點後的圖片區域會出現一個淺藍色蒙版,意味著該區域已經添加了熱點。依次添加其他區域的熱點。
五、給熱點添加鏈接:
熱點區域畫好後,下面的屬性面板就會變成該熱點區域的屬性,如下圖:
「鏈接」就是點擊此處跳轉的鏈接地址;
「目標」就是點擊此處時窗口的打開方式;
「替換」就是滑鼠懸浮在該區域時提示的文字。一般使用"_blank",指超鏈接將在新窗口打開。
註:可以採用畫一個區域,添加對應的連接,也可以依次把所有的區域熱點畫完,然後點擊熱點區域,依次添加對應的連接。初學者建議一個一個的添加。
六、修改熱點:對熱點區域進行拖動或者局部調整
如果需要修改熱點區域,或者需要進行微調,如中國地圖添加熱點,不可能把所有的熱點區域都做到剛好覆蓋對應的區域,那就需要對已經添加熱點的區域進行調整。
點擊熱點區域,熱點區域四周會出現淺藍色的點。游標放在淺藍色的點,點擊滑鼠左鍵,即可調整熱點區域的大小。
七、對個圖片添加熱點:
如果一個頁面中有多個圖片需要添加熱點,那麼久需要給每一張圖片對應的熱點設置不同的熱點名稱,如圖示,地圖(M)處的文本框中的字元就是當前熱點的名稱。
可以使用map1、map2、map3。。。也可以使用不同圖片的內容對熱點進行命名,如top_map,foot_map,act_map。。。總之,不同圖片的熱點名稱不同即可。
八、熱點的原理
圖片通過usemap="#Map"屬性將名稱為"Map"的熱點區域及連接映射到圖片上。
熱點添加完畢後,查看頁面源代碼,你會發現在代碼最底下多出幾行內容,這些就是熱點生成的:
<img src="1.png" width="667" height="354" border="0"usemap="#Map"/>
<mapname="Map"id="Map">
<area shape="rect" coords="212,3,452,186" href="鏈接1" target="_blank" />
<area shape="poly" coords="674,190" href="鏈接2" />
<area shape="poly" coords="675,177" href="鏈接3" />
</map>
一般來說,圖片的usermap屬性對應的是map熱點的name的屬性值。所以如果頁面中如果有多個圖片添加熱點,那麼每一個圖片的usemap值跟對應的熱點地圖的name值一定要一樣,且不同的熱點區域name值不可以相同,如果相同,那麼圖片上的熱點區域將會以相同名稱的第一個熱點區域為准。
原文:http://jingyan..com/article/c275f6bac0eb22e33d75671b.html
『貳』 在DW里怎麼給圖片加熱點.
ps的切片,如果你已經切好了,對某一塊圖片加鏈接,在DW里可以選中圖片,在屬性里鏈接填上地址就行了。如果你要對圖片的一部分加鏈接,就選中圖片後在屬性的右下面角有各種形狀的熱點圖形,選上去填鏈接就好 了。
『叄』 在Dreamweaver中如何插入熱點
在dreamweaver中可以給圖片添加熱點。
1、在要添加熱點的圖片上點擊,點擊後軟體下方會顯示圖片機關屬性(左下部分「屬性」),會看到屬性面板上「水平邊距」這一行左邊有一些箭頭、方框、圓形、不規則多邊形,這些就是用來操作添加熱點的。
2、用上面的這些方框、圓形、多邊形去選擇你對應的圖片區域,比如你的圖片中要給一個圓形的部分加熱點,就用圓形,然後在你的選中的圖片上畫一個圓形,圈中對應加熱點的那部分
3、選中區域後就可以添加鏈接了,在些箭頭、方框、圓形這些的右上一點有兩行,一個是「鏈接」,一個是「目標」,鏈接就是你要添加的地址,目標是你想設置打開窗口的方式,一般選擇最上一個-blank,是表示在新窗口中打開。
基本這樣就算完成了,挺簡單的,如果還不清楚可以追問。
『肆』 dreamweaver cs5中對圖片添加熱點
你在「設計」里邊選中想加熱點的圖片,然後「窗口----屬性」,見下圖
『伍』 dreamweaver里的熱點創建怎麼做
方法/步驟
1.新建文檔里插入准備好的素材圖片。
『陸』 dreamweaver怎麼設置圖像熱點
首先選中需要添加鏈接的圖片,在軟體下方的屬性窗口中,可以看到「地圖」項。選擇任意某種形狀,並且在圖片中用滑鼠進行拖動,選中需要添加鏈接的部分,如下圖所示:
這樣就完成了設置圖像熱點鏈接的操作。
『柒』 DreamweaverCS3中如何製作熱點
熱點
必須存在於圖片之上,先在
文檔
里插入
一張圖片
。然後點選文檔中的圖片,左下角就有
熱點工具
了,點選熱點工具,在圖片上接就可以新建熱點了
『捌』 如何在Dreamweaver中做圖像熱區鏈接
1、打開Dreamweaver軟體,插入一張圖片ctrl+alt+I。
2、選中圖片,這時就會在下面出現關於圖片的屬性面板,在屬性面板的左下角會出現熱點工具。選擇工具直接在圖片上進行繪制。
3、繪制完成後就要進行添加連接的操作即可。
『玖』 Dreamweaver8怎麼繪制熱點啊
打開圖片文件,在屬性面板中,有不同形狀的圖像熱區按鈕,選擇一個熱區按鈕單擊。
然後在圖像上需要創建熱區的位置拖動滑鼠,即可創建熱區。此時,選中的部分被稱著圖像熱點。
選中這個圖像熱點,在屬性面板上可以給這個圖像熱點設置超鏈接即可。
『拾』 如何使用DW工具給圖片添加熱點
一、准備一張圖片。
准備一張需要給不同區域添加不同熱點的圖片。
二、插入圖片:
打開Dreamweaver,新建一個網頁,將圖片插入到頁面中。
三、找到地圖工具:
單擊滑鼠左鍵點擊圖片,這時候軟體下方的屬性面板就會變成和圖片相關的屬性,注意看左下角部分,如圖一中的紅色框內所示。
註:如果沒有上圖顯示的熱點地圖工具,是地圖工具屬性隱藏了,可以點擊屬性面板右側的三角符號打開,如下圖:
四、繪制熱點:
注意方塊、圓形、多邊形三個小圖標,它們就是我們要用的「圖片熱點」工具,不同的熱點工具可以繪制出不同形狀的熱點區域。
先點擊方塊按鈕,將滑鼠移動到圖片上,這時候滑鼠就變成了十字,在你想加鏈接的地方畫一個方塊。添加熱點後的圖片區域會出現一個淺藍色蒙版,意味著該區域已經添加了熱點。依次添加其他區域的熱點。
五、給熱點添加鏈接:
熱點區域畫好後,下面的屬性面板就會變成該熱點區域的屬性,如下圖:
「鏈接」就是點擊此處跳轉的鏈接地址;
「目標」就是點擊此處時窗口的打開方式;
「替換」就是滑鼠懸浮在該區域時提示的文字。一般使用"_blank",指超鏈接將在新窗口打開。
註:可以採用畫一個區域,添加對應的連接,也可以依次把所有的區域熱點畫完,然後點擊熱點區域,依次添加對應的連接。初學者建議一個一個的添加。
六、修改熱點:對熱點區域進行拖動或者局部調整
如果需要修改熱點區域,或者需要進行微調,如中國地圖添加熱點,不可能把所有的熱點區域都做到剛好覆蓋對應的區域,那就需要對已經添加熱點的區域進行調整。
點擊熱點區域,熱點區域四周會出現淺藍色的點。游標放在淺藍色的點,點擊滑鼠左鍵,即可調整熱點區域的大小。
七、對個圖片添加熱點:
如果一個頁面中有多個圖片需要添加熱點,那麼久需要給每一張圖片對應的熱點設置不同的熱點名稱,如圖示,地圖(M)處的文本框中的字元就是當前熱點的名稱。
可以使用map1、map2、map3。。。也可以使用不同圖片的內容對熱點進行命名,如top_map,foot_map,act_map。。。總之,不同圖片的熱點名稱不同即可。