图片热点超链接

对图片的局部区域加超链接，该怎么做呢？这里的难点在于坐标的确定，此时需要用到Dreamweaver。

​​

​​

上图中，切换到“设计”标签，然后：

​​

​​

上图中，点击菜单栏​​插入-图像​​，导入图片：

​​

​​

，在图片上点击右键，选择​​属性​​，弹出属性面板：

​​

​​

上图中，我们可以利用红框部分的​​地图​​​绘制需要添加超链接的区域。箭头处表示的是要链接到的文件。蓝框部分表示打开新页面的方式，蓝狂部分的​​new​​​是没有下划线的，它和​​_blank​​的含义是一样的。

​​

​​ 局部区域的热点设置完毕后，上图显示，红框部分就是多出的代码，也正是我们需要的代码。多出的代码如下：

<img src="file:///C|/Users/smyhvae/Desktop/html/1.jpg" alt="" width="488" height="730" usemap="#Map"/>
<map name="Map">
  <area shape="circle" coords="227,374,63" href="file:///C|/Users/smyhvae/Desktop/html/网页2.html" target="_blank">
</map>

上方代码中，第一行的​​usemap="#Map"​​​表示我要引用名为​​Map​​的地图。 然后第02至第04行就给出了地图的定义。