热点如何使用工具图片docDW(热点区域图片属性工具)「图片热点工具包括」

如何使用DW工具给图片添加热点 1、准备一张图片
准备一张需要将不同热点添加到不同区域的图像
2、插入图片:打开Dreamweaver,新建一个网页,在页面中插入图片
3、找到地图工具:在图片上点击鼠标左键
这时软件底部的属性面板就会变成与图片相关的属性
注意左下角,如图1红框所示
注意:如果没有上图所示的热点地图工具,则地图工具属性被隐藏
可以点击属性面板右侧的三角形符号将其打开,如下图: 4、绘制热点:注意正方形、圆形、多边形三个小图标
它们就是我们要使用的“图片热点”工具
不同的热点工具可以绘制不同形状的热点区域
首先点击方形按钮,将鼠标移动到图片上,然后鼠标会变成十字,在要添加链接的地方画一个方形
添加热点后图像区域会出现淡蓝色遮罩,表示该区域已添加热点
其他地区的热点依次添加
5、添加热点链接:热点区域绘制完成后,下面的属性面板就会变成热点区域的属性,如下图:“链接”是点击此处跳转的链接地址; “目标”是点击这里窗口如何打开的; “替换”是鼠标悬停在该区域时提示的文本
一般使用“_blank”,表示超链接将在新窗口中打开
注:您可以绘制一个区域并添加对应的连接,也可以依次绘制所有区域热点,然后点击热点区域并依次添加对应的连接
建议初学者一一添加
6. 修改热点:拖动或局部调整热点区域
如果需要修改热点区域,或者需要进行精细调整,比如在中国地图中添加热点,不可能让所有热点区域刚好覆盖相应的区域,那么就需要对其中的区域进行调整已添加热点
点击热点区域,热点区域周围会出现浅蓝色的圆点
将光标置于浅蓝色点上,单击鼠标左键可调整热点区域的大小
7.为每张图片添加热点:如果页面中有多张图片需要添加热点,则需要为每张图片对应的热点设置不同的热点名称,如图所示,在页面的文本框中map (M) 字符为当前热点的名称
可以使用map1、map2、map3


热点也可以使用不同图像的内容来命名,例如top_map、foot_map和act_map


总之,不同图片的热点名称可以不同
8、热点原理:通过usemap="#Map"属性将热点区域和名为“Map”的连接映射到图片上
添加热点后,查看页面源码
您会在代码底部发现更多几行
这些是生成的热点:
热点如何使用工具图片docDW(热点区域图片属性工具)
(图片来源网络,侵删)

联系我们

在线咨询:点击这里给我发消息