养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver里怎么做热点链接

时间:2024-11-11 01:46:11

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?

工具/原料

Dreamweaver

素材

方法/步骤

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

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

Dreamweaver里怎么做热点链接

© 一点知识