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