图像映像和热区.pdfVIP

下载 第18章 图像映像和热区 超级链接是网页中最为重要的部分，单击文档中的超级连接，即可跳转至相应的位置。 正是因为实现了超级链接，我们才可以在 I n t e r n e t上享受“冲浪”的乐趣。大多数情况下，普 通的文本链接已经可以满足用户需要，但是为了页面的美观，使用图像链接仍然是经常遇到 的事情。 一般来说，一幅图像只同一个链接相关联，如果希望在页面中包含多个链接，可以在页 面中放置多个图像。然而，有时候可能要求只在页面上显示一幅较大的完整图像，而希望将 整幅图像中的不同区域分别映射到不同的链接上，这时使用传统的超链接设置方法就无法满 足要求。 当然，我们可以在网页中放置多幅小图像，通过表格等手段将这些图像拼凑起来，形成 完整的图像，然后再分别为它们设置链接，这的确也是一种方法，但显得有些麻烦。事实上， 利用图像映像的方式，在图像上构建热区，然后将热区分别同不同的链接相关联，就可以满 足我们的这种需求。 这一章，我们主要介绍如何在 F i r e w o r k s 中构建图像映像和图像热区。 18.1 概述 如果有人说，有的图像处理程序可以生成文本代码，您一定觉得这是天方夜谭，然而， 如果您了解F i r e w o r k s ，您就不会对此感到吃惊。实际上，在 F i r e w o r k s 中，不仅可以生成静态 的普通的图像，还可以根据We b创作的需要生成图像以及同图像密切关联的 H T M L源代码，所 有的图像数据和代码文字都存储在 P N G文档中，换句话说， F i r e w o r k s操作的P N G文档是一种 经过格式扩展的P N G 图像。在将P N G文档导出为We b格式的图像时，将同时生成相应的 H T M L 代码，而且可以在其他的 H T M L编辑器中立即使用。这种将图像和 H T M L代码相绑定并同时输 出的特性，充分体现了F i r e w o r k s 的设计理念，可以说，这是F i r e w o r k s最激动人心的地方，也 是它最值得骄傲的重大创新。 18.1.1 图像映像和热区概念 图像映像（Image Map ）和热区（H o t s p o t ）就是F i r e w o r k s这种特性的一种应用。我们知 道，构建图像映像的所有工作都是文字工作，对于图像本身并没有任何影响，很多 H T M L编 辑器，特别是Macromedia Dreamweaver ，提供了对图像映像创建操作的完美支持。然而，在 F i r e w o r k s 中，既可以处理图像，又可以同时以可视化的方式在图像上绘制热区区域，构建同 每个区域的链接，最终生成所有需要的东西（包括代码和图像），并可以在页面中不加修改地 直接使用。由于将图像设计同映像操作合二为一，因此它显得尤为方便。 为了帮助不了解图像映像的人更好理解图像映像的含义，我们这里介绍一下图像映像的 基本概念。所谓图像映像，实际上就是在一幅图像中创建多个链接区域，通过单击不同的链 接区域，可以跳转到不同的链接目标端点。通常，我们将这种位于一幅图像上的多个链接区 第1 8章 图像映像和热区 3 4 3 下载 域，称作热区。 例如，在图 1 8 - 1中，我们在浏览器中单击显示有“计算机中心”的房子，就可以跳转到 介绍计算机中心的页面；单击显示“科研楼”的房子，就可以进入到介绍科研楼的页面。实 际上，所有这些单击操作都是在一幅图像中进行的。图像上的每幢房子都被设置为一个热区， 每个热区都链接到不同的页面，这就是图像映像的作用。 图18-1 图像映像 传统的实现图像映像的方法是所谓的服务器端（ S e r v e r- S i d e ）映像，它的原理是：在客 户端浏览器上单击图像热区时，只是将热区的坐标值传送到 I n t e r n e t服务器上，而真正的链接 则由服务器上的程序（例如 C G I ）通过计算而确定。这种方式对服务器平台的依赖性较大，针 对不同的服务器平台，可能需要编写不同的计算程序，因此通用性也较差。不仅如此，由于 每个图像映像上的链接都由 I n t e r n