![Dreamweaver+ASP动态网页设计从新手到高手](https://wfqqreader-1252317822.image.myqcloud.com/cover/247/34233247/b_34233247.jpg)
上QQ阅读APP看书,第一时间看更新
2.4.2 创建图像热点链接
当需要对一幅图像的特定部位进行链接时就用到热点链接。当单击某个热点时,会链接到相应的网页。矩形主要针对图像轮廓较规则,且呈方形的图像;椭圆形主要针对圆形规则的轮廓;不规则多边形则针对复杂的轮廓外形。在这里以矩形为例介绍热点链接的创建。在创建过程中,首先选中图像,然后在“属性”面板中选择热点工具,并在图像上绘制热区。
创建的图像热点链接效果如图2-24所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/42857A/18320967001642506/epubprivate/OEBPS/Images/Figure-P33_37681.jpg?sign=1739337189-FkiTtGCqviyXDq32ogZMMQ6NvJAzWHUI-0-9e42ad62e5e70ecdf85b2d42250e4300)
图2-24 创建的图像热点链接效果
01 打开网页文档,如图2-25所示。
![](https://epubservercos.yuewen.com/42857A/18320967001642506/epubprivate/OEBPS/Images/Figure-P33_37689.jpg?sign=1739337189-PR4UPfA1UCP0rgz5cPmb1akUdRzz6yLb-0-76af6904a0178428c8692ef55260df3b)
图2-25 打开网页文档
02 选中图像,在“属性”面板中选择“矩形热点”工具,如图2-26所示。
![](https://epubservercos.yuewen.com/42857A/18320967001642506/epubprivate/OEBPS/Images/Figure-P33_37697.jpg?sign=1739337189-4JDFVpJJQ9O5tljxyolHUcVaN90gO9V5-0-a6f644321c770d2d5d64166caac37868)
图2-26 选择“矩形热点”工具
提示
对于复杂的热点图像可以选择“多边形热点”工具进行绘制。
03 将光标置于图像上要创建热点的部分,绘制一个矩形热点,在“属性”面板中的“链接”文本框中输入链接的文件,如图2-27所示。
![](https://epubservercos.yuewen.com/42857A/18320967001642506/epubprivate/OEBPS/Images/Figure-P33_37706.jpg?sign=1739337189-0YquLG77Im3UTnpvpb4gvAEXHI5CG9JG-0-68d5d699720ecd8b5cfc07bdc24f4b97)
图2-27 绘制热点
04 将光标置于其他图像上,绘制其他热点链接,如图2-28所示。
![](https://epubservercos.yuewen.com/42857A/18320967001642506/epubprivate/OEBPS/Images/Figure-P34_37733.jpg?sign=1739337189-MjVbY80Zt9lByaB2DC5wmsd4VbqXdWli-0-e06a84eb61f27a9903282c534ee9a14b)
图2-28 绘制其他热点链接
05 保存文档,按F12键在浏览器中预览效果,如图2-24所示。
知识要点
热区的“属性”面板中主要有以下参数。
■ 链接:输入相应的链接地址。
■ 替代:填写说明文字以后,光标移到热点就会显示相应的说明文字。
■ 目标:不作选择,则默认在浏览器窗口打开。