大家在打开带有图片的网页时，有时会看到这样的情况：当鼠标指向图片的不同部位时，可以打开不同的超链接，这种技术我们称之为—网页图片热区。
下面我们以 Dreamweaver MX 和 FrontPage 2003 为例，来看看网页图片热区的具体建立过程。
一、在 Dreamweaver MX 中为图片建立热区
1、启动 Dreamweaver MX(其他版本请仿照操作)，打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态 (如图 1)。
2、选中一种热区类型 (如“多边形”)，然后在图片上依次点出一个热区来 (参见图 1)
图 1
注重：热区相当于是在图片上增加了一个图形层，象调整图片一样，可以通过选择工具调整热区的大小和位置。
在一页中有多个图像地图时，要注重不同的地图名字。另外假如不是非凡复杂的图形链接时，要尽量少用图像地图来加链接。
3、在“链接”右边的方框中输入要链接的网址 (如“http://www.yesky.com”)；在“替代”后面的方框中输入一些说明字符 (如“天极网”)；按“目标”右边的下拉按钮，在随后出现的下拉列表中选择一种链接页面的打开方式 (如需要让链接的页面在新窗口中打开，就选择“_blank”选项)。
注重：“替代”方框中输入的字符，在以后浏览网页时，当鼠标指向该热区时，在页面上会显示出该字符 (如图 2)。
图 2
4、重复上述 2、3 步的操作，在图片的不同部位建立多个热区。
二、在 FrontPage2003 中为图片建立热区
1、启动 FrontPage2003，打开需要建立图片热区的网页文件。
2、执行“视图→工具栏→图片”命令，展开“图片”工具栏 (如图 3)
图 3
3、选中一种热区类型 (如“长方形”)，然后在图片上拖来出一个热区，此时系统自动弹出“插入超链接”对话框 (如图 4)。
图 4
4、在“地址”栏上输入要链接的网址 (如“www.yesky.com”)；点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框 (如图 5)，输入一些说明字符 (如“天极网”)。
图 5
注重：此处的“屏幕提示”同 Dreamweaver MX“替代”功能一样。
4、同理，重复上述 3、4 步的操作，可以在图片的不同部位建立多个热区。
