首页 百科知识 8.4.3图像映射

8.4.3图像映射

时间:2022-10-15 百科知识 版权反馈
【摘要】:图像映射是将图像划分为若干个区域,每个区域称为一个热区,每个热区分别设置不同的超级链接。比如一张成都地图的图片,如图8-19所示,单击了不同的区域跳转到不同的网页。为了演示制作效果,下面的成都地图笔者加了一些链接,你可以用鼠标测试。3.在属性面板的“替代”文本框中输入你的提示文字说明。在替代框填写了说明文字以后,光标移上热区就会显示出相应的说明文字。

8.4.3 图像映射

图像映射是将图像划分为若干个区域,每个区域称为一个热区,每个热区分别设置不同的超级链接。比如一张成都地图的图片,如图8-19所示,单击了不同的区域跳转到不同的网页。可点的区域就是热区。为了演示制作效果,下面的成都地图笔者加了一些链接,你可以用鼠标测试。将鼠标移动到区域的热区,会显示提示,如果有预先设置的网站,点击会进入对方的网站。

img408

图8-19 具有图像映射的成都地图

制作方法

1.打开网页,选择图片,用展开的属性面板上的绘图工具(正方形热区按钮如图8-20所示),将光标移动到图片上并按下鼠标左键拖动,绘制出一个黑色边界线的浅蓝色正方形区域,如图8-21所示。

img409

图8-20 正方形热区按钮图

img410

图8-21 图像映射

2.单击“链接”右侧的文件夹图标img411,打开“选择文件”对话框,从中选择链接文件,单击“确定”按钮关闭对话框。

3.在属性面板的“替代”文本框中输入你的提示文字说明。在“目标”下拉列表中选择链接文件在浏览器中出现的位置,此处不作选择则默认在新浏览器窗口打开,如图8-22所示。

img412

图8-22 图像映射属性面板

4.如果要创建多个热区,可重复上面的步骤,然后保存页面,按“F12”键预览,用鼠标在设置的热区检验效果。

提示:对于复杂的热区图形我们可以直接选择多边形工具来进行描画。在替代框填写了说明文字以后,光标移上热区就会显示出相应的说明文字。

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

我要反馈