文章检索



 
当前页面位置:主页大众IT学院Dreamweaver:文章

DreamweaverMX技巧之超链接
( 赵江 2003.12.08 09:20:16  本文选自:《中国电脑教育报》 )

在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。

一、链接图片和文字
为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“Link”输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件。除此之外,Dreamweaver MX 2004还提供了一种通过网站窗口来快速链接文件的方法。

第一步:首先运行“Site→Manage Sites”命令,并且从弹出菜单中选择一个已经创建好的站点,此时可以在右部看见弹出的站点管理窗口。

第二步:在编辑区选中文字或者图片,直接拖拽属性面板中“Link”输入框旁边的圆形标靶图标,这时将出现一个箭头,当箭头指向网站管理器中的某一个文件时,文件周围会出现一个方框(如图1)。


图1

第三步:松开鼠标之后,选中的文字下部就会出现下划线,同时单词的颜色变成蓝色,而且“Link”输入框中也会自动显示目标文件的地址。

提示:在建立链接的时候需要注意URL的两种方式。1.绝对地址:例如www.abc.com/test.htm;2.相对地址:比如download/1.htm,说明页面1.htm在服务器的根目录中。

二、在一张图片上设定多个链接
有些网页在一张大图片上做了多个链接,这样访问者可以通过点击图片的不同位置进入不同的页面,这是应用了图像热区域的概念,我们可以参照下述步骤实现。

第一步:在Dreamweaver MX 2004中可以先选中图像,此时可以在图像属性面板上看见一个“Map”区域,在其下方有三个淡蓝色的工具图标,即矩形、圆形和多边形。

1 2 下一页



【打印】 【发给朋友】 【发表评论】 【将本文用短信转发给好友】


相 关 文 章

Dreamweaver:制作目录树 (2003.11.03)
Dreamweaver:热区制作 (2003.10.31)
Dreamweaver:把图形放在最中间 (2003.10.30)
Dreamweaver:非链接使用Behaviors (2003.10.29)
Dreamweaver:定义链接文字颜色 (2003.10.28)


读者需求反馈表: 联系客户服务中心
*姓  名: 您需要了解:
更多资料 更多产品 认识厂商
*单位名称:
*联系电话:
*电子邮件:
您是: 渠  道 厂商
采购者 产品经理