请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 6188|回复: 0
收起左侧

用DreamweaverMX 做图像热区[含5P]

[复制链接]
发表于 2015-8-3 13:28:03 | 显示全部楼层 |阅读模式
<p>大家在打开带有图片的网页时,有时会看到这样的情况:当鼠标指向图片的不同部位时,可以打开不同的超链接,这种技术我们称之为—网页图片热区。   下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程。
  一、在Dreamweaver MX中为图片建立热区
  1、启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时“属性”面板自动切换到“图片属性”状态(如图1)。
  2、选中一种热区类型(如“多边形”),然后在图片上依次点出一个热区来(参见图1)
[img=486 border=0,486 alt=]http://p1.mb5u.com/jc/Snap2.gif[/img]

图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步的操作,可以在图片的不同部位建立多个热区。



上一篇:DW2004 中文乱码解决方案 [1]
下一篇:DW构建Blog全程实录
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表