如何使用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”的连接映射到图片上。 添加热点后,查看页面源码。 您会在代码底部发现更多几行。 这些是生成的热点: