网页图片热区定义

日期：2007年10月19日作者：查看:[大字体中字体小字体]

　　大家在打开带有图片的网页时，有时会看到这样的情况：当鼠标指向图片的不同部位时，可以打开不同的超链接，这种技术我们称之为——网页图片热区。

　　下面我们以Dreamweaver MX和FrontPage 2003为例，来看看网页图片热区的具体建立过程。

实例演示：大家把鼠标放到重庆区域，即可看到鼠标变成小手，并可点击到天极网www.yesky.com

　　一、在Dreamweaver MX中为图片建立热区
　　1、启动Dreamweaver MX（其他版本请仿照操作），打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态（如图1）。
　　2、选中一种热区类型（如“椭圆”），然后在图片上拖来出一个热区来（参见图1）

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

　　4、重复上述2、3步的操作，在图片的不同部位建立多个热区。 二、在FrontPage2003中为图片建立热区
　　1、启动FrontPage2003，打开需要建立图片热区的网页文件。
　　2、执行“视图→工具栏→图片”命令，展开“图片”工具栏（如图3）

　　3、选中一种热区类型（如“长方形”），然后在图片上拖来出一个热区，此时系统自动弹出“插入超链接”对话框（如图4）。

　　4、在“地址”栏上输入要链接的网址（如“http://www.yesky.com”）；点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框（如图5），输入一些说明字符（如“天极网”）。
[1] [2] 下一页
网页图片热区定义相关文章：
·Windows Vista中如何自定义语言栏图标
·XML Schema定义元素的基本知识
·AutoCAD中自定义线型的小技巧
·网站策划有什么意义?
·菜鸟入门 AV功放机上的数字含义
·AutoCAD文件传递中的字体替换定义技巧
·PS基础教程画笔应用之自定义画笔
·Linux中网络参数的意义及其应用
·ASP.Net中保护自定义的服务器控件
·站点推广的涵义
网页图片热区定义相关软件
·正义与邪恶的较量：刑庭法官
·秘书长——一场正义与腐败的权利博弈
·三国演义
·《风俗通义校注》
·《以共和国的名义》
·一部爱国主义的历史长篇小说——《十字军骑士》
·jsp培训讲义
·DVD刻录之三国演义
·全年龄段言情主义大作《步步惊心》实体书版（全本）
·《蔡东藩历代历史演义合集》

上一篇:DreamWeaver经典50问(五)

下一篇:Dreamweaver制作各种形式的菜单

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

网页图片热区定义

精品推荐

热点TOP10

特别推荐