编辑“Fireworks 制作热区网页”

<span style="border:1px solid #000; text-align:center; float:right; padding:6px; margin-bottom:15px;"><strong>导航:</strong> [[FireWorks的一些经典实例制作|上一页]] | {{Template:FireWorks导航}}</span>
<div style="clear:both;"></div>



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

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

下面我们就开始来制作热区网页，打开一张图片，选择Fireworks工具栏web项目内的"矩形热点工具"或"圆形热点工具"或"多边形热点工具"。操作如图所示：

[[Image:200907185.jpg]]

[[Image:200907186.jpg]]
我将给header区域做一个热点。并为其添加一个链接。

在header上画一个热点区域，然后定位到右边的面板内，找到Assets项，点开你就会看到[[URL]]项。在链接框内输入你要链接的地址。完成后点击右边的"+",将其添加到库内。如图所示：


[[Image:200907187.jpg]]


[[Image:200907188.jpg]]



[[Image:200908189.jpg]]
你可以在其内修改热区的"形状",颜色,打开方式。

所谓的"替换"就是用于说明目标网页的主题的文字，当浏览器无法显示图像时或鼠标放上去停滞一段时间时，能够在图像的位置上显示的文字，其主要目的是方便浏览者了解网页上的内容。

最后，选择"文件"--->"导出"，格式为[[HTML]]即可。

== 相关条目 ==
*[[FireWorks 为文字添加径向渐变]]
*[[Fireworks 倒影文字]]
*[[Fireworks 超棒的灯光效果]]


[[category:FireWorks|F]]
[[category:FireWorks使用教程|F]]
[[Category:网页制作|F]]