如何在一张图片上添加多个不同的链接-热点篇

来源:互联网 发布:制作结婚视频软件 编辑:程序博客网 时间:2024/04/29 01:40
在制作网页时,特殊的需求经常层出不穷,比如,在一张很大的图片上将几个不同区域分别链接到不同的网址。 
如何在一张图片上添加多个不同的链接-热点篇[点击放大]
如何在一张图片上添加多个不同的链接-热点篇 来源:黄超
[点击放大]
这个需求的制作方法也有很多种,这篇文章我将详细讲解一下在图片上不同区域加不同链接的方法之一—图片“热点法 ”。  一、准备一张图片。  二、打开Dreamweaver,新建一个网页,将图片插入到页面中。(为您推荐:如何用dreamweaver新建一个网页)  三、鼠标左键点中图片,这时候软件下方的属性面板就会变成和图片相关的属性,注意看左下角部分,如图一中的红色框内所示。  四、注意方块、圆形、多边形三个小图标,它们就是我们要用的“图片热点”工具,先点击方块按钮,将鼠标移动到图片上,这时候鼠标就变成了十字,在你想加链接的地方画一个方块。(也许您还想知道,“图片热点”的实际应用情况,为您推荐:图片热点在淘宝店铺中的应用)  五、方块画好后,下面的属性面板就会变成该方块区域的属性,如图二,按照属性面板上的选项填上相应的内容就可以了,“链接”就是点击此处跳转的链接地址;“目标”就是点击此处时窗口的打开方式;“替换”就是鼠标悬浮在该区域时提示的文字。
转自:http://dreamweaver.abang.com/od/example/a/ex-imghot.htm
0 0