文/王曜卿
在网页上插入适当的图片，不仅可以起到美化网页的作用，也可以为访问者提供直观形象的视觉资料，起到大量繁琐的文字无法起到的说明作用，同时，图片还可以用来做超链接，用FrontPage、Dreamweaver等均可直接实现。除此之外，网页图片还可以包含更多信息、起到更重要的作用，比如在一幅图片上的不同部分插入不同的链接，或者在图片上插入隐藏的链接菜单，在菜单中嵌入更多的链接……这里以Fireworks 4.0为例加以简要介绍。
插入多链接
运行Fireworks 4.0，执行“File/Open…”命令，打开需要插入更多链接的图片，在图片上选择插入多个链接或链接菜单的位置，这个位置可以用插入热区和插入切片两种方法实现。下面我们先看看如何在热区上插入更多链接：Fireworks 4.0的工具窗口中提供了一个矩形热区工具按钮(如图1)，按下热区工具按钮(或执行“Insert”菜单的“Hotspot”命令)，按住鼠标左键并拖曳鼠标，可以在图片上选定一个热区；继续拖曳鼠标，可以选定第二个以至更多个热区，直至达到需要的数量。刚选定的热区呈半透明状态显示，中心会出现一个圆形标志，选定后面的热区时，标志消失，但已选定的区域仍呈半透明状态显示。
图1
如果只需在一个热区插入一个链接，选定热区后可直接导出网页文件，然后用FrontPage或Dreamweaver打开导出的网页文件，图片上会自动显示出已设置的热区，直接在各热区上插入链接即可。
插入链接菜单
如果要在热区上插入链接菜单，就将鼠标指针指向选定的热区并单击鼠标右键，执行快捷菜单中的“Add Pop-up Menu…”命令，打开“Set Pop-up Menu”对话框(如图1)。在“Text”标输入框中输入菜单中显示的链接名，在“Link”输入框输入链接目标的URL地址，然后单击“Target”后面的三角箭头按钮，从下拉列表中选择链接网页的打开方式，其中的“_blank”用来在新窗口打开链接的网页。设置完毕后单击“Menu”后面的“+”号按钮，链接菜单中的第一个链接项目就设置好了；重复前面的操作，可以设置菜单中的第二个以至更多个链接项目。
菜单中的全部项目设置完毕，单击“Next”按钮，在下一个对话框中设置链接菜单的显示方式。链接菜单在网页上是以浮动式表格形式出现的，菜单中的每个链接项占一个单元格，该表格的显示方式，包括普通HTML按钮方式和图像按钮方式：
在“Cells”后面选择“HTML”，表格菜单的各个单元格形成普通HTML按钮，这时可在“Font”和“Size”两个选项框的后面，选择菜单中显示的文字字体和文字大小；在“Up State”栏，设置浮动式表格菜单中所有链接项的底色和文字颜色(鼠标指针未指向的单元格)；在“Over State”栏，设置已选择的链接项的底色和文字颜色(鼠标指针指向的单元格)。在“Cells”后面选择“Image”，各个单元格形成图像按钮，这时，除设置普通HTML按钮的各个选项外，还可以设置普通状态和按下状态时单元格中显示的图像。
菜单显示方式设置完毕后，单击“Finish”返回主界面，然后执行“File/Export…”命令，打开“Export”对话框：选择好文件保存位置，然后在“文件名”输入框后面输入要保存的网页文件名；在“保存类型”选项框中选择“HTML and Images”；在“HTML”选项框后面选择“Export HTML File”。如果要将图片存放在专门的图像文件夹，可选中下面的“Put Images in Subfolder”复选项，并单击“Browse…”选择保存图像的文件夹，否则图片和网页文件或保存在同一文件夹。最后单击“保存”即可。
用切片方式插入
在切片上设置更多链接和链接菜单的方法，与在热区上设置的方法大同小异，所不同的是：插入热区后，原图片仍为一幅完整的图片，进行导出保存时也只保存一幅完整图片，只是在各个热区上设置一个插入链接的区域。插入切片后，图片会沿着选定切片的边线，被切割成若干个独立的片段，进行导出保存时，图片以切割的片段保存为多幅图片。此外，被切割出的若干个片段中，直接选定的片段为主动切片、可以插入链接菜单，其他被切割出来的片段为被动切片，不能插入链接菜单、但可在网页编辑程序中为其插入一个链接。按下工具窗口的切片工具按钮(或执行“Insert/Slice”命令)，拖动鼠标即可在图片上选定一个主动切片和若干个被动切片，其中的主动切片上显示圆形标志、并呈半透明状态显示，被动切片的显示方式没有变化；如果要在一个切片上插入一个链接，设置完切片后可直接导出网页文件。
图2
如果要在切片上插入链接菜单，就将鼠标指针指向主动切片并单击鼠标右键，执行“Add Pop-up Menu…”命令，像在热区上插入链接菜单一样操作即可。要在多个切片上插入多个链接菜单，就要插入多个主动切片，其他操作完全相同。此外，进行导出操作时，要在“Export”对话框的“Slices”选择框中，应选择“Export Slices”，不能选择“Slice Along Guides”；在对话框下面，必须选中“Include Areas without”复选项，不能选择“Selected Slices Only”；否则将会造成网页中的图片将保存不完整的错误，或者造成切片及其中的链接菜单无效的错误。
用Fireworks导出网页文件后，可以用FrontPage或Dreamweaver对这个HTML文件进行继续编辑，使之成为一个完整的网页，将该网页保存或上传后，访问者一旦将鼠标指针指向图像上设置的热区或切片，就会弹出其中隐藏的链接菜单，单击菜单中的链接即可访问它所指向的网页(如图2)
(责任编辑Ardeler )
在网页上插入适当的图片，不仅可以起到美化网页的作用，也可以为访问者提供直观形象的视觉资料，起到大量繁琐的文字无法起到的说明作用，同时，图片还可以用来做超链接，用FrontPage、Dreamweaver等均可直接实现。除此之外，网页图片还可以包含更多信息、起到更重要的作用，比如在一幅图片上的不同部分插入不同的链接，或者在图片上插入隐藏的链接菜单，在菜单中嵌入更多的链接……这里以Fireworks 4.0为例加以简要介绍。
插入多链接
运行Fireworks 4.0，执行“File/Open…”命令，打开需要插入更多链接的图片，在图片上选择插入多个链接或链接菜单的位置，这个位置可以用插入热区和插入切片两种方法实现。下面我们先看看如何在热区上插入更多链接：Fireworks 4.0的工具窗口中提供了一个矩形热区工具按钮(如图1)，按下热区工具按钮(或执行“Insert”菜单的“Hotspot”命令)，按住鼠标左键并拖曳鼠标，可以在图片上选定一个热区；继续拖曳鼠标，可以选定第二个以至更多个热区，直至达到需要的数量。刚选定的热区呈半透明状态显示，中心会出现一个圆形标志，选定后面的热区时，标志消失，但已选定的区域仍呈半透明状态显示。
图1
如果只需在一个热区插入一个链接，选定热区后可直接导出网页文件，然后用FrontPage或Dreamweaver打开导出的网页文件，图片上会自动显示出已设置的热区，直接在各热区上插入链接即可。
插入链接菜单
如果要在热区上插入链接菜单，就将鼠标指针指向选定的热区并单击鼠标右键，执行快捷菜单中的“Add Pop-up Menu…”命令，打开“Set Pop-up Menu”对话框(如图1)。在“Text”标输入框中输入菜单中显示的链接名，在“Link”输入框输入链接目标的URL地址，然后单击“Target”后面的三角箭头按钮，从下拉列表中选择链接网页的打开方式，其中的“_blank”用来在新窗口打开链接的网页。设置完毕后单击“Menu”后面的“+”号按钮，链接菜单中的第一个链接项目就设置好了；重复前面的操作，可以设置菜单中的第二个以至更多个链接项目。
菜单中的全部项目设置完毕，单击“Next”按钮，在下一个对话框中设置链接菜单的显示方式。链接菜单在网页上是以浮动式表格形式出现的，菜单中的每个链接项占一个单元格，该表格的显示方式，包括普通HTML按钮方式和图像按钮方式：
在“Cells”后面选择“HTML”，表格菜单的各个单元格形成普通HTML按钮，这时可在“Font”和“Size”两个选项框的后面，选择菜单中显示的文字字体和文字大小；在“Up State”栏，设置浮动式表格菜单中所有链接项的底色和文字颜色(鼠标指针未指向的单元格)；在“Over State”栏，设置已选择的链接项的底色和文字颜色(鼠标指针指向的单元格)。在“Cells”后面选择“Image”，各个单元格形成图像按钮，这时，除设置普通HTML按钮的各个选项外，还可以设置普通状态和按下状态时单元格中显示的图像。
菜单显示方式设置完毕后，单击“Finish”返回主界面，然后执行“File/Export…”命令，打开“Export”对话框：选择好文件保存位置，然后在“文件名”输入框后面输入要保存的网页文件名；在“保存类型”选项框中选择“HTML and Images”；在“HTML”选项框后面选择“Export HTML File”。如果要将图片存放在专门的图像文件夹，可选中下面的“Put Images in Subfolder”复选项，并单击“Browse…”选择保存图像的文件夹，否则图片和网页文件或保存在同一文件夹。最后单击“保存”即可。
用切片方式插入
在切片上设置更多链接和链接菜单的方法，与在热区上设置的方法大同小异，所不同的是：插入热区后，原图片仍为一幅完整的图片，进行导出保存时也只保存一幅完整图片，只是在各个热区上设置一个插入链接的区域。插入切片后，图片会沿着选定切片的边线，被切割成若干个独立的片段，进行导出保存时，图片以切割的片段保存为多幅图片。此外，被切割出的若干个片段中，直接选定的片段为主动切片、可以插入链接菜单，其他被切割出来的片段为被动切片，不能插入链接菜单、但可在网页编辑程序中为其插入一个链接。按下工具窗口的切片工具按钮(或执行“Insert/Slice”命令)，拖动鼠标即可在图片上选定一个主动切片和若干个被动切片，其中的主动切片上显示圆形标志、并呈半透明状态显示，被动切片的显示方式没有变化；如果要在一个切片上插入一个链接，设置完切片后可直接导出网页文件。
图2
如果要在切片上插入链接菜单，就将鼠标指针指向主动切片并单击鼠标右键，执行“Add Pop-up Menu…”命令，像在热区上插入链接菜单一样操作即可。要在多个切片上插入多个链接菜单，就要插入多个主动切片，其他操作完全相同。此外，进行导出操作时，要在“Export”对话框的“Slices”选择框中，应选择“Export Slices”，不能选择“Slice Along Guides”；在对话框下面，必须选中“Include Areas without”复选项，不能选择“Selected Slices Only”；否则将会造成网页中的图片将保存不完整的错误，或者造成切片及其中的链接菜单无效的错误。
用Fireworks导出网页文件后，可以用FrontPage或Dreamweaver对这个HTML文件进行继续编辑，使之成为一个完整的网页，将该网页保存或上传后，访问者一旦将鼠标指针指向图像上设置的热区或切片，就会弹出其中隐藏的链接菜单，单击菜单中的链接即可访问它所指向的网页(如图2)
(责任编辑Ardeler )
