Fireworks制作不规则热区网页(一)

2016-02-19 18:23 27 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Fireworks制作不规则热区网页(一 】

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

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

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

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

  下面我们具体讲一讲Fireworks中热区的创建和使用方法。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

图1 天柱山风光图

一、创建热区

  我们就以上面的天柱山风景图为例来说明热区的创建过程。

  (1)首先如图2所示在Fireworks中打开图像。


图2 在Fireworks中打开图像

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

来源:http://www.tulaoshi.com/n/20160219/1617512.html

延伸阅读
自然界的不规则物体看似简单,然而制作起来并不是那么容易。下面我们用PS制作一款不规则玻璃球…… 先看一下最终效果: 1、新建一个宽度为12,高度为16,分辨率为50的文件。 2、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令,在弹出的对话框中,设置数量为125,高斯分布,如图01所示,图像效果如图02所示。 图01 ...
不规则对话框的又一实现 作者:河北唐山 吕建欣 下载本文示例代码 代码运行效果图如下: 此不规则对话框的实现应用了一个重要的位图对话框类——CBitmapDialog ,通过灵活运用,可以实现任意形状的对话框。 一、CBitmapDialog ...
不规则家具能够吸引人的重要一点就是它的形式,很多人选择不规则家具的原因就是觉得它有设计感,能够让空间与众不同,但是这毕竟只是一种感性的认识,其实感性的设计更需要我们去理性地对待。 在选择不规则家具时,我们应该把握住几个原则: 1 你的空间能力 不...
标签: PS PS教程
如果你喜欢制作比较有个性的作品,那么应该掌握一些用photoshop制作不规则的窗口的方法和技巧。下面我们就来研究一下怎样快速而有效制作这样一个看上去比较个性的边框。 先来看下最终效果: [next]           1.打开photoshop,选择文件新建,新建一个500*500大小的文件。 2.设...
我们这里所说的切片(Slice)就是将一幅大图像分割为一些小的图像切片,然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来,成为一幅完整的图像。这样做可以减低图像的大小,减少网页的下载时间,并且能创造交互的效果,如翻转图像等,还能将图像的一些区域用HTML来代替。Fireworks在网页切片制作方面有很强的优...

经验教程

773

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部