在一张图片上建立多个链接

1、下载安装dreamweaver8

2、把你要做的图片上传到你的淘宝图片空间里面（这个应该会吧~~）

3、到图片空间找到你刚才上传的图片，点击“链接”就会把这个图片的链接复制下来，如下图

4、打开dreamweaver8，如图点击“html”：

5、在你新建的html文件里面插入你刚才上传的图片，在dreamweaver8的左上角点击”插入→图像”：

6、完成第5步后就会看到下图，在红框里面输入你刚才复制的图片链接，然后点确定，再点确定…

7、这样图片就插入进来了：

8、点击图片（这点很重要，不点图片你是看不到这个属性的），注意看dreamweaver8下面的属性框，我用红线框出来了，如图：

9、看属性框，现在我们就要使用热点地图了，看到地图下面有几个图形了吧，有矩形、圆形、不规则图形：

10、现在我选择用矩形，在这一整张图片上画出第一个我要添加链接的产品，当你画完之后图片就会被一层透明的淡绿色覆盖，如图：

11、画好地图之后就是添加链接了噢，如图：写了编号①的地方在方框里面加入你响应的产品链接写了编号②的地方在方框里面选择打开的方式，建议选择“_blank”，意思是让你的链接在新的窗鄹绦谟嚣口中打开做好前面2步就完成第一个产品的链接就做好了，接下来做第二个，第三个……

12、所有产品的链接加完后的效果，如图：

13、接下来就是要放到淘宝里面去装修了，我们看到dreamweaver8的界面点击“代码”，你就会看到如下图的代码：

14、装修你的店铺，添加模块→选择自定义内容区→编辑→点击“源码”，如下图：

15、复制第13步里面所有的代码，粘贴到第14步的源码里面去，别忘了点确定哟！这样就大功告成了！