html中热区如何设置,Dreamweaver中如何设置热区?DW设置热区方法图解

Dreamweaver中如何设置热区?下面小编就为大家详细介绍一下,一起来看看吧!

方法/步骤

向平时一样,这里我们在设置Dreamweaver热区的时候。同样这里是需要建立一个新的HTML界面的。

3e2084d204c727e77b2579b9b6b06a1d.png

建立完毕,如下图中所示的一个新的文档(HTML)

abac92d2a7d56f01ce6dc4870b75cb8d.png

按照同时最为简洁的方式,我们在新的HTML中插入一个新的图片作为热区设置的底片

289651f6c8d0b7a1ced6f2da333c7077.png

选择桌面中的一个图片进行添加

afca34942be15ce80a5c5c48276423c9.png

在创建相对的路径时我们是需要保存文档的

bc660e238960767c75b0d28f60ea5146.png

这里大家注意的是我们的根文件是必须要保存在一个站点中的。这里我们将其路径复制保存在我们的站点中

d23d84e0ace839ba7835a8bad27e5d11.png

选择站点目录进行保存即可

80e09c72e1c6fd48dc24c77b8a6c8764.png

图像标签辅助功能属性这里我们是不需要进行设置的,点击确定即可

eb5a9e28d39c3c7d7b0012595e135957.png

随后就是如下图中的一个图片插入的界面了。

0fc09f44c3b22005a7dc661597fbe429.png

点击选中图片之后我们选择底部热键工具

6be239debdf7a26e8717a47f945ef64e.png

选择我们的一个热键的区域,这里我们选择的是图片中人物的右眼。“以正方形的形式”

a2cb0c2b97e1533bf521035ee152df6c.png

随后我们将其眼部的热键区域的链接设置成为百度的一个接入口

650f850a7f291c639f7bc58c440d180e.png

将鼠标移至空白处然后点击保存

4abdeb8e2e7c6beefd534b470e64c905.png

保存完毕之后,按键盘中的F12进入浏览区的界面中,这里我们选择图片中人物之后进行点击

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值