热点链接
热点链接也叫图像映射,属于另一种形式的超链接。是一个能对链接指示作出反应的图形或文本框。单击该图形或文本框的已定义区域,可转到与该区域相链接的目标 (URL)。在图像内划分的不同区域叫做“热点”,其功能和超链接相同,单击这些“热点”可以实现目标跟踪、访问。热点的最大用途就是在地图中使用。当鼠标移向不同的部位时,其链接也会发生相应的变化,此项技术我们称之为“热点链接”。
热点链接(或称为)图像映射分为两种类型:在从 Internet 装入图形的客户机上进行处理的,称为客户端图像映射;在向 Internet 提供 HTML 页面的服务器计算机上进行处理的,称为服务器端图像映射。在服务器处理中,单击某个图像映射会将该图像中光标的相对坐标发送到服务器,并由服务器上的专用程序作出相应的反应。在客户端处理中,单击图像映射的已定义热点将激活 URL,这与单击了普通文本链接的效果类似。当鼠标指针移到图像映射上时,会在指针下方显示 URL。
图像映射基本分为在服务器上(即 Internet 提供商)分析及在客户电脑中的 Web 浏览器上分析两种。
客户端图像映射
现代型的客户端图像映射在服务器端没有那么复杂。鼠标移到图片或框架区域上时,链接的 URL 的外观会指示读者是否可以单击此区域。图像映射存储在图片的下一层,含有引用区域的相关信息。客户端图像映射唯一的缺点是,不能在早期的 Web 浏览器上对其进行访问,不过这个问题会随着时间推移而自行解决。
服务器端图像映射
服务器端页面图像映射显示给读者的部分为页面上的图像或框对象。在图像映射上单击鼠标后,光标的相对位置坐标将被发送到服务器。然后服务器会通过一个专用程序来确定要执行的下一个步骤。
如何在Dreamweaver3中制作出此“一图多链”的热点链接效果:
DreamWeaver是MacroMedia公司出品的一个所见即所得的网页制作工具,它提供了非常强大的主页制作功能,而且使用起来非常的顺手、方便,目前正日益成为专业及业余网页制作人员的首选,在其最新版3.0中,有关“热点”的制作较2.0版又更为方便了些。
(一)、制作步骤 1、选择“Insert”->“Image”插入一张图片,使用鼠标左键单击选中此图片,此时可在“属性”控制面板中看到此图片的相关特性(可通过“Window”->“Properties”来打开/关闭“属性”控制面板)。 2、初次使用“属性”控制面板时其默认为“简化”形式,单击右下方的向下箭头可打开其扩展属性模式,此时可见到左下方“Map”的相关工具。 3、DM3提供了矩形、圆、多边形等三种热点图形方式,使用鼠标左键单击选择其中一种,此时将鼠标移至图片其光标将变为细十字光标,单击之后拖动鼠标就可画出一淡蓝色热点区域,此时“属性”窗口内容也随之变化,在“Link”中输入链接的目标页地址(或单击其后打开按钮选择文件),“Target”为新页面的打开方式,“Alt”为此热点的文字说明,这样,一个热点链接就算制作完成,依此类推可制作出任意多热点链接。 (二)、修改与删除 若对所建的热点链接不满意,我们也可以任意修改或删除。选中图片“属性”窗口“map”中的箭头,指向已建热点区域并单击即可选中它(四周出现节点),然后指向中部按住不放并拖动鼠标可将此热点图形移至图片的任意位置,从而重新调整图片的热点链接部位;选中热点区域后将鼠标指向节点,此时可见鼠标箭头变为黑色,单击后拖动可改变此热点区域的大小;单击“DEL”键可删除所选的热点链接。