网页设计中图片地图的使用

日期:2011年06月14日

图片地图是一种形象,有“活跃的地区。” 当用户选择了活跃的领域之一,这一行动发生。 例如,用户转移到新的网页,或弹出式窗口出现。

有两种类型的图像地图:

客户端图像地图

与客户端图像映射,用户的浏览器处理统一资源标识符(URI)。 互联网是居住着许多问题的内容。URI是你的方式确定这些点的任何内容,无论是文本,视频或声音片段,图像静止或动画,或程序页面。

对于在“活跃的领域”内的所有图像信息发送到浏览器,随着图片地图图形。 因此图像地图驻留在用户的浏览器(客户端)。

一个客户端图像映射使用的USEMAP代码,访问时的替代文本的每个图片地图的活动区域提供。 您还必须提供该图片的替代文字地图本身。

例如:

<IMG SRC="navigation.gif" ALT="Site Navigation Bar" USEMAP="#navigationmap">
<MAP name="navigationmap">
<AREA coords="0,0,20,20" HREF="home.html" ALT="Homepage">
<AREA coords="21,21,40,40" HREF="about_us.html" ALT="About Us">
<AREA coords="41,41,60,60" HREF="contact_us.html" ALT="Contact Us">
</MAP>

服务器端的图像地图

与服务器端图像映射,在主机服务器上的文件包含了图像映射的坐标,服务器脚本进程的请求。

要创建一个可访问的服务器端图像地图,您可能提供有关作为图像映射,或到另一个网页,其中包含超文本链接相当于同一页的替代文本链接的列表。

一个服务器端图像映射使用的ISMAP代码,目前任何人都无法访问关闭图像使用非图形化浏览器或浏览器。

Tags:体验设计 企业网站建设
上一篇文章:网页设计中的文字使用技巧
下一篇文章: 网页易读性测试工具