Dreamweaver MX网页图片热区使用方法
作者：陈秀峰 来源：天极设计在线 发布时间：2008-05-20 12:50:00
标签：图片,热区,dw,FrontPage
大家在打开带有图片的网页时，有时会看到这样的情况：当鼠标指向图片的不同部位时，可以打开不同的超链接，这种技术我们称之为——网页图片热区。
下面我们以Dreamweaver MX和FrontPage 2003为例，来看看网页图片热区的具体建立过程。
<BR align="center"
实例演示：大家把鼠标放到重庆区域，即可看到鼠标变成小手
一、在Dreamweaver MX中为图片建立热区
1、启动Dreamweaver MX（其他版本请仿照操作），打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态（如图1）。
2、选中一种热区类型（如“椭圆”），然后在图片上拖来出一个热区来（参见图1）
注意：热区相当于是在图片上增加了一个图形层，象调整图片一样，可以通过鼠标调整热区的大小和位置。
3、在“链接”右边的方框中输入要链接的网址（如“http://www.yesky.com”）；在“替代”后面的方框中输入一些说明字符（如“天极网”）；按“目标”右边的下拉按钮，在随后出现的下拉列表中选择一种链接页面的打开方式（如需要让链接的页面在新窗口中打开，就选择“_blank”选项）。
注意：“替代”方框中输入的字符，在以后浏览网页时，当鼠标指向该热区时，在页面上会显示出该字符（如图2）。
4、重复上述2、3步的操作，在图片的不同部位建立多个热区。
0
投稿猜你喜欢
- 作为设计主管，Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具，这些工具被用于下载中
- 使用sql语句删除数据库中重复记录的两个方法如下：方法一declare @max integer,@id in
- 功能：实现网页内容的即时编辑，增加页面的可用性、交互性。方法1：直接通过textarea标签实现，请运行下边代码：<!DOCTYPE
- 前两天，编辑建议我去当当和卓越申请个用户，在网站上放上我的书的链接，这样还可以拿到一些反点儿，于是我兴冲冲地跑到几个网站上去看，却只在卓越（
- 上一篇的DOCTYPE声明好以后，接下来的代码是：<html xmlns="xhtml" ta
- 有时候想为我们的网页提供多语言支持，如果一种语言用一张网页来做实在太麻烦了，幸好Google提供了语言工具功能，下面介绍如何利用它来实现网页
- 为了防止某些别有用心的人从外部访问数据库，盗取数据库中的用户姓名、密码、信用卡号等其他重要信息，在我们创建数据库驱动的解决方案时，我们首先需
- 问题：如何用ASP实现点击数统计？比如我要实现某篇文章被浏览一次就增加一个点击数，该怎么做?回答：就是说，比如，你的页面是：shownews
- 我看blog里，还有很多地方都引用过我写的这个类，转了不少，但自己一直也没发表过，这次正式发表一下。在蓝色理想中有人不懂怎么用，我在baid
- 构筑专业的网络站点和应用程序,先进的设计工具,功能强大，开放式集成系统；流畅的开发进程。Macromedia Dreamweaver MX
说明：这个例子,首先是把SPAN里的内容用display:none;干掉,就是不显示; 然后在A:HOVER时,再把SPAN里的内容disp- 很多人喜欢把一个网站中相同的部分象是统一的页面logo，版权声明等做成一个过程，然后放到一个include文件中，这样所有的页面就都可以使用
- Javascript 选择器（selector engine）似乎从 jQuery 流行以来就大行其道，改变了原有 Javascript 选
- 这是早上找了点时间写了一个利用404错误达到静态态效果的类，准备在HTTP://PJSKIN.MYSUC.COM中使用的。不过现在没时间去弄
- 这是一种相对比较复杂的图表，但是仍然遵循上篇中提出的最基本的思路。本例中使用的定义列表标签dl可能平常我们见得不多，一般我们在做列表的时候通
- 之前在《首都机场的点烟器》中分析了一个软件系统所处的状态并且列举了不同的状态所需要的展示给用户的各类信息，我们先简单回顾一下：要设计一个软件
- 最早大家都没有给链接加title的习惯，后来因为w3c标准普及，又集体加上了title。从一个极端走到另个极端，于是出现很多怪异现象。两方面
- 如何用SysOjects来获知数据库的信息？SysObjects中就保存了数据库中所有对象的信息，如：SELECT * FROM SysOb
- Linux下MySQL整个数据库的备份与还原[root]# /usr/bin/mysqldump -h127.0.0.1 -uusernam
- 老师罚学生抄写英文单词，结果学生给抄成这样……
