
上QQ阅读APP看书,第一时间看更新
2.4.2 创建图像热点链接
当需要对一幅图像的特定部位进行链接时就用到热点链接。当单击某个热点时,会链接到相应的网页。矩形主要针对图像轮廓较规则,且呈方形的图像;椭圆形主要针对圆形规则的轮廓;不规则多边形则针对复杂的轮廓外形。在这里以矩形为例介绍热点链接的创建。在创建过程中,首先选中图像,然后在“属性”面板中选择热点工具,并在图像上绘制热区。
创建的图像热点链接效果如图2-24所示,具体操作步骤如下。

图2-24 创建的图像热点链接效果
01 打开网页文档,如图2-25所示。

图2-25 打开网页文档
02 选中图像,在“属性”面板中选择“矩形热点”工具,如图2-26所示。

图2-26 选择“矩形热点”工具
提示
对于复杂的热点图像可以选择“多边形热点”工具进行绘制。
03 将光标置于图像上要创建热点的部分,绘制一个矩形热点,在“属性”面板中的“链接”文本框中输入链接的文件,如图2-27所示。

图2-27 绘制热点
04 将光标置于其他图像上,绘制其他热点链接,如图2-28所示。

图2-28 绘制其他热点链接
05 保存文档,按F12键在浏览器中预览效果,如图2-24所示。
知识要点
热区的“属性”面板中主要有以下参数。
■ 链接:输入相应的链接地址。
■ 替代:填写说明文字以后,光标移到热点就会显示相应的说明文字。
■ 目标:不作选择,则默认在浏览器窗口打开。