1、超链接制作 打印本页 本讲教学目标超链接是从一个网页指向其他网站或网页的连接的元素。当浏览者点击已经链接的文字或图片后,则向存放该网页的服务器发出一个请求，根据请求，服务器将链接的目标发送并显示在浏览器上。利用超级链接可以实现按照浏览者的需要进入指定的网站、打开指定的网页、下载指定的网络资源。本讲主要介绍超链接的类型；以及如何制作各种超链接本讲主要内容6.1 绝对路径超链接制作6.2 相对路径超链接制作6.3 制作锚点链接超级链接由两部分组成链接的载体以及链接的目标地址。许多页面元素可以作为链接载体，如:文本、图像、图像热区、轮替图像、动画。而链接目标可以是任意网络资源，如:页面、图像、声音、
2、程序、其他网站、Email、锚点(书签,即页面中的某个位置)等。网页要在网络上实现超链接，要有一个唯一的地址，称之为统一资源定位器(URL)。在创建超链接时需要给出要链接的网页 URL 地址，即给出链接的路径。网页中的超链接按照链接文档所在位置以及链接路径的不同，分为以下三种类型: 外部链接：链接到其它服务器、其它网站上的链接。 内部链接：当前文档与链接的文档位于同一个文件夹时使用的链接。 锚点链接：这种超链接又叫做书签。用于同一网页的链接 6.1 绝对路径超链接制作 顶部外部链接要使用绝对路径。绝对路径提供链接文档的完整 URL，包括使用的协议(对于网页通常是 http:/)。制作实例：链接
3、到中国教育网 URL 地址: hppt:/?；链接到中国教育网教育资源注意：必须使用绝对路径来链接其它服务器上的文档。操作步骤：1. 接选择要添加超链接的文本按住鼠标左键拖动将要添加链接的文本全部选中 2. 选取链接文本框输入链接的 URL 地址：Http:/点击回车键 3. 按下F12键在浏览器中预览点击中国教育科研网链接 打开中国教育网主页 4. 点击教育资源打开教育资源网页在浏览器地址栏中选取教育资源网页的 URL 地址用右键单击选择的地址在弹出的菜单中选取复制选项 5. 返回 Dreamweaver,选择要添加超链接的文本用右键单击链接文本框在弹出的菜单中选择复制选项将 URL 地址复
4、制到链接框中 6. 点击目标框选取_blank 选项。 说明：通过选择链接的目标可以指定被链接文档打开的窗口。例如，选择 _blank ：链接的文档在一个新建的浏览器窗口打开。如果不选择链接的目标，则默认目标为_self ，即装入链接的文档到与链接相同的窗口中6.2 相对路径超链接制作 顶部对于内部网页链接，即当前文档与链接的文档位于同一个文件夹时，采用相对路径链接。 相对路径链接所包含是省略对于当前文档和链接的文档都相同的绝对链接中的 URL 地址部分，而只提供不同的那部分路径。 例如：某课程网站主页的 URL 地址：http:/ precis.htm 的链接：相对地址：precis.htm
5、 （省略相同部分的 URL 地址： http:/ ） 一. 相对路径超链接制作 1. 选中要制作链接的文本或图像 2. 打开属性面板并执行以下任一操作: 方法一：点击链接域右边的指向文件按钮将指向文件按钮拖至文件面板中要链接的文件方法二：点击链接域右边的文件夹图标浏览并选取要链接的文件点击确定按钮根据链接文件存储的位置，链接相对地址有所不同： 链接的文件与当前文件处在同一文件夹中。链接地址：文件名例如：d1-1.htm 链接文件位于当前文件所在文件夹的子文件夹中。 链接地址：子文件夹名/文件名例如： sample/1.htm 链接文件位于当前文件所在文件夹的父文件夹中。 链接地址： / 文件名
6、 例如： /td1.htm 以浏览方式创建链接可以保证得到正确的相对路径。二. 典型课件的超链接制作链接ord 文档1. 点击要添加链接的图片 2. 点击链接框右边的浏览文件按钮 3. 在选择文件查找范围框中选取要链接文件所在的文件夹选取要链接的文件点击确定按钮 4. 在提示框中点击是按钮(如果文件存放于站点以外的文件夹，Dreamweaver 自动将该文件复制到当前站点所在的文件夹中) 5. 如果链接的文件名是中文，将复制后的文件名改名为英文或数字点击保存按钮 制作与 PPT 文档的链接1. 点击要添加链接的图片 2. 点击链接框右侧的浏览文件按钮 3. 选取要链接的 ppt 文档点击确定按
7、钮 4. 在复制提示框中点击是按钮 5. 将中文文件名改名为数字或英文点击保存按钮 6. 如何果要改变打开的目标窗口，选取目标框选取_blank 选项 建立图片链接1. 选择要链接的图片 2. 点击浏览文件按钮 3. 选取要链接的图片点击确定按钮 4. 在复制对话框中点击是按钮 5. 将文件名改名为英文或数字点击保存按钮 通过链接提供文件下载1. 将要下载的文件夹进行打包压缩用右键单击要下载的文件夹在弹出的菜单中选取添加到压缩文件选项 2. 给出压缩文件名点击确定按钮 3. 在 Dreamweaver 中点击要添加链接的图片 4. 击浏览文件按钮选取要链接的文件点击确定按钮 5. 在复制对话框
8、中点击是按钮 6. 将文件名改名为数字或英文点击保存按钮 7. 在浏览器中点击链接在文件下载窗口点击保存，可以将文件下载至浏览者的计算机上。6.3 制作锚点链接 顶部锚点又称书签，是一种网页内的超链接。在制作内容较多、较长的网页时，通过设置锚点链接可以使浏览者在点击锚点链接后，能够精确地跳转到网页中锚点所在的位置。创建锚点的链接需两步过程。首先，创建一个命名的锚点，然后创建对该命名锚点的链接。 一.创建锚点 1)在文档窗口的设计视图中，置插入点到需要命名锚点的地方。 2)执行以下任一操作: 选择插入命名的锚点。 在“插入”栏的“常用”类别中，单击“命名锚记”按钮。 。 3)在插入命名的锚点对话
9、框的锚点名域中，输入锚点名。 如果锚点标记没有出现在插入点位置，选择查看 可视化助理 不可见元素。 注意: 锚点名不能包含空白字符，不要使用中文或全角字符。二.链接到命名的锚点方法一:用输入锚点名方法链接1)在文档窗口的设计视图中，选中要从中创建链接的文本或图像。 2)在属性检查器的链接域中，输入数值符(#)和锚点名。例如: 例如：要链接到当前文档中一名为“top“的锚点，输入#top。 方法二:用指向文件方法链接到命名的锚点:1. 打开包含需要的命名锚点的文档 2. 选择查看 可视化助理 不可见元素以使锚点可见。 3. 在文档窗口的设计视图中，选中要从中链接的文本或图像 4. 点击属性检查器链接域右边的指向文件图标，并拖动至要链接的锚点:可以是同一文档中的锚点，也可是另一打开文档中的锚点。
