在页面制作当中,也许会碰到一张图片只能点击固定区域,不同位置进行页面跳转,那么可以考虑使用热点,介绍一个比较简单的方法之一。
1.打开Dreamweaver,添加一张图片;
<body>
<img src="images/body_bg.jpg" />
</body>
2.点击设计,进入设计模式;
3.单击图片,在底部选择矩形热点工具;
4.然后在你图片需要的地方进行绘制,绘制完毕后,在底部链接框里写入链接地址;
5.回到代码视图,最后把你制作完热点的代码复制到你代码当中。
<body>
<img src="images/body_bg.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="261,140,445,195" href="http://www.baidu.com" />
</map>
</body>