网站公告列表

  没有公告

加入收藏
设为首页
联系站长
您现在的位置: 遐想网络 >> I T >> 专题教程 >> Dreamweaver >> 文章正文
  [组图]六、建立超级链接          【字体:
六、建立超级链接
作者:遐想网络    文章来源:遐想网络    点击数:    更新时间:2005-7-3    

六、建立超级链接

  超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系。通过点击链接,我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。

1、文字链接

  在页面中选取需要建立链接的文字,如下图:

  在属性面板的Link一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这里填写的是:http://www.tenglong.net

  如果你希望该页面是在一个新窗口打开,可以在Target中选择“_balnk”。

  如果要链接到网站内的文件,可以点击

  上图中,我们是将文字链接到“Berna Biotech AG Welcome!.htm”这个文件,特别注意的是最底的“相对于”的选项,意思是选择相对路径的形式,默认是“文档”,也可以选择“站点根目录”,区别在于,“文档”是指相对路径是从本页开始计算,而“站点根目录”是从根目录开始计算(即“/”),如下图:

  另外,如果使用“站点根目录”的模式做成的链接,在本地硬盘直接打开页面浏览通常会出错,但在Dreamweaver的预浏模式和上传上服务器后,都不会有问题。

2、图片链接

  图片链接的建立过程与文字链接相似,就不多作介绍了。但特别要提出的是,某些图片,在加上链接后,会出现一个蓝色的边框,要将边框去掉,将Border设为0即可。

3、热区链接

  前面介绍的图片链接,一张图只能对应一个链接,能不能一张图对应多个链接呢?答案是可以的,选取一张图片后,可以在属性面板看到“地图”选项:

  其中: 创建矩形热区, 创建原形热区, 创建多边形热区。例如我们现在点 ,光标变成一个十字,此时可以在图片上画出一个蓝色矩形的热区:

  此时对应的属性面板为:

  同样地,在“链接”输入链接地址(“#”表示一个空链接),而“目标”则为当鼠标指向热区时所显示的文字,与图片的“目标”相似。我们可以通过 选择不同的热区,并通过调整热区四个角的控制点调整热度的大小。通过热区,我们可以在一个杯子上做一个链接,同时又在另一个杆子上做一个链接,分别链接到不同的页面。

关于链接的提示

  1、如果要链接到一个E-mail地址,则在“链接”处填写:“mailto:地址”,例如mailto:dnkt@tenglong.net,那么点击该链接的时候,就回打开默认的E-mail程序,例如Outlook,发送E-mail到dnkt@tenglong.net这个地址。

  2、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会弹出对话框,询问是将文件保存到硬盘的什么地方,这就实现了文件下载的功能。

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    九、总结
    八、为网页增添互动效果
    七、网页的排版
    五、让你的网页更漂亮
    四、从最简单的网页开始
    三、制作前的准备工作——定…
    二、初步认识 Dreamweaver
    一、Dreamweaver 简介
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    版权所有 Copyright© 2006 遐想网络

    鲁ICP备05004005号