《中文Frontpage2000开发使用手册（三十三）》中学生教育文学丛书.pdfVIP

下载 第33章 设计专业图形 33.1 图像映射 利用图像映射，设计者可采用一幅单独的图像，把它分为多个形状各异的区域。然后可以 把这些区域分别链接到不同的网页。 虽然这听起来很方便，而且图像映射在某些时候确实是 We b设计的重要部件，但实际的情 况是，在专业站点上出现的图像映射正变得越来越少。究竟是因为有了更成熟完善、更具吸引 力的技术，例如J a v a S c r i p t 鼠标移过技术，这一事实使图像映射逐渐变得落伍，还是因为对今 天We b站点的常规更新工作来说，映射方法过于死板了呢？这很难说清楚。 尽管发生了这些变化，与映射相关的技术和工具目前仍在流行，你肯定会希望在自己所掌 握的图形技巧中加上这项技术。 方法 图像映射有两种方法。旧方法是“服务器端映射”，它要求浏览器与服务器协作才能对图 像映射进行解释。 新方法，也是更受欢迎的方法，是“客户端映射”。这意味着浏览器自己就可以解释映射 的数据，而不必依赖于服务器。F r o n t P a g e可支持此方法。 客户端映射技术应该是首选，但因为一些早期的浏览器不支持它，所以很多人把两种技术 结合起来，以确保无论是哪种浏览器，访问者都能够使用图像映射。 1. FrontPage中的客户端映射 客户端映射既快捷又稳定，因为它们依靠浏览器对其进行解释。 整个过程是这样，选定一幅图像，然后在图像内选择称为热点的区域，并给它们分配链接。 “热点”是在图像内部带有超链接的一个区域。这些热点可以是圆形、矩形或多边形。 F r o n t P a g e允许你在图像上简单地把它们画出来即可完成热点的创建。 只要在网页中加载了图像，就可以创建图像映射。矩形热点也许是定义区域时最普通的方 法。按以下步骤创建一个矩形热点： 1) 单击图像将其激活。 2) 单击“图片”工具栏右端的“长方形热点”按钮。 3) 在图像内单击并拖动鼠标，创建一个长方形热点。出现“创建超链接”对话框。 4) 在“创建超链接”对话框内输入该链接的U R L或书签。 5) 单击“确定”按钮，完成此链接。 创建热点之后，可以把它们移动、改变大小或删除。如果只想看到热点而不想看到它下面 的图像，可以使用“图片”工具栏上的“突出显示热点”按钮。图 3 3 - 1显示了带有矩形、圆形 和多边形热点的图像。 注意 如果两个热点有重叠，重叠区域将链接到较晚创建的那个热点。 2. 服务器端映射 462 第六部分 为站点创建和采用图形 下载 图33-1 一幅带有三种预定义热点区域的图像 为了适应早期的浏览器，许多编程人员喜欢使用服务器端映射。这需要创建一个映射文件， 它包含了位置坐标。必须使用. m a p扩展名来保存该文件。 这类图像映射要更复杂一些，原因如下： 1) map文件必须驻留在服务器上。它也可能驻留在一个预先指定的地方，这取决于 I S P 。 无论是两者中的哪一个，你都必须弄清楚自己的 I S P会让你把这个映射保存在哪里，这将影响 到你编写H T M L输出的方法。 2) 映射文件有两种。一种是N C S A样式，另一种是 C E R N样式。典型情况下，你会希望使 用N C S A ，但一些服务器，例如微软的I I S ，则要求C E R N样式。再重复一次，把图像映射到服 务器上之前，必须与你的网络服务提供商接洽。 3) 由于服务器端映射依赖于C G I ，因此要求你从自己的I S P那里弄清楚映射实用程序的位 置和名称。 下面是N C S A 映射代码的一个例子： #contact info for phoenix office rect phoenix.html 86,173, 245,224 #click for tucson contact information rect tucson.html 152,245, 259,331 下面是C E R N格式的同样映射： rect(86，173) (245，224) phoenix.html rect(152，245) (259，