- 打开Dreamweaver软件,插入一张图片ctrl+alt+I,这里就简单的以一张图片为例进行介绍,因为内容很简单,大家学会了以后可以在自己的网站中进行应用就可以了。
- 选中图片,这时就会在下面出现关于图片的属性面板,在属性面板的左下角就是我们需要使用的工具——热点工具。
- 热点工具介绍。
第一个是矩形热点工具,第二个是圆形热点工具,第三个地多边形热点工具。不同的图形使用不同的工具,对于地图来讲,如果我们制作的热点需要精确的话就是用多边形热点工具即可。
选择工具直接在图片上进行绘制。
- 绘制完成后就要进行添加连接的操作,添加的链接又有很多种。下面简单的介绍最常用的常用的几种情况。
锚点链接。如果我们的网页添加了锚点并且制作的链接想要链接到锚点上的话就直接在链接地址中输入#加锚点的名即可。
- 链接到站内网页。我们做一个网站不可能只做一张网页,肯定会有很多的网页组成一个网站,那么我们要向将热点链接到站内的网页上。
选择链接地址后面的指向文件,将指针拖动到你要连接的网页上即可。保存,按下F12键进行预览即可。
- 链接到站外,比如我们直接将热点链接到学做网站论坛之外的网站上,可以在链接中直接输入地址就可以了,注意的是地址中一定要与http://开头。输入地址后选择目标的打开方式,然后保存,预览即可。