首页 理论教育 图文映射教程:用热点制作搞定

图文映射教程:用热点制作搞定

时间:2023-11-06 理论教育 版权反馈
【摘要】:下面通过一个实例来说明如何创建图像映射。单击“插入”栏中的图像按钮,在文档窗口中插入一幅图像。选择多边形热点工具,在“九寨沟”的左上角单击鼠标左键,加入一个定位点;再在左下角单击鼠标左键,加入第二个定位点,这时两个定位点间会连成一条直线。图5-20 插入热点区域前后的效果执行“文件”/“保存”命令保存文档。此时被选中的热点区域周围会出现控制手柄。

图文映射教程:用热点制作搞定

在通常情况下,一个图像只能对应一个超链接。在浏览网页的过程中,读者可能会遇到一个图像的不同部分建立了不同的超链接,这就是图像映射,只要使用热点工具就可以轻松实现。

简单地说,图像映射就是将一幅图像用热点工具分割为若干个区域,并将这些子区域设置成热点区域,然后将这些不同的热点区域链接到不同的页面。当用户单击图像上不同热点区域时,就可以跳转到不同的页面。

下面通过一个实例来说明如何创建图像映射。

978-7-111-34315-8-Chapter05-61.jpg 新建一个文件。单击“插入”栏中的图像按钮978-7-111-34315-8-Chapter05-62.jpg,在文档窗口中插入一幅图像。如图5-20左图所示。

978-7-111-34315-8-Chapter05-63.jpg 选中图像,单击属性面板上的矩形热点按钮978-7-111-34315-8-Chapter05-64.jpg,此时该图标会下凹,表示被选中。在图像上的“故宫”两字左上角按下鼠标左键并向右下角拖动,直到出现的矩形框将“故宫”两个字包围后释放鼠标。这样第一个热点建立完成。此时热点区域会显示成半透明的阴影。

978-7-111-34315-8-Chapter05-65.jpg 选中矩形热点,在属性面板中设置其链接目标、打开方式和替换文字。

978-7-111-34315-8-Chapter05-66.jpg 选择圆形热点工具978-7-111-34315-8-Chapter05-67.jpg,在“神农顶”的左上角按下鼠标左键并向右下角拖动,将“神农顶”三个字包围后释放鼠标。然后在属性面板上设置其链接属性。

978-7-111-34315-8-Chapter05-68.jpg 选择多边形热点工具978-7-111-34315-8-Chapter05-69.jpg,在“九寨沟”的左上角单击鼠标左键,加入一个定位点;再在左下角单击鼠标左键,加入第二个定位点,这时两个定位点间会连成一条直线。按同样的方法再添加三个定位点,此时五个定位点会连成一个五边形,将“九寨沟”三个字包围。

978-7-111-34315-8-Chapter05-70.jpg 选中多边形热点区域,在属性面板中设置其链接属性。

978-7-111-34315-8-Chapter05-71.jpg 按照第(5)步和第(6)步的方法,为“三亚”添加多边形热点。然后在属性面板上设置其链接属性。最终效果如图5-20右图所示。(www.xing528.com)

978-7-111-34315-8-Chapter05-72.jpg

图5-20 插入热点区域前后的效果

978-7-111-34315-8-Chapter05-73.jpg 执行“文件”/“保存”命令保存文档。然后按下F12在浏览器中预览整个页面,当用户把鼠标移动到热点区域上时,鼠标的形状变为手形,并且在浏览器下方的状态栏中显示了链接的路径。当用户单击各个热点区域,则会打开相应的超级链接文件。

在绘制热点区域后,常常需要调整热点区域的大小和形状,以满足设计需要。

(1)在属性设置面板左下角单击调整热点工具978-7-111-34315-8-Chapter05-74.jpg按钮,然后单击需要调整大小的热点区域。此时被选中的热点区域周围会出现控制手柄。

(2)把鼠标放在这些小方块上,然后拖拉鼠标即可改变热点区域的大小或形状。

如果是矩形或多边形热点区域,如此操作会改变区域的形状;而对于圆形热点区域,上述操作只会改变形状的大小。

如果要改变热点区域的位置,可以选择热点调整工具978-7-111-34315-8-Chapter05-75.jpg,并在需要移动的热点区域单击,然后按下鼠标左键进行拖曳。但这种移动方式很难精确地将热点移动到需要的位置。此时用键盘的方向键可以以像素为单位移动热点位置。选中热点,按Shift+方向箭,一次可以移动10个像素。如果直接按方向键,则一次只能移动一个像素。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈