【摘要】:图像映射是将图像划分为若干个区域,每个区域称为一个热区,每个热区分别设置不同的超级链接。比如一张成都地图的图片,如图8-19所示,单击了不同的区域跳转到不同的网页。为了演示制作效果,下面的成都地图笔者加了一些链接,你可以用鼠标测试。3.在属性面板的“替代”文本框中输入你的提示文字说明。在替代框填写了说明文字以后,光标移上热区就会显示出相应的说明文字。
8.4.3 图像映射
图像映射是将图像划分为若干个区域,每个区域称为一个热区,每个热区分别设置不同的超级链接。比如一张成都地图的图片,如图8-19所示,单击了不同的区域跳转到不同的网页。可点的区域就是热区。为了演示制作效果,下面的成都地图笔者加了一些链接,你可以用鼠标测试。将鼠标移动到区域的热区,会显示提示,如果有预先设置的网站,点击会进入对方的网站。
图8-19 具有图像映射的成都地图
制作方法
1.打开网页,选择图片,用展开的属性面板上的绘图工具(正方形热区按钮如图8-20所示),将光标移动到图片上并按下鼠标左键拖动,绘制出一个黑色边界线的浅蓝色正方形区域,如图8-21所示。
图8-20 正方形热区按钮图
图8-21 图像映射
2.单击“链接”右侧的文件夹图标,打开“选择文件”对话框,从中选择链接文件,单击“确定”按钮关闭对话框。
3.在属性面板的“替代”文本框中输入你的提示文字说明。在“目标”下拉列表中选择链接文件在浏览器中出现的位置,此处不作选择则默认在新浏览器窗口打开,如图8-22所示。
图8-22 图像映射属性面板
4.如果要创建多个热区,可重复上面的步骤,然后保存页面,按“F12”键预览,用鼠标在设置的热区检验效果。
提示:对于复杂的热区图形我们可以直接选择多边形工具来进行描画。在替代框填写了说明文字以后,光标移上热区就会显示出相应的说明文字。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。