健康去哪儿
健趣网登录 关闭
还没有账号?立即注册
已选疾病:
当前状态:
希望了解:

Fireworks制作不规则热区网页

发布日期:2014-11-22 03:54:54 浏览次数:1617

热区(Hotspot)有时又称之为热点,是图像上带有超链接的一块区域,它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样,当浏览者将鼠标移动到热点上时,鼠标会变成手形。

文本和图像都可以在网页上创建超级链接。一般情况下一个图像只链接到一个目标。但是有时候一幅较大的图片上有不同的小区域,不同的小区域的图片要相应地链接到不同的目标上去,这样就需要利用到热区的功能。我们可以在这个大的图像上相应的部分绘制多个热区,然后将这些热区分别链接到不同的目标文件之中就可以上述目的。在浏览器中浏览时,鼠标放到热区时,鼠标变为手状,单击这些区域时会跳转到不同的链接页面上去。

下面我们以一幅图片来具体说明热区的概念。图1所示的是一幅天柱山风景名胜区的风光图片,在这幅图片上有太平塔、天柱山主峰、九井河、龙潭河、黑虎瀑以及天柱山门几个景点的小的图像。

如果还有这几个景点的详细介绍的HTML文件,那么我们就可以在这六张小图上绘制六个热点,然后分别将它们链接到有这几个景点详细介绍的页面上去。例如,我们将鼠标放置到太平塔的小图片上去,这时候鼠标能够变成手形,点击一下鼠标就跳转到了有太平塔景点详细资料的页面上去了。

下面我们具体讲一讲Fireworks中热区的创建和使用方法。文章末尾提供原文件供大家下载参考。

3. 移动热区

选中热区之后,可以利用鼠标移动热区,也可以用方向键或者属性面板的位置值。不过要注意使用鼠标时应避开热区中心点,不要拖动它。

4. 改变热区颜色

热区在默认情况下是透明的蓝色,如果需要改变,可以在如图10所示的热区颜色框中选择所需要的颜色加以替换。

5. 控制热区的显示与隐藏

如前面图中所示,默认情况下热区覆盖在对象之上,并为透明的蓝色。为方便文件的编辑,需要将一些已经设计好了的或者暂时不需要的热区隐藏起来,待需要时才让它显示出来。

我们可以利用工具箱上的隐藏切片和热点工具来将选中的热区隐藏起来,在需要显示的时候单击显示切片和热点工具就可将热区显示出来。

另外,我们还可以利用层面板来显示和隐藏热区。点击层面板的热点前的眼睛图标(如图11所示)就可以隐藏该热区。隐藏了热区之后,再次点击该区域,眼睛图标又显示出来了,这样所选热区也重新显示出来了。

来源网址
用户的评价 浏览量:
1617
次 | 评论:
1
条 | 好评:
0