教你如何对一张图片进行多个超链接.docVIP

  • 59
  • 0
  • 约1.44千字
  • 约 4页
  • 2016-07-03 发布于河南
  • 举报

教你如何对一张图片进行多个超链接.doc

这是我经过多番研究、测试而提取出来的精华啊!!简单而言就是用dreamweaver得到图片坐标,再用淘宝助理把坐标放上去。 这个超链接是针对一张图片,在不同的部位设置不同的链接。如: 就要设置四个超链接。 那么如何来设置呢?这就要用的HTML代码了,我对这个宝贝超链接,其实都在淘宝助理里的源代码那实现的。针对这个,我们要用到dreamweaver和淘宝助理。把要编辑的图片比作一张地图,要在这个地图的哪个地方进行超链接呢,这就要用到dreamweaver了。Dreamweaver就是帮你找到坐标。 第一步:打开dreamweaver,新建一个站点,把要编辑的图片都放到站点目录下。如: 然后选一张图片拉到编辑颜面。 第二步:定位。鼠标点击图片,在界面的下方就会出现图片属性,在属性的左侧,有“地图”两个字。这个叫热点工具,就是用这个来划地盘的。根据自己链接的图形,有三种方式可以选择。我这里就选择矩形。大家可以看到, 同时,上方的代码也会出现,而代码里的coords=60,229,374,395就是链接部位的坐标。 第三步:坐标确定后,再在下方的属性---链接处输入要链接的地址。就会得到这样一串代码。area shape=rectcoords=60,229,374,395href=/ /按照同样方法,把其他部位也按照同样方法得到这些代码。这样以后,dreamweaver的用途也就告一段落了

文档评论(0)

1亿VIP精品文档

相关文档