平面设计 
首页 > 平面设计 > 浏览文章

fireworks图片怎么添加多个热点区域?

(编辑:jimmy 日期: 2024/10/10 浏览:3 次 )

Fireworkw8中通过使用热点可以在一张图片中添加多个URL链接。该怎么添加热点区域呢?下面我们就来看看详细的教程。

软件名称:
fireworks8简体中文版 (含序列号)
软件大小:
88MB
更新时间:
2019-06-12立即下载

1、首先,打开fireworks,新建空白画布,导入需要添加热点区域的图像。点击“导入”后会出现框沿状的形状,拖动鼠标,选定导入图像至画布的区域即可。)

fireworks图片怎么添加多个热点区域?

fireworks图片怎么添加多个热点区域?

fireworks图片怎么添加多个热点区域?

2、从工具箱的“Web”栏中选择一种热点工具,如图所示。拖动热点工具,在图形的某个区域上绘制矩形热点或圆形热点。绘制多边形热点时,单击鼠标放置矢量点,这与使用“钢笔”工具绘制直线线段很类似。不管路径是断开的还是封闭的,填充都将定义热点区域。

fireworks图片怎么添加多个热点区域?

fireworks图片怎么添加多个热点区域?

fireworks图片怎么添加多个热点区域? 

3、热点的根本目的就是为了指定链接,所以在热点创建完成后,就要为热点指定相应的链接地址(URL)以及链接网页窗口出现的位置。对选中的热点,可以使用属性面板为热点指定URL、替代文本、目标和自定义名称,如图所示。

完成热点区域后导出图片。导出格式为html文件这里小编导出为“未命名-1”)。打开html文件即可在网页中点击热点区域,打开链接目标网页。

fireworks图片怎么添加多个热点区域?

fireworks图片怎么添加多个热点区域?

fireworks图片怎么添加多个热点区域?

以上就是fireworks中给图片添加多个热点区域的教程,希望大家喜欢,请继续关注。

相关推荐:

fireworks怎么设计一个立体的炫光球体?

fireworks怎么给网页设计小人形状的logo?

fireworks图片怎么制作滤镜效果? fireworks滤镜效果的使用方法

上一篇:Fireworks怎么设计漂亮的按钮?
下一篇:fireworks怎么设置导出为png格式?
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。