1
2
3
4
5
6
7

新建目录

发布时间:2018-03-01 16:19   发布人:王翠平   浏览次数:123

导入:正是由于超级链接的存在,才使得使用网络资源如此的方便。可以说超级链接是网络最具特色的功能,如果没有了超级链接,也就没有了互连网络。本章介绍了超级链接的基本知识和创建超级链接的基本方法,管理超级链接、改变超级链接属性和测试超级链接等内容。同学们要注重熟习基本概念,熟练基本操作。

 

使用超链接

一、超级链接基本知识

(一)超级链接

超级链接是WWW的魅力所在。超级链接简称链接。是指从一个网页到另一个网页对象的链接关系。为了把百万数量级的Internet站点上众多分散的网页联系起来,构成一个整体,就必须在网页上加入链接。通过点击网页上的链接,我们才能在信息的海洋中尽情遨游。 链接并不仅仅是网页与网页的链接,它还包括到图片、电子邮件、文档、媒体等的链接。

(二)超级链接的类型

网页中的超级链接一般分为外部链接、内部链接、邮件链接和锚点链接等四种类型。

    内部链接:在同一个站点内部网页文档之间的链接。

    外部链接:在不同网站网页文档之间的链接。

    邮件链接:电子邮件链接。

    锚点链接:同一网页或不同网页指定位置的链接。

(三)路径

每个网页都有一个惟一的地址,称作统一资源定位器(URL)。链接路径一般有三种类型,分别为:

    绝对路径:提供所链接文档的完整URL地址,而且包括所使用的协议类型,比如https://www.sina.com.cn/,就是一个绝对路径,所使用的协议类型是http。要链接其它服务器上的文档,就必须使用绝对路径。尽管对本地链接也可使用绝对路径链接,但强烈建议不要采用这种方式,因为一旦此站点变更域名或改变地址,则所有本地绝对路径链接都将断开。对本地链接最好使用相对路径,以提供更大的灵活性。

相对路径:相对路径是指省略掉对于当前文档和所链接的文档都相同的绝对URL部分,而只提供不同的路径部分。比如E:eshopindex.html链接到E:eshopbsabout.html,可以把E:eshop去掉,只用bbsabout.html

站点根目录相对路径:是指从站点的根文件夹到文档的路径。当在处理使用多个服务器的 Web 站点,或者在使用承载有多个不同站点的服务器时,则可能考虑使用这种类型的路径。不过,如果您不太熟悉此类型的路径,最好使用上面提到的相对路径。

二、各种类型超链接的创建方法

(一)内部超级链接

创建内部超级链接的步骤如下。

1)选择文字首页,然后执行【插入】->【超级链接】命令(如图所示),打开超级链接对话框。

2)单击链接项右边的文件夹图标,打开选择文件对话框,如图5-6所示,选择所需的文件名“index.html”,然后单击【确定】按钮。

 

 

 

 

 

 

 

 

 

 

3)设置超级链接选项,内容如下:

    文本:输入要在文档中作为超级链接显示的文本,因为选中的是文字首页,所以文本项自动显示为首页,此项保守默认设置。

    链接:此项也可以直接输入要链接到的文件名,上面选择的文件是“index.html”

    目标: 本例中有4项,意义分别为:

_blank:单击链接,所链接的文件将在一个新的浏览器窗口中打开。

_parent:单击链接,将所链接的文件载入含有该链接的框架的父框架集或父窗口中。如果包含链接的框架不是嵌套的,则链接文件加载到整个浏览器窗口中。

_self:单击链接,将所链接的文件载入该链接所在的同一框架或窗口中。此目标是默认值。

_top:单击链接,将所链接的文件载入整个浏览器窗口中,因而会删除所有框架。

    标题:超级链接的标题,本例为学校首页

    访问键:输入键盘等价键,通常为一个字母,以便在浏览器中选择该超级链接,本例为“a”。预览时,可以按快捷键【Alt A】来选择它。

    Tab 键索引:输入 Tab 键顺序的编号,本例为“0”

 

 

 

 

4)设置完毕后,单击确定按钮。文档中可以看到文字首页显示为蓝色,说明超级链接已经建立。

5)保存网页,按快捷键【F12】预览,当鼠标移动到文字首页时,鼠标样式为手形。单击打开另一个网页。

(二)外部超级链接

外部超级链接也是比较常见的一种链接方式。比如经常在网络上看到的友情链接首页链接都是用的外部链接形式,这种链接通常是指从一个网站跳转到另一个网站,链接多以“https://”开头。

选择文字清华大学,然后在属性面板的链接项文本框中输入文字“https:// www.tsinghua.edu.cn”目标项设置为“_blank”。一般来说,外部超级链接的目标项多为“_blank”,这样可以打开一个新的网页来显示链接到的网站。按快捷键【F12】预览,如图所示,单击文字清华大学,新打开一个网页,显示清华大学网站的首页。

 

 

 

 

 

 

 

 

 

 

(三)邮件链接

邮件链接可以让用户方便快速的与网站取得联系。一般是指添加一个收信人地址,当浏览者点击了邮件链接后,会打开默认的收发电子邮件程序。创建电子邮件链接步骤如下:

1)选择文字“xingyongeng@163.com”,然后执行【插入】->【电子邮件链接】命令或单击插入栏的常用类别中的电子邮件链接按钮,打开电子邮件链接对话框。

3)单击确定按钮,属性面板显示如图所示。从这里的显示可以知道,读者完全可以在链接项文本框中直接输入文字“mailto: yourname@163.com”来创建邮件链接.

 

 

4)保存,按快捷键【F12】预览。单击文字“yourname@163.com”,打开邮件接发程序。

(四)锚点链接

锚点链接也叫锚记链接。可以将文档中的文字或图像链接到文档中指定的位置,文档可以是同一文档,也可以是不同文档。创建锚记链接的步骤如下:

1)打开文档“st.html”,选择下面的文字晚餐或在文字的附近定位光标,然后执行【插入】->【命名锚记】命令或单击插入栏的常用类别中的命名锚记按钮。打开命名锚点对话框。

2)设置锚记项为“wc”,单击确定按钮。

3)选择上面的文字晚餐,然后在属性面板上链接项文本框中输入文字“#wc” (注意“#”不能丢掉!),如图所示。

 

 

 

 

 

 

 

 

 

 

4)选择最上面的文字晚餐或在文字的附近定位光标,用上面的方法命名锚记为“wcs”,选择要创建锚点的文字,本例选择最下面的文字返回,拖动右边垂直滚动条以显示上面的锚记“wcs”

5)拖动指向文件按钮指向锚点“wcs”,如图所示,属性面板上的链接项文本框中会自动出现文字“#wcs”。当然也可以直接在文本框中输入“#wcs”来创建锚点链接。

 

 

 

 

 

 

 

 

 

6)保存网页,按快捷键【F12】预览网页,

三、管理链接

1、设置链接的管理属性

【编辑】-【首选参数】

2、在整个站点范围内更改链接

第一步:在“文件”面板“本地视图”中选择一个文件

第二步:选择【站点】-【改变站点范围的链接】

四、查找断开的、外部的和孤立的链接

五、修复断链接

六、作业

1、创建图像地图

2、制作缩略图