第一节：设置网页超连接

一、 设置热区

　　Fireworks 3提供了三种热区设置工具：矩形热区工具 ，圆形热区工具 以及多边形热区工具 。

　　下面我们就运用这三种工具分别为图片设置热区：

　　打开一副图片：llt.gif?http://www.xvna.com，单击矩形热区工具 ，然后拖动鼠标就可以为人物（李白）设置一个热区（如图1），但是设置的热区只能缩放，而无法倾斜和变形；

图1 热区

　　切换至圆形热区工具 ，拖动鼠标为小亭子设置一个热区，单击“变形工具”，拖动手柄适当地改变一下热区的大小，我们就发现圆形热区产生了多个控制点，接下来选取“细部选取工具”，拖曳这些控制点，使热区能够符合背景图形的造型（如图2）。

图2 变换热区形状

　　切换至多边形热区工具 ，以点选的方式，来产生多边形的每一个控制点，如此我们就可以为诗句勾勒出一个多边形的热区（如图3）。

图3 多边形热区

　　如果我们想隐藏热区该怎么办呢？其实Fireworks 3预设了一个图层----Web Layer层专门用来存放热区；当Web Layer层最左方出现眼睛图标（如图4）时，表示该层处于显示状态，如果想隐藏热区，只需单击眼睛使它消失即可。

图4 Layers浮动面板

　　Web Layer层是一个十分特殊的图层，我们无法更改它的名字，也无法删除该图层，但是可以任意调整该层的位置。

二、 设置URL链接

　　完成热区设置后，我们就需要指定该热区所链接的URL，这样浏览者单击鼠标后，才能开启指定的网页画面。

　　下面我们就为人物“李白”添加一个链接：单击该热区，然后开启“Object”面板，在链接栏中输入它的URL：http://www.hongen.com/edu/dgkt/index1.htm；我们还可以在“<alt>”栏中为此链接加上说明文字：每日诗词；为了让浏览者在打开热区链接后，还保持有原来的页面，我们可以将Link target选项选为：_blank ，这样单击热区后，会打开一个新的窗口。另外，单击“Shape”下拉列表按钮和热区颜色下拉列表按钮我们可以选择热区的形状和颜色。（如图5）

图5 热区链接设置

三、 善用URL面板

　　当网页中有很多链接时，利用“Object”面板一一输入就十分麻烦，这时我们就可以利用URL面板快速地为热区指定链接。

　　在“Library”选项中所显示的是目前使用的URL资料库（URLs.htm），该资料库所包含的URL都会列在下方的清单中，如果我们是第一次使用URL面板，则清单中并无任何URL资料。（如图6）

图6 URL浮动面板

　　那么我们如何将URL输入到资料库中呢？

　　１.从无到有输入URL 单击新建按钮（如图7），弹出“New URL”窗口，输入URL后，单击“ok”按钮即可。

图7 输入URL

　　２.从已有的URL来建立新的URL 选择想要修改的URL，然后单击“URL”面板右上角的如图按钮，在弹出菜单中选择“Add URL”，将弹出“New URL”窗口，修改完URL后，单击“ok”按钮即可。（如图8）

图8 添加URL

　　３.输入网页中的URL 我们可以将某个网页中所有链接导入到目前的资料库中。 首先选择“选项”菜单中的“Import URLs”指令，然后在弹出的“打开”窗口中选择我们想要导入的html文件：index.htm，单击“打开”按钮即可。

　　４.将热区的URL加入资料库

　　如果想把用“Object”添加的URL导入到资料库中，我们只需选取“选项”菜单中的“Add Used URLs to Library”指令即可。

　　现在我们就可以为热区添加链接了，单击热区，然后选取资料库中相应的URL即可，是不是很简单！此外，我们还可以配合“Object”面板来检查URL是否添加正确。