Dreamweaver怎么添加超链接?Dreamweaver超链接教程

Dreamweaver怎么添加超链接?Dreamweaver超链接教程

  大家都知道,网站不止有一个页面,而是有很多个页面组成的,怎么把各个网页串联起来呢?今天小编为大家带来Dreamweaver超链接教程。

软件推荐:Macromedia Dreamweaver 8下载
(电脑版)

一、链接图片和文字  

为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“Link”输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件。

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

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



图1

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

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

二、在一张图片上设定多个链接


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

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

  2.根据需要用鼠标选中其中的一个,再把鼠标移到图像上拖拽出一块淡蓝色的区域。

  3.在属性面板中的“Link”输入框中填写需要链接的网页地址,这样一个图像热区域就做好了。   同样,再对这幅图像设定多个图像热区域,也就可以实现点击图片的不同区域进入不同的页面了。

Dreamweaver怎么添加超链接?Dreamweaver超链接教程

相关文章:

你感兴趣的文章:

标签云: