赤手空拳创建客户端图像映射

开发者在线 Builder.com.cn 更新时间:2000-12-03作者:Staff Writer 翻译:Jumbble 来源:

本文关键词: FrontPage 其它平面设计

<!-图像映射是Web上的家常便饭,但是这仍然是一个有难度的活儿。这里有一些帮助你高效建立它们的诀窍。->
在建立Web页面时使用图像映射是很平常的。Web创作工具,比如Microsoft公司的 FrontPage能够自动完成这个过程。但是理解这个过程背后的与建立图形映射有关的HTML代码将会使你更好地理解映射过程。本文将会带你看一看手工建立客户端图相映射的过程。

什么是图像映射?
图像映射是指可点击的图形,它将访问者从一个URL连接到另一个,无论目的地是你的站点的其它网页还是互联网其它的什么地方。常见的例子包括导航按钮和站点映射。举例来说,图A展示了Yahoo的搜索目录。页面顶端的图形是一个图像映射,它使访问者达到Yahoo站点的其它部分。


图A:Yahoo使用图像映射使访问者直接访问站点的其他服务。

传统的图像映射
传统的图像映射依赖于服务器,这意味着它们依赖运行于特定的服务器软件的挂钩、补丁和CGI。为了建立一个传统的图像映射你需要一个图形以及在图形的特定区域点击希望发生什么的构思。你还需要知道针对你的特定Web服务器或CGI如何格式化你的映射坐标信息。
当你在站点包含了图像映射时,有关浏览者访问你的链接的过程是相当复杂冗长的。用户看上去很简单,实际上在访问者点击了图像映射之后有许多过程发生。首先,访问者的浏览器确定鼠标指针的x,y坐标。这些坐标被送到你的Web服务器上,同时图像映射定义文件的位置被送到图像映射程序。使用了图像映射定义文件,图像映射程序检查鼠标单击在那里发生。如果访问者单击了一个有效的区域,相应的URL被送到Web服务器;否则一个错误信息被发送。然后Web服务器发送正确的URL或是错误信息到访问者的浏览器。

客户端图像映射
客户端图像映射允许你提供不依赖于CGI、Web服务器、HTTP(超文本传输协议)或是你的Internet供应上的可点击的图像。当你创建客户端的图像时,你直接在你的Web文档中放置映射的坐标信息。所有的过程在访问者的PC上完成。
使用客户端图像映射,你可在几乎任何地方提供映射。传统的图像映射依赖于Web服务器处理映射信息并指挥浏览器该往哪里去,而客户端图像映射过程由客户完成,因此它是独立于服务器的。但是客户端图像映射需要访问者的浏览器支持。最新版本Internet Explorer 和 Netscape支持客户端图像映射,但是其他一些浏览器不支持。你可以使用能够向不能看到图像映射的访问者显示替换的文本导航选项的代码。

客户端图像映射的优势
客户端图像映射由下胜过传统的图像映射的好处:

  • 你可以在没有Web服务器的情况下建立、测试和使用客户端图像映射。
  • 客户端图像映射减少了你的Web服务器的工作负荷。
  • 浏览器可以在你将指针移过图像的映射区域时显示目标链接(而不是映射坐标)。
  • 由于你的浏览器不需要等待来自Web服务器的应答,因此链接的很快。
  • 客户端图像映射独立于服务器,因此它们高度可移植。

用户评论

  • 用户名
  • 评论内容