计算机教程 第14章创建客户端图像地图.pdfVIP

下载 第14章 创建客户端图像地图 本章内容： • 图像地图概述 • 使用Image Map Editor( 图像地图编辑器) • 创建服务器端图像地图 • D r e a m w e a v e r技术：创建图像地图互动效果 从其本质而言，H T M L 图像是矩形的。尽管用户可以将一个矩形图形的部分变成透明，从 而使其成为一个不规则形状的图片，但图像本身—以及它的可单击区域—仍是一个矩形。 对于更为复杂的相互重叠的图像，如果用户要使一个图片的几个不同的区域实现链接，而不是 整个图形，则需要一个图像地图。 Dreamweaver 3 已经将图像地图工具移至前方中心位置，用户可以方便地在 D o c u m e n t (文 档) 窗口之下绘制，管理热点上的图形。这种可视化图像地图工具的出现可以使用户更方便地 进行各项热点操作。从另一方面讲，这样做还有一个重要的好处：用户可以在热点上添加自己 喜欢的东西。 本章将介绍D r e a m w e a v e r热点工具，同时也会介绍用于创建服务器端图像地图和互动图像 地图的更为先进的技术。 14.1 客户端图像地图 作为一个接近实际的图像地图的例子，想象一下在 We b页上使用一个美国地图。假设你想 单击每个州，就可以链接到站点上的不同页面上。你要如何进行呢？除了科罗拉多和怀俄明， 所有的州都有相当不规则的形状，所以用户不能使用矩形图像的典型的肩并肩排列方式。用户 需要在图形上指定一个区域，并且指定到这个区域的链接，这就是图像地图所代表的。 有两种不同类型的图像地图：客户端和服务器端。在服务器端图像地图下，所有的地图数 据都保存在服务器中的一个文件中。当用户单击图像上的一个特殊点时，这里通常指的是一个 热点，服务器会将单击点的坐标和图像地图数据相比较。如果坐标符合，服务器就会加载相应 的链接。服务器端图像地图的主要优点在于，它可以使用任何可以浏览图像的浏览器。缺点在 于，它要耗费更多的服务器处理资源并且比客户端版本要慢。 另一方面，在客户端图像地图下，所有下载至浏览器中的数据都保存在网页中。比较过程 是一样的，只是它还需要一个支持图像地图的浏览器。最初，只有服务器端图像地图可以实现。 直到Netscape Navigator 2.0 发布后，客户端图像地图也成为一个选项。M i c r o s o f t开始在I n t e r n e t Explorer 3.0下支持客户端图像地图。现在网络上使用的绝大多数图像地图都是客户端的，服务 器端的图像地图仅被应用与特定的目的。 在H T M L 中，客户端图像地图有两个部分。在标识 i m g 中，D r e a m w e a v e r包含一个 v s e m a p = m a p n a m e 属性。m a p n a m e 数值指的是图像地图的 H T M L 的第二部分，即标识 m a p 。 创建一个图像地图的首要的步骤之一就是给其一个独特的名称。 D r e a m w e a v e r在此地图名称下 存储所有的地图数据。下面是一个有三个热点的图像地图的代码： img src=images/imagemap.jpg width=640 height=480 ¬ 278第一第三部分一提供高级H T M L 支持 下载 u s e m a p = # n a v b a r / p map name=”navbar” area shape=polycoords=166,131, 165,131,160,143,164,179,127, 180,143,200, 156, 203, 118,229,119,¬ 2 3 6 , 1 5 8 , 2 2 9 , 1 7 7 , 2 1 7 , 1 9 9 , 2 3 8 , 2 1 2 , 2 4 7 , 2 2 0 , 2 4 2 , 1 9 6 , 2 0 3 , 2 3 2 , 1 9 0 , 2 4 1 , 1 8 9 , 2 4 1 , 1 8 2 , ¬ 223,177,185,182,175,134,166,132” href=”/starpro.html” alt=”High Risk Funds”