1、首先插入一张图片点击主菜单中的插入->图像->图像 。快捷键ctrl+alt+i
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f63148cc66ef4fcf5ef0d41b2.jpg)
2、第二个插入图像的方法就是在站点管理的文件中把图像直接拖到编辑区中放开鼠标即可
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/ab966c6b0ce265e7db1594cb9f23beb9773eb7b2.jpg)
3、插入图像成功后鼠标左键单击一下图像然后查看属相栏,如果没有打开属性栏可以点击窗口下的属性,快捷键ctrl+f3
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/ba97ffd06de89a617f3fb12045e8b004551badb2.jpg)
4、属性栏打开后在下面的区快就是热点地图的功能区,图像热点工具分别有矩形,椭圆和多边形工具,使用这些工具可以在图像上绘矩形热区,椭圆热区和多边形热区
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/d04eec260d9a310e1582199931b842406bfea2b2.jpg)
5、画一个矩形热区,单击图像在热点工具中点击矩形工具即地图下面的第二个图标
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/f0848bee41c1b727a048f63b1a2ca5cadde898b2.jpg)
6、点击好工具后在图像上拖动鼠标绘制出一个矩形图。松开鼠标时会弹出一个提示框点击确定即可
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/906dbbcadce8904812e78744130e5f20427192b2.jpg)
7、画好之后填写热区的相关信息,地图:填写当前热区的名称,链接:鼠标点击时跳转的链接
![Dreamweaver网页制作:[10]图像热区链接](https://exp-picture.cdn.bcebos.com/76b6860e5f20437148c0c693323acd8921c58fb2.jpg)