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

DW是一款非常不错的网页设计软件，下面为大家介绍使用DW工具给图片添加热点的方法。

材料/工具

Dreamweaver CS6图片

因为你图片在dw里面的大小跟在网页中不一样，而热点是根据图片中点的坐标进行定位的。所以。。错位很正常。你只能在dw慢慢调错位。

方法

首先，打开Dreamweaver CS6，新建一个html文档。

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

之后，编辑代码，用img标签在body中加入一张图片，如图所示。

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

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

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

在底部会弹出属性面板，选择“热点工具”，如图所示。

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

然后，在图片上画出热点的区域。

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

最后，在属性面板中输入要链接到的网址，如图所示，图片的热点就添加好了。

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

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

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

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

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

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

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

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

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

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

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

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

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

为什么我的dw软件的矩形热点工具怎么点都没反应？

我用的是英文版，最上面中间是code split design,

在design的右边有个小三角形，点击小三角形。

把Live切换成Design，就可以使用热点框工具了！！！！！！！！

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

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

用PS或DW做热点图怎么做。。

所谓的热点是在HTML中生成的，不是做图的时候做出来的。热点是要在编网页的时候用网页编写语言（比如HTML、PHP、JavaScript）来实现的

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:0731-84117792 E-MAIL:[email protected]