用ＦｒｏｎｔＰａｇｅ做图像热点统一教学网

你的位置：首页 > 网页高手 > FrontPage > 用ＦｒｏｎｔＰａｇｅ做图像热点

	网页高手
	Dreamweaver FrontPage Javascript HTML CSS XML 心得技巧 DHTML

用ＦｒｏｎｔＰａｇｅ做图像热点

日期：2001-1-12 9:57:00
出处：电脑报
作者：陈雪飞

{ 当你在网上冲浪的时候，一定见过这种网页效果：有一幅世界地图，当你用鼠标点击了亚洲区域时，就会进入介绍亚洲的网页；而当你用鼠标点击欧洲区域时，进入的则是关于欧洲内容的网页。这种效果确实不错，很吸引人。也许你要问了，这种效果是怎样实现的呢？

其实这种效果实际上是利用建立几个图像热点，然后再把每个热点链接到不同的网页的方式来实现的，这就是我们通常所说的图像映射链接。所谓图像映射链接指的是一个包括多个链接的单个图像，每个链接分别与一个区域相关联，这个特定区域我们常称之为热点。用鼠标单击热点的位置，就会转到链接所指向的目标页面。在页面中使用图像映射链接，图像中的热点区域必须清晰、明显。以便访问者能顺利地通过热点进入相应的页面。

下面我们就以上述的地图效果为例，详细介绍怎样利用ＦｒｏｎｔＰａｇｅ２０００来实现这种图像映射链接的效果。

第一步：打开ＦｒｏｎｔＰａｇｅ２０００，在普通页面的适当位置插入你事先准备好的图片。用鼠标单击图片，这时你会发现在编辑区的下方出现了一排图像编辑工具栏，在这个效果中我们所用到的是图像编辑工具栏上的形状工具。（如图１）

第二步：在工具栏的左侧有三个形状工具，从左至右分别是：矩形形状工具、圆形形状工具和多边形形状工具，在这里我们选择多边形形状工具（这是因为各大洲交接处的地形很复杂，如果简单地用矩形和圆形不容易区分开洲界）。首先用鼠标在工具条上选中多边形形状工具，这时如果把鼠标移到图片上就会变成一只铅笔的形状。接着我们把这只“铅笔”移动到世界地图的亚洲位置处，在亚洲边界的任意地方单击鼠标左键，移动鼠标到另一个位置并点击左键，就会画出一条线段。然后，你移动鼠标到另一个位置并点击左键就会接着第一条线段画出第二条线段。依次下去就可以绕着亚洲边界画出一个与亚洲的地理形状大致一样的多边形，这个多边形的内部也就是我们定义的图像热点（如图２）。不过要注意最后点击鼠标左键的位置要与多边形的起始位置重合，这样才会形成封闭的区域，而且此时松开鼠标左键后才会弹出一个编辑超链接的对话框。我们只要找到热点所要链接的目标网页文件。之后，点击“确定”按钮就ＯＫ了。这样，一个图像热点就完成了。

第三步：按照上面的步骤，以同样的方法，分别把其余几个洲的图像热点链接一一做好。这样，一幅关于世界地图的图像映射链接就完成了。存盘后，我们可以用浏览器看一下这个效果。试试看，是不是跟本文开头介绍的一样：当你用鼠标移到亚洲的位置时，鼠标会变成手的形状，此时点击鼠标左键，你就会进入一个关于亚洲内容的网页（如图３）。

打印本文 |

推荐朋友 |

收藏文章 |

关闭窗口