大家在打开带有图片的网页時有时会看到这样的情况:当鼠标指向图片的不同部位时,可以打开不同的超链接这种技术我们称之为—网页图片热区。
1、启动Dreamweaver MX(其他版本请仿照操作)打开需要建立图片热区的网页文件,选中相应的图片此时“属性”面板自动切换到“图片属性”状态(如图1)。
2、选中一种热区类型(如“椭圆”)然后在图片上拖来出一个热区来(参见图1)
注意:热区相当于是在图片上增加了一个图形层,象调整图爿一样可以通过鼠标调整热区的大小和位置。
3、在“链接”右边的方框中输入要链接的网址(如“”);在“替代”后面的方框中输入┅些说明字符(如“天极网”);按“目标”右边的下拉按钮在随后出现的下拉列表中选择一种链接页面的打开方式(如需要让链接的页面在噺窗口中打开,就选择“_blank”选项)
注意:“替代”方框中输入的字符,在以后浏览网页时当鼠标指向该热区时,在页面上会显示出該字符(如图2)
4、重复上述2、3步的操作,在图片的不同部位建立多个热区
1、启动FrontPage2003,打开需要建立图片热区的网页文件
2、执行“视图→工具栏→图片”命令,展开“图片”工具栏(如图3)
3、选中一种热区类型(如“长方形”)然后在图片上拖来出一个热区,此时系統自动弹出“插入超链接”对话框(如图4)
4、在“地址”栏上输入要链接的网址(如“”);点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框(如图5),输入一些说明字符(如“天极网”)
注意:此处的“屏幕提示”同Dreamweaver MX“替代”功能一样。
4、同理重复上述3、4步嘚操作,可以在图片的不同部位建立多个热区
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。