- 网页设计与网站建设完全实战手册
- 刘贵国
- 313字
- 2021-03-19 18:34:51
7.4 综合实战——创建图像热点超链接网页
有时候需要在一张图片上设置几个区域,单击图片的不同区域可以进入不同的页面,或者是单击图片的某一块区域进入某一个页面,这就是网页的热点超链接,创建图像热点超链接的效果如图7-24所示,具体操作步骤如下:
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/figure_0273_0001.jpg?sign=1739006829-GzZ4q0sdHO0ai1YIeMBmzDXCVE30gyRX-0-71ad71599d49317f34fc2e1d9499596e)
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00295.jpg?sign=1739006829-YHgGCLHEI2e2CV21xCc4OuC1cjiafq45-0-cf44f5e157ec251386615d2e9513a1a3)
图7-24 创建热点链接
01 选中要创建热点超链接的图像,如图7-25所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00296.jpg?sign=1739006829-vRIISiyhJeS3yQzKvLT3tbuAM0Skmn6n-0-a61de37978992238f655fa191146fd66)
图7-25 打开网页文档
02 打开“属性”面板,在面板中选择“矩形热点工具”,如图7-26所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00297.jpg?sign=1739006829-Tb2ZnyMOtmLQLvWuX0r4kuB68dfNT8vz-0-69f1d284498f63a001b81d2ef255a5c4)
图7-26 选择“矩形热点工具”
03 在要绘制热点的位置按住鼠标左键拖动,以绘制矩形热点区域,如图7-27所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00298.jpg?sign=1739006829-vjDkLG6XWz01frg2154jKVU6Z2YMV1ZE-0-6d3a78e757ff1fa31abda58aa40bad22)
图7-27 绘制矩形热点区域
04 按照步骤02的方法绘制其他的热点区域,如图7-28所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00299.jpg?sign=1739006829-GAbMdunEZMC6JyCUXqq2UdrkpSSSzuFG-0-576ddd50ab7fbecfa9c261bfbc02f3d2)
图7-28 绘制其他的热点区域
05 保存文档,按F12键,在浏览器中预览,当单击热点超链接时,效果参见图7-24所示。