学习超链接.docVIP

超链接制作 HYPERLINK javascript:window.print(); 打印本页 　　本讲教学目标 　　超链接是从一个网页指向其他网站或网页的连接的元素。当浏览者点击已经链接的文字或图片后,则向存放该网页的服务器发出一个请求，根据请求，服务器将链接的目标发送并显示在浏览器上。利用超级链接可以实现按照浏览者的需要进入指定的网站、打开指定的网页、下载指定的网络资源。本讲主要介绍超链接的类型；以及如何制作各种超链接． 　　本讲主要内容 ? HYPERLINK /eecourse/teaching/webdesign/dreamweaver/td6.htm \l 1#1 6.1 绝对路径超链接制作 ? HYPERLINK /eecourse/teaching/webdesign/dreamweaver/td6.htm \l 2#2 6.2 相对路径超链接制作 ? HYPERLINK /eecourse/teaching/webdesign/dreamweaver/td6.htm \l 3#3 6.3 制作锚点链接 　　 超级链接由两部分组成——链接的载体以及链接的目标地址。许多页面元素可以作为链接载体，如:文本、图像、图像热区、轮替图像、动画…。而链接目标可以是任意网络资源，如:页面、图像、声音、程序、其他网站、Email、锚点(书签,即页面中的某个位置)等。 　 　网页要在网络上实现超链接，要有一个唯一的地址，称之为统一资源定位器(URL)。在创建超链接时需要给出要链接的网页URL地址，即给出链接的路径。网页中的超链接按照链接文档所在位置以及链接路径的不同，分为以下三种类型: 外部链接：链接到其它服务器、其它网站上的链接。 内部链接：当前文档与链接的文档位于同一个文件夹时使用的链接。 锚点链接：这种超链接又叫做书签。用于同一网页的链接 6.1 绝对路径超链接制作　 HYPERLINK /eecourse/teaching/webdesign/dreamweaver/td6.htm \l 0#0 ↑顶部 　　外部链接要使用绝对路径。绝对路径提供链接文档的完整URL，包括使用的协议(对于网页通常是http://)。 　　制作实例：链接到中国教育网 URL地址: hppt://?；链接到中国教育网教育资源． 　　　注意：必须使用绝对路径来链接其它服务器上的文档。 　　操作步骤： 接选择要添加超链接的文本→按住鼠标左键拖动→将要添加链接的文本全部选中 选取链接文本框→输入链接的URL地址：→Http://→点击回车键 按下[F12]键在浏览器中预览→点击中国教育科研网链接 →打开中国教育网主页 点击教育资源打开教育资源网页→在浏览器地址栏中选取教育资源网页的URL地址→用右键单击选择的地址→在弹出的菜单中选取复制选项 返回Dreamweaver,选择要添加超链接的文本→用右键单击链接文本框→在弹出的菜单中选择复制选项→将URL地址复制到链接框中 点击目标框→选取_blank选项。 　　说明：通过选择链接的目标可以指定被链接文档打开的窗口。例如，选择 _blank ：链接的文档在一个新建的浏览器窗口打开。如果不选择链接的目标，则默认目标为_self ，即装入链接的文档到与链接相同的窗口中 6.2 相对路径超链接制作 HYPERLINK /eecourse/teaching/webdesign/dreamweaver/td6.htm \l 0#0 ↑顶部 　　对于内部网页链接，即当前文档与链接的文档位于同一个文件夹时，采用相对路径链接。 相对路径链接所包含是省略对于当前文档和链接的文档都相同的绝对链接中的URL地址部分，而只提供不同的那部分路径。 　　例如：某课程网站主页的URL地址：/eecourse/teaching/index.htm　　　　　建立主页与同一站点文件夹下文档precis.htm的链接：相对地址：precis.htm　　　　　　（省略相同部分的URL地址：　/eecourse/teaching/ ） 　一. 相对路径超链接制作 选中要制作链接的文本或图像 打开属性面板并执行以下任一操作: 方法一：点击链接域右边的指向文件按钮→将指向文件按钮拖至文件面板中要链接的文件 方法二：点击链接域右边的文件夹图标→浏览并选取要链接的文件→点击确定按钮 　　根据链接文件存储的位置，链接相对地址有所不同： 链接的文件与当前文件处在同一文件夹中。链接地址：文件名　　　　 例如：d1-1.htm 链接文件位于当前文件所在文件夹的子文件夹中。 链接地址：子文件夹名/文件名　　　　 例如： sample/1.htm 链接文件位于当前文件所在文件夹的父文件夹中。 链接地址： ..