1.概述
在开发网络程序时,通常需要对网站的功能流程进行详细说明。程序的开发者很重视如何将某个网站的功能清晰地描述出来。解决这一问题的最好办法就是制作导航地图,该地图不仅可以美化网站,同时也可以更加详细地说明该网站的具体功能及操作流程。
2.技术要点
主要通过建立图像地图实现导航地图。图像地图通常被用在设置图像链接或图像导航方面。可以通过设置图像地图热区的链接,完成商场内各个商品专区的链接。设置图像地图的“替代”文本可以在图像中起到对商品专区导航的作用。建立图像热区也就是建立图像地图。
为图像“属性”面板中的图像地图工具,共分为3种,分别是矩形、圆形和多边形。建立图像地图非常简单,只要选择任意一种图形后,在适当位置按住左键拖动鼠标即可建立相应热区。
通过单击图像热区“属性”面板中“链接”域后的浏览图像文件夹图标添加相应图标,在弹出的“选择文件”对话框中选择所要链接的文件,或者直接输入超级链接的路径及文件名。
3.具体实现
(1)首先在Photoshop中制作需要建立图片热区的图片。
(2)在Dreamweaver中选择“插入”→“图像”选项,插入一张图片,使用鼠标左键单击选中此图片,此时在“属性”控制面板中可以看到此图片的相关属性。
(3)初次使用“属性”控制面板时,其默认为“简化”形式,单击右下方的向下箭头可打开其扩展属性模式。
(4)此时可以通过“属性”控制面板设置图像热区。