频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

网页图片热区定义

来源:天极设计在线 作者:陈秀峰 出处:巧巧读书 2005-11-29 进入讨论组
下一页 1 2 
网页图片热区定义

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

  下面我们以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步的操作,在图片的不同部位建立多个热区。打开: http://www.qqread.com/dreamweaver/x112107102.html进入讨论组讨论。

下一页 1 2 
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章