一、准备一张图片。 准备一张需要给不同区域添加不同热点的图片。 二、插入图片： 打开Dreamweaver，新建一个网页，将图片插入到页面中。 三、找到地图工具： 单击鼠标左键点击图片，这时候软件下方的属性面板就会变成和图片相关的属性，注意看

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

材料/工具

Dreamweaver

这位网友你好，你可以用实时视图的时候同时用代码模式或拆分模式，如果用设计模式那是不能编辑的，建议用拆分模式。不要点击实时视图，这样就不会有变成灰色了！！！

方法

打开DW

新建一个html文档。

图片首先要上传到淘宝的图片空间，然后复制淘宝空间这张图片的链接，替换掉DW里面的图片路径，就显示了

会自动生成一些代码

插入图片后， 鼠标点击图片， 打开“属性”面板， 里面有个“地图”选项， 就是热区了

然后在body中加入一张图片，用img标签。

先在DW里添加好图片,然后点击图片 在DW底下的"属性" 会看到 有画方 画圆的 这个就是添加热点链接 如:直接用画方工具 在你刚才点击的图片里 画一个框 "属性"就会出现你所画区式的链接

点击“设计”

你标注的图片左下角有一个地图指标一样的选项，如图我标注的地方，点击就可以选择热点区域 自己框选

图片上右击，在弹出的菜单中选择“属性”。

[网业制作] 为什么我一用矩形热点工具给图片加链接后..然后按F12测试 图片怎么都变化开了 中间都有空白区域这是什么问题 怎么解决呀`？

选择自己需要的“热点工具”

1、插入图片后，选中图片，软件的下方属性面板的左边会出现一个箭头和三个小图形（矩形、圆形、多边形），这就是热点工具。 2、如果选中图片属性栏里还不骨热点工具，则是因为属性栏折叠隐藏了，只需在属性栏空白处双击即可出现（点击属性栏右下

然后在图片上画出热点的区域即可，注意图片要写alt属性。

ps的切片，如果你已经切好了，对某一块图片加链接，在DW里可以选中图片，在属性里链接填上地址就行了。如果你要对图片的一部分加链接，就选中图片后在属性的右下面角有各种形状的热点图形，选上去填链接就好 了。

画好区域之后，在属性面板中输入要链接到的网址即可。

链接直接用#号即可，不要其他内容就只有一个#，链接打开方式不要用新建窗口，直接默认

再按F12预览，点击热点区域，就可以跳转到指定的链接了

其实楼主大可以不用添加透明形式的东西。 如果楼主是使用img标签只要在CSS选择的时候在class选择的后面加上事件选择器":hover" 并为该样式添加"border:1px solid #000;"即可 那么伴随着border的厚度，可能会使该模型位置产生偏移 只需再添加"mar

扩展阅读，以下内容您可能还感兴趣。

在DW里怎么给图片加热点.

ps的切片，如果你百已经切好了，对某一块图片加链接，在DW里可以度选中图片，在属性里链接填上地址就行了。如果你问要对图片的一部分加链接答，就选中图片后在属内性的右下面角有各种形状的热点图形，选上去填链接就好容 了。

DW。图片上画热点，返回顶部功能要怎么添加

链接直接用#号即可，不要其他内容就只有一个#，链接打开方式不要用新建窗口，直接默认

在DW里面编辑网页代码 怎么实现添加热点的时候 生成以后 把鼠标移动到图片上 有一种选中的效

其实楼主大可以不用添加透明形zhidao式的东西。

如果楼主是使用img标签只要在CSS选择的时候在class选择的后面加上事件选择器":hover"

并为该样式添加"border:1px solid #000;"即可

那么伴随着border的厚度，可能会使该模型位置产生偏移

只需再添加"margin:-1 0 0 -1;"即可。

希望得到楼主的选中，如有其他问题可回复我，我会为你解答更多追问追答追问能再详细点吗能再具体一点吗追答class:hover{}这里的:hover就是楼主想要的是热点选择。

只需要在花括号里写鼠标悬停时楼主想实现的效果即可。

写好之后鼠标停在对应的dom元素上时就会有:hover里写的效果，鼠标不悬停在上面的时候，不会读取:hover的效果。

dreamweaver绘制了表格插入背景图片后如何添加热点区域？

热点区域是在图片上面做的，如果你的图片做成了背景，那么是不可以添加热点区域的。

你可以抠图，让需要做链接的地方抠出来，其他的地方做背景。

用dreamweaver在一个图片上添加多个热点之后，怎么上传到淘宝主页上

淘宝商品编辑支持代码编辑的啊！你仔细看下，应该是有的。直接将代码粘贴进去，图片的路径写对就可以了.