图像映像和热区

《图像映像和热区》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、下载第18章图像映像和热区超级链接是网页中最为重要的部分，单击文档中的超级连接，即可跳转至相应的位置。正是因为实现了超级链接，我们才可以在Internet上享受“冲浪”的乐趣。大多数情况下，普通的文本链接已经可以满足用户需要，但是为了页面的美观，使用图像链接仍然是经常遇到的事情。一般来说，一幅图像只同一个链接相关联，如果希望在页面中包含多个链接，可以在页面中放置多个图像。然而，有时候可能要求只在页面上显示一幅较大的完整图像，而希望将整幅图像中的不同区域分别映射到不同的链接上，这时使用传统的超链接设置方法就无法满足要求。当然，我们可以在网页中放置多幅小

2、图像，通过表格等手段将这些图像拼凑起来，形成完整的图像，然后再分别为它们设置链接，这的确也是一种方法，但显得有些麻烦。事实上，利用图像映像的方式，在图像上构建热区，然后将热区分别同不同的链接相关联，就可以满足我们的这种需求。这一章，我们主要介绍如何在Fireworks中构建图像映像和图像热区。18.1概述如果有人说，有的图像处理程序可以生成文本代码，您一定觉得这是天方夜谭，然而，如果您了解Fireworks，您就不会对此感到吃惊。实际上，在Fireworks中，不仅可以生成静态的普通的图像，还可以根据Web创作的需要生成图像以及同图像密切关联的HTM

3、L源代码，所有的图像数据和代码文字都存储在PNG文档中，换句话说，Fireworks操作的PNG文档是一种经过格式扩展的PNG图像。在将PNG文档导出为Web格式的图像时，将同时生成相应的HTML代码，而且可以在其他的HTML编辑器中立即使用。这种将图像和HTML代码相绑定并同时输出的特性，充分体现了Fireworks的设计理念，可以说，这是Fireworks最激动人心的地方，也是它最值得骄傲的重大创新。18.1.1图像映像和热区概念图像映像（ImageMap）和热区（Hotspot）就是Fireworks这种特性的一种应用。我们知道，构建图像映像的

4、所有工作都是文字工作，对于图像本身并没有任何影响，很多HTML编辑器，特别是MacromediaDreamweaver，提供了对图像映像创建操作的完美支持。然而，在Fireworks中，既可以处理图像，又可以同时以可视化的方式在图像上绘制热区区域，构建同每个区域的链接，最终生成所有需要的东西（包括代码和图像），并可以在页面中不加修改地直接使用。由于将图像设计同映像操作合二为一，因此它显得尤为方便。为了帮助不了解图像映像的人更好理解图像映像的含义，我们这里介绍一下图像映像的基本概念。所谓图像映像，实际上就是在一幅图像中创建多个链接区域，通过单击不同的链

5、接区域，可以跳转到不同的链接目标端点。通常，我们将这种位于一幅图像上的多个链接区第18章图像映像和热区343下载域，称作热区。例如，在图18-1中，我们在浏览器中单击显示有“计算机中心”的房子，就可以跳转到介绍计算机中心的页面；单击显示“科研楼”的房子，就可以进入到介绍科研楼的页面。实际上，所有这些单击操作都是在一幅图像中进行的。图像上的每幢房子都被设置为一个热区，每个热区都链接到不同的页面，这就是图像映像的作用。图18-1图像映像传统的实现图像映像的方法是所谓的服务器端（Server-Side）映像，它的原理是：在客户端浏览器上单击图像热区时，只是

6、将热区的坐标值传送到Internet服务器上，而真正的链接则由服务器上的程序（例如CGI）通过计算而确定。这种方式对服务器平台的依赖性较大，针对不同的服务器平台，可能需要编写不同的计算程序，因此通用性也较差。不仅如此，由于每个图像映像上的链接都由Internet服务器的计算而确定，因此也加重了服务器的运算负担。随着Internet技术的发展，出现了客户端（Client-Side）图像映像的技术。这种技术在客户端实现图像映像，不仅将热区的坐标存储在HTML页面中，而且热区对应的链接也由HTML页面提供。因此，只要浏览器支持，就不存在平台不兼容的问题。另

7、外，链接的地址记录在HTML文档中，不通过服务器计算，因此也减少了服务器的负担。目前的主流浏览器，如InternetExplorer和NetscapeNavigator浏览器等，都支持客户端的图像映像方式，目前客户端映像方式已经成为Internet上实现图像映像的主流方式。如果希望了解图像映像到底需要什么样的HTML代码，可以参看拙作《Dreamweaver3网页设计》一书，其中有详细介绍。18.1.2在Fireworks中创建图像映像的基本方法在Fireworks中，可以直接在图像上绘制热区，并将热区同相应的链接地址相关联。所有的热区坐标和链接地址

8、，以及相应的实现代码，都保存在PNG文档中。在导出图像时，不仅会导出普通的图像，而且会导出相应的实现图像映像