如何使用DW工具给图片添加热点

2024-10-24 22:49:34

1、二、插入图片:打开Dreamweaver,新建一个网页,将图片插入到页面中。

如何使用DW工具给图片添加热点

3、五、给热点藜局腑载添加链接:热点区域画好后,下面的属性面板就会变成该热点区域的属性,如下图:“链接”就是点击此处跳转的链接地址;“目标”就是点击此处时窗口的打开菱诎逭幂方式;“替换”就是鼠标悬浮在该区域时提示的文字。一般使用"_blank",指超链接将在新窗口打开。注:可以采用画一个区域,添加对应的连接,也可以依次把所有的区域热点画完,然后点击热点区域,依次添加对应的连接。初学者建议一个一个的添加。六、修改热点:对热点区域进行拖动或者局部调整如果需要修改热点区域,或者需要进行微调,如中国地图添加热点,不可能把所有的热点区域都做到刚好覆盖对应的区域,那就需要对已经添加热点的区域进行调整。点击热点区域,热点区域四周会出现浅蓝色的点。光标放在浅蓝色的点,点击鼠标左键,即可调整热点区域的大小。

如何使用DW工具给图片添加热点

5、八、热点的原理图片通过usemap="#Map"属性将名称为"Map"的热点区域及连接映射到图片上。热点添加完毕后,查看页面源代码,你会发现在代码最底下多出几行内容,这些就是热点生成的:

如何使用DW工具给图片添加热点

7、一般来说,图片的usermap属性对应的是map热点的name的属性值。所以如果页面中如果有多个图片添加热点,那么每一个图片的usemap值跟对应的热点地图的name值一定要一样,且不同的热点区域name值不可以相同,如果相同,那么图片上的热点区域将会以相同名称的第一个热点区域为准。

如何使用DW工具给图片添加热点
猜你喜欢