1.阅读 如何使用DW工具给图片添加热点
http://jingyan.baidu.com/article/c275f6bac0eb22e33d75671b.html

需要软件: Adobe Dreamweaver

2.生成如下代码

<img src="../../../../装修模板/首页装修9.19/宝贝详情页.jpg" alt="1" width="790" height="162" border="0" usemap="#Map4">
<map name="Map4">
….
</map>

其中 ../../../../装修模板/首页装修9.19/宝贝详情页.jpg 是本地图片地址,放到网上图片是找不到的.所以需要继续操作.

3.把需要的图片上传到京东图片空间上,之后把图片地址复制出来,替换代码中的图片地址
http://imgzone.jd.com/imginfo/main.html
淘宝也有淘宝的图片空间
http://tadget.taobao.com/

替换完如下:

<img src="http://www.jd.com/url.jpg" alt="1" width="790" height="162" border="0" usemap="#Map4">
<map name="Map4">
….
</map>

4.之后在页面上添加一个基础模块中的自定义模块,之后切换到代码状态,把替换完的代码放进去保存.就完成了.

也可以用其他工具做
http://tool.xsheji.com/jd-tool/
http://tool.xsheji.com/shop-map/

下载DW http://rj.baidu.com/soft/detail/24405.html