Dreamweaver里怎么做热点链接

时间:2024-10-12 03:28:50

1、新建文档里插入准备好的素材图片。

Dreamweaver里怎么做热点链接

2、选中图片,界面左下角芟镊圭薅箭头处就是热点工具,有圆形、矩形和多边形几种热点工具。就是可以把热点区域(链接区域)设置为这几种形状。

Dreamweaver里怎么做热点链接

3、最前面的指针热点工具,是用来修改、移动后面几种热点形状的。如果有画的不好的地方,可以用它修改。

Dreamweaver里怎么做热点链接

4、选中矩形热点工具,可以看到鼠标变为十字形,在图片需要链接的地方去画图,把内容框起来。

Dreamweaver里怎么做热点链接

5、框好的区域会有蓝色格子图片显示,蓝色区域都是鼠标点击可以跳转的。

Dreamweaver里怎么做热点链接

6、在属性面板“链接”里填上链接地址,记得一定是http://开头的格式,否则跳转不到相应网址。

Dreamweaver里怎么做热点链接

7、浏览时链接区域鼠标经过时显示为手指状态,点击成功跳转。

Dreamweaver里怎么做热点链接

8、同样的方式,在图片上做圆形、多边形热区链接。

Dreamweaver里怎么做热点链接
© 手抄报圈