下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程。
一、在Dreamweaver MX中为图片建立热区
1、启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时“属性”面板自动切换到“图片属性”状态(如图1)。
2、选中一种热区类型(如“椭圆”),然后在图片上拖来出一个热区来(参见图1)

图1
注意:热区相当于是在图片上增加了一个图形层,象调整图片一样,可以通过鼠标调整热区的大小和位置。
3、在“链接”右边的方框中输入要链接的网址(如“http://www.yesky.com”);在“替代”后面的方框中输入一些说明字符(如“天极网”);按“目标”右边的下拉按钮,在随后出现的下拉列表中选择一种链接页面的打开方式(如需要让链接的页面在新窗口中打开,就选择“_blank”选项)。
注意:“替代”方框中输入的字符,在以后浏览网页时,当鼠标指向该热区时,在页面上会显示出该字符(如图2)。

图2
4、重复上述2、3步的操作,在图片的不同部位建立多个热区。
![]() | 去除Dreamweaver表格宽度辅助线 | 09-24 |
![]() | Dreamweaver制作网页技巧20则 | 02-17 |
![]() | 网页设计经验和技巧总结 | 02-16 |
![]() | Dreamweaver的应用源格式小技巧 | 11-19 |
![]() | 巧用DW判断字符串中是否有换行 | 11-19 |
![]() | 网页制作 详解Dreamweaver13个技巧 | 11-01 |
![]() | Dreamweaver8技巧:查找和替换应用 | 10-16 |
![]() | Dreamweaver实用小技巧 | 09-20 |
![]() | Dreamweaver网页制作技巧全面接触 | 01-05 |
![]() | Dreamweaver查找替换的技巧 | 05-31 |
![]() | dreamweaer使用技巧六则 | 06-26 |