首页 教你如何对一张图片进行多个超链接[宝典]

教你如何对一张图片进行多个超链接[宝典]

举报
开通vip

教你如何对一张图片进行多个超链接[宝典]教你如何对一张图片进行多个超链接[宝典] 这是我经过多番研究、测试而提取出来的精华啊~~简单而言就是用dreamweaver得到图片坐标,再用淘宝助理把坐标放上去。 这个超链接是针对一张图片,在不同的部位设置不同的链接。如: 就要设置四个超链接。 那么如何来设置呢,这就要用的HTML代码了,我对这个宝贝超链接,其实都在淘宝助理里的源代码那实现的。针对这个,我们要用到 dreamweaver和淘宝助理。把要编辑的图片比作一张地图,要在这个地图的哪个地方进行超链接呢,这就要用到dreamweaver了。Dream...

教你如何对一张图片进行多个超链接[宝典]
教你如何对一张图片进行多个超链接[宝典] 这是我经过多番研究、测试而提取出来的精华啊~~简单而言就是用dreamweaver得到图片坐标,再用淘宝助理把坐标放上去。 这个超链接是针对一张图片,在不同的部位设置不同的链接。如: 就要设置四个超链接。 那么如何来设置呢,这就要用的HTML代码了,我对这个宝贝超链接,其实都在淘宝助理里的源代码那实现的。针对这个,我们要用到 dreamweaver和淘宝助理。把要编辑的图片比作一张地图,要在这个地图的哪个地方进行超链接呢,这就要用到dreamweaver了。Dreamweaver就是帮你找到坐标。 第一步:打开dreamweaver,新建一个站点,把要编辑的图片都放到站点目录下。如: 然后选一张图片拉到编辑颜面。 第二步:定位。鼠标点击图片,在界面的下方就会出现图片属性,在属性的左侧,有“地图”两个字。这个叫热点工具,就是用这个来划地盘的。根据自己链接的图形,有三种方式可以选择。我这里就选择矩形。大家可以看到, 同时,上方的代码也会出现,而代码里的coords="60,229,374,395"就是链接部位的坐标。 第三步:坐标确定后,再在下方的属性---链接处输入要链接的地址。 就会得到这样一串代码。按照同样方法,把其他部位也按照同样方法得到这些代码。这样以后,dreamweaver的用途也就告一段落了。 第四步:打开淘宝助理,为了方便你找到要插入图片代码的位置,最好在图片的上一行插入一句话,比如:请点击试试。到时只要你找到“请点击试试”字样,你就知道要在它下方插入代码了。
本文档为【教你如何对一张图片进行多个超链接[宝典]】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_281650
暂无简介~
格式:doc
大小:89KB
软件:Word
页数:0
分类:高中语文
上传时间:2017-12-06
浏览量:46