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