如何使用DW工具给图片添加热点

一、准备一张图片。

准备一张需要给不同区域添加不同热点的图片。

二、插入图片：

打开Dreamweaver，新建一个网页，将图片插入到页面中。

三、找到地图工具：

单击鼠标左键点击图片，这时候软件下方的属性面板就会变成和图片相关的属性，注意看左下角部分，如图一中的红色框内所示。

注：如果没有上图显示的热点地图工具，是地图工具属性隐藏了，可以点击属性面板右侧的三角符号打开，如下图：

四、绘制热点：

注意方块、圆形、多边形三个小图标，它们就是我们要用的“图片热点”工具，不同的热点工具可以绘制出不同形状的热点区域。

先点击方块按钮，将鼠标移动到图片上，这时候鼠标就变成了十字，在你想加链接的地方画一个方块。添加热点后的图片区域会出现一个浅蓝色蒙版，意味着该区域已经添加了热点。依次添加其他区域的热点。

五、给热点添加链接：

热点区域画好后，下面的属性面板就会变成该热点区域的属性，如下图：

“链接”就是点击此处跳转的链接地址；

“目标”就是点击此处时窗口的打开方式；

“替换”就是鼠标悬浮在该区域时提示的文字。一般使用"_blank"，指超链接将在新窗口打开。

注：可以采用画一个区域，添加对应的连接，也可以依次把所有的区域热点画完，然后点击热点区域，依次添加对应的连接。初学者建议一个一个的添加。

六、修改热点：对热点区域进行拖动或者局部调整

如果需要修改热点区域，或者需要进行微调，如中国地图添加热点，不可能把所有的热点区域都做到刚好覆盖对应的区域，那就需要对已经添加热点的区域进行调整。

点击热点区域，热点区域四周会出现浅蓝色的点。光标放在浅蓝色的点，点击鼠标左键，即可调整热点区域的大小。

七、对个图片添加热点：

如果一个页面中有多个图片需要添加热点，那么久需要给每一张图片对应的热点设置不同的热点名称，如图示，地图（M）处的文本框中的字符就是当前热点的名称。

可以使用map1、map2、map3。。。也可以使用不同图片的内容对热点进行命名，如top_map,foot_map,act_map。。。总之，不同图片的热点名称不同即可。

一个单独的图片能有链接？呵呵……这问题提的可爱！

两种方法：1、如果你是用Macromedia Dreamweaver 8，单击网页布局中的图片，为图片加热点，然后再添加链接；

2、用FLASH软件做出.swf格式的文件，添加一个按钮，然后把按钮拖到图层中，再切换到动作布局，添加on (release)

{

getURL("http://www.baidu.com", "_blank")

}

点击导出来的.swf文件就会转到百度首页了。

一、在Dreamweaver

MX中为图片建立热区

1、启动Dreamweaver

MX（其他版本请仿照 *** 作），打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态（如图1）。

2、选中一种热区类型（如“椭圆”），然后在图片上拖来出一个热区来（参见图1）

注意：热区相当于是在图片上增加了一个图形层，象调整图片一样，可以通过鼠标调整热区的大小和位置。

3、在“链接”右边的方框中输入要链接的网址（如“

http://www.yesky.com

”）；在“替代”后面的方框中输入一些说明字符（如“天极网”）；按“目标”右边的下拉按钮，在随后出现的下拉列表中选择一种链接页面的打开方式（如需要让链接的页面在新窗口中打开，就选择“_blank”选项）。

注意：“替代”方框中输入的字符，在以后浏览网页时，当鼠标指向该热区时，在页面上会显示出该字符（如图2）。

4、重复上述2、3步的 *** 作，在图片的不同部位建立多个热区。

在FrontPage2003中为图片建立热区

1、启动FrontPage2003，打开需要建立图片热区的网页文件。

2、执行“视图→工具栏→图片”命令，展开“图片”工具栏

3、选中一种热区类型（如“长方形”），然后在图片上拖来出一个热区，此时系统自动d出“插入超链接”对话框

4、在“地址”栏上输入要链接的网址点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框，输入一些说明字符

注意：此处的“屏幕提示”同Dreamweaver

MX“替代”功能一样。

4、同理，重复上述3、4步的 *** 作，可以在图片的不同部位建立多个热区。

---