配色: 字号:
第11学时 更多的链接方式
2012-09-21 | 阅:  转:  |  分享 
  
下载

第11学时更多的链接方式

如果网页是书,而链接是卡片目录的话,书签可能就应该是记号。

让我来解释一下。就像一个卡片目录的词条一样,一个链接仅将你引导至一个完整的文

档—一个网页—而不是那个文档中间的任意一个特定的地方。这使得链接非常适合于一

般目的的冲浪,即到达所期望的一般场所。

但是,有时候你想要带访问者去的地方不仅仅是一个特定的网页,而是那个网页中一个

特定的位置。这就要靠书签来完成。在本学时中,你扩充在第10学时“创建链接”中的链接

技巧,学习如何创建并链接到书签,以及如何链接到任何类型的文件,从而使访问者可以下

载你想要给他们提供的文件。

在本学时结束时,你将能够回答如下的问题:

?在什么地方以及为什么要使用书签?

?如何在一个网页中创建一个书签?

?如何将已有的文本变成一个书签?

?如何创建一个链接,它引导访问者到他所查看的网页中特定的一个位置?

?如何创建一个链接,它引导访问者到另一个网页中特定的一个位置?

?如何创建那样的链接,当单击它们的时候将下载一个文件?

11.1理解书签

一个书签是一个隐藏的HTML标记—说隐藏是因为它对访问者来说是不可见的,而你

在FrontPageExpress中(见图11-1)是可以看见的。从而你可以看到你将它们放在哪里。在

FrontPageExpress中,一个文件中的书签是用如下的方法来表明的:

?一个小旗图标,当书签在网页中标记一个位置的时候。

?一个虚线的蓝色下划线,当书签被赋予文本的时候。

图11-1在一个HTML文件中

的书签代码

指向网页中一点

的书签

指向网页中特定

文本的书签

一个书签提供了一个链接可以指向的网页中的一个位置,从而单击此链接将引导访问者

到达那个位置,而不是只是到达网页的顶部。一个单独的网页可以有很多书签,其中每一个

都有唯一的名字,从而一个链接可以指向一个而且仅指向这一个书签。指向一个书签的链接

可以在此书签所在的同一个网页之中,或者在另一个网页中。

为什么要使用书签?这个问题是这样,因为有这么几种普遍的情况,它们大多数都涉及

很长的网页,在那里,如果没有书签的话,访问者将需要滚动很多次来找到此网页上的一个

特定的信息:

?在一个很长的网页(如一个“常见问题解答FAQ”文件)的顶部,你可以包括一个链接的

列表,其中的每一个都指向本文件的不同部分。此链接允许访问者可以很容易地跳到此

文件中的任意一部分,而无需滚动着去找到这个特定的部分。

?当在一个网页上的链接指向另一个文件中的特定部分,而那个文件碰巧又很长的话,你

可能就会想要使用书签。这个链接可以指向那个很长的网页中的书签,从而让访问者用

一次单击就可以直接到达目的地。

?在一个基于帧的网页中(参见第18学时“将网页分解成帧”),在一个帧中的链接可以调

用显示在另一个帧中的一个文件的特定部分。像其它技术一样,这将使访问者不再须要

滚动屏幕,让一个网站更易于定位。

我已经说过这个问题,但是它很重要:在HTML代码和一些其它网页

编写应用程序(见第24学时“完善编写技巧”)中,书签被称为锚。在其它

应用程序中,它们可能被称为目标。

如果你只用FrontPageExpress(或者FrontPage2000,它也使用书签这

个术语)的话,你就无需知道这件事。但是如果你换了其它的网页编写工

具的话,你应该记住书签=锚=目标。

11.2在一个网页中创建书签

在你开始链接到书签之前,你必须先在网页中插入这些书签。下面的“动手实践”显示

了如何在FrontPageExpress打开的网页中插入书签。注意,有两种基本的方法:创建标记一个

位置的书签,和创建标记特定文本的书签。

用哪种方法,以及什么时候使用?这事实上并没有太多的区别。

当你要放置书签的每一个部分的开头都有唯一的标题,就象在一个

FAQ中那样,那么将书签赋予文本是最适合的。在那种情况下,将书签

赋予文本可以让你免于命名你的书签这样的额外的步骤。

然而,在网页中的每一个书签的文本必须是不同的;在一个文件中,

不可以两个书签共享同一个名字。

动手实践:创建标记网页中的一个位置的书签

1)单击你希望一个链接要指向的位置。

第11学时从更多的链接方式从从127下载

2)选择“编辑”、“书签”,见图11-2。

3)输入此书签的一个名字,然后单击“确定”,见图11-3。

动手实践:创建依附于特定的文本的书签

1)选择那个你想要赋予一个书签的文本,见图11-4。

2)选择“编辑”、“书签”。

3)注意观察,你所选择的文本自动地出现,并作为此书签的名字,单击“确定”即可,

见图11-5。

在实施第一步的时候,确信选择不包括一个段落标记。如果包括了,

那么你会发现“书签”对话框不会让你创建此书签。

要避免选择一个段落字符,不要一直选择到一行的末尾(确保所选择

的以一个字符结尾)。

128分分第三部分分链接到一些对象下载

图11-2第2步:选择“编辑”、

“书签”

图11-3第3步:给书签命名,

然后单击“确定”

图11-4第1步:选择那个文



图11-5第3步:书签已经被

命名了,单击“确定”

11.3删除书签

你可以用若干种方法来删除书签:

?如果一个书签标记出现了,单击那个标记,然后按下Delete键即可。没有标记就没有书

签。

?如果此书签依附于文本,你可以删除此文本来删除此书签。

?如果你想要去除此书签,但是仍然保持此文本,单击包含此书签的文本中的任意一处,

然后选择“编辑”、“书签”。在“书签”对话框中,单击“清除”按钮(见图11-6)。

11.4移动书签

要将一个书签从网页中的一个地方移动到另一个地方的话,你可以使用剪切和粘贴。

选择那个标记(或者一个书签所依附于的文本),然后单击FrontPageExpress的标准工具栏

上的“剪切”按钮。然后单击你想要将此书签移动到的地方,然后再单击“拷贝”按钮。

注意,你可以移动已经创建链接的书签,而此链接将指向新的地址,

而无须做任何其它的改变。

11.5链接到书签

你可以创建三种类型的指向书签的链接:

?一个链接,它指向的书签和它在同一个网页中。

?一个链接,它指向的书签是在另一个网页中,此网页位于你在FrontPageExpress中所创

建的一个多网页网站中。

?一个链接,它指向的书签是在另一个网页中,此网页不是你的,而是一个在线的网页。

在下面的几页中,你将学习到如何链接到同一个网页中的书签,以及在线的其它网页中

的书签。见第12学时“用链接来构造一个网站”,在其中学习如何从你的一个网页链接到你的

另一个网页中的一个书签。

在第14学时“添加图片(和图片背景)”中,你不仅将学习到如何给网

页添加图片,还会学到如何将一个图片用作一个链接资源。

第11学时从更多的链接方式从从129下载

图11-6单击“清除”按钮来

去掉这个书签

清除按钮

130分分第三部分分链接到一些对象下载

只要往前再跨一步就涉及图片了,但是我要告诉你,既然链接可以

使用任意类型的链接资源—文本、图片、甚至于多重链接的图像地图

(参见第20学时“在一个图片中放置多重链接”)—那么就可以指向一个

书签。

11.5.1链接到同一个网页中的一个书签

在FrontPageExpress中,如果你只在FrontPage中打开了一个文件时,创建指向同一个文

件中的书签的链接是很容易的。这就是你在下面的“动手实践”中的起点。

正如前面所显示的那样,将内容的列表放在很长的网页的顶部是一

种惯例,TOC中的每一个词条链接到此网页中的某一个部分的书签。

如果你创建一个这种类型的很长的网页,将一个返回TOC的链接放

置在每一个部分也是个好的想法,这样访问者就可以很容易地在TOC和

想要的部分之间切换。

将一个书签放置在紧靠TOC的上方,然后在每一个部分插入一个链

接,让它指向那个书签。

动手实践:链接到同一个网页中的一个书签

1)要确信那个包含此书签的网页是当前在FrontPageExpress中打开的唯一的网页,打开

“窗口”菜单并确保只有一个文件名出现在那里,见图11-7。

2)创建并选择链接资源,就像你在创建任何类型的链接时一样,然后单击“创建或编辑

超级链接”按钮。

3)单击“打开网页”标签,见图11-8。

图11-7第1步:在FrontPage

Express中仅打开了

一个文件

图11-8第3步:单击“打开

网页”标签

打开网页标签

第11学时从更多的链接方式从从131下载

4)单击在“书签”方框右边的箭头,从而打开一个此网页中所有的标签的列表,见图11-9。

5)在此列表中,单击你希望此链接要指向的那个书签的名字,然后单击“确定”,见图

11-10。

注意观察,书签列表是按照书签名字的字母顺序排列的。从而用名

字来找到你想要的书签。不要误认为这些书签所列出的次序和它们在网

页中的顺序—从上而下,是一样的。

和在FrontPageExpress中测试其它链接一样测试那些指向书签的链

接。单击那个链接,然后选择“工具”、“跟踪超级链接”。

11.5.2链接到其它在线网页中的书签

要链接到一个在线的其它人网页中的书签的话,最容易的方式是在那个网页中找到指向

那个你想要指向的书签的一个链接。比如说,如果你想要链接到一个在线的FAQ文件的一个

特定的部分,在FAQ的内容表格上找到指向此部分的一个链接。然后用拷贝和粘贴将那个网

页中的链接拷贝到网页中,正如在第10学时中所描述的那样。

不用说,当链接到不是你自己的网页的时候,你应该给你想要链接

的网页的网络管理员发一个电子邮件并询问是否可以。

图11-9第4步:打开当前网

页中的书签的列表

图11-10第5步:选择那个

书签

132分分第三部分分链接到一些对象下载

注意,某些网络管理员会说链接到网页是可以的,但是不可以链接

到网页中的书签。当网页中包含广告或其它网络管理员希望访问者看到

的信息时将可能会发生,链接到书签将使得他们忽略这些东西。

另一个方法是学习书签的准确URL,它是由网页的URL、一个井号(#)以及书签的名字组

成的。比如,下面这个URL

http://www.test.com/sample.htm#bookmark1

指向一个名叫sample.htm的网页文件中一个名叫bookmark1的书签,而这个网页文件是在

名叫www.test.com的服务器上。

要学习一个在线文档中的书签的URL,最容易的方式是在浏览器中浏览此文档,然后找

到那个文档中指向此书签的链接。当你指向一个链接(不单击),窗口底部的状态栏(在

Navigator或者InternetExplorer中)将显示那个链接所指向的完整的URL—包括书签的名字。

一旦你知道了完整的URL,你就可以像创建然后一个指向网页的链接一样,创建指向它

的链接,这是通过在“创建超级链接”对话框中的URL方框内输入它来实现的(见图11-11)。

11.6创建下载文件的链接

你可能有一些内容是你想要提供给访问者的,但是你不想将它们转换为网页。比如说,

如果你有一个很长的故事、报告、或者其它在一个字处理文件中的文档,那么最好将这个文

件用于下载而不是将它们转换为一个网页(或者一系列的网页)。

你可以提供各种各样的计算机文件用于下载—文档、声音剪辑、图片等等。创建指向

文件的链接的步骤是一样的—不管你想要提供什么类型的文件—就如下面的“动手实践”

中所描述的。

一个要记住的告诫是:要使用你提供的文件,访问者必须有合适的应用程序。比如说,如

果你发布一个Word文件,访问者必须有一个能够显示(或转换)Word文件的应用程序来查看它。

这个问题没有什么办法,除了尽量只提供流行的、广泛使用的文件类型,比如说Word的文

档、.avi的视频剪辑或者.wav的声音剪辑(参见第15学时“用声音、视频和特效来提升网页”)。

动手实践:创建下载文件的链接

1)找到你想要链接的文件,然后将它移动或者拷贝至网页文件所存储的文件夹,见图11-12。

图11-11你可以在“创建超

级链接”(或者“编

辑超级链接”)对话

框中输入一个URL,

它包括了一个标签

的名字

2)在FrontPageExpress的网页中,输入并格式化链接资源—访问者将要单击来下载文

件的那个文本,见图11-13。

在链接资源文本(或者它的旁边),最好告诉访问者此文件的类型(从

而他们可以辨别这是否是一个他们能够查看的文件)和尺寸(使他们可以估

计出以他们的因特网连接的速度来下载需要多长的时间)。

3)选择那个链接资源的文本。

4)单击标准工具栏上的“创建或编辑超级链接”按钮。

5)确信“万维网”标签被选中。

6)在标有URL的方框中,输入此文件完整的文件名(见图11-14)。不要在前面输入“http://”

的字样。

第11学时从更多的链接方式从从133下载

图11-12第1步:将此文件

放置在网页文件所

在的同一个文件夹



图11-13第2步:准备链接

资源

图11-14第6步:输入那个

文件名,不要输入

“http://”的部分

7)单击“确定”。

当你在线发布这个网页的时候,最起码要记住同样要发布链接所指

向的文件,并且确信它是被存储在和包含那个链接的网页同样的目录

中;否则,那个链接就不会工作。参见第六部分“在线发布网页”。

11.7课时小结

你可能不会经常使用书签;当你觉得你需要书签时,你应该首先考虑将此网页分解为若

干个、小的网页。但是当有必要在一个文件中发布很多信息时,书签可以帮助访问者方便地

在所有信息中畅游。

11.8专家答疑

问题:我是否应该先完成我的网页的其余部分,然后再给它添加书签?我担心如果我在

添加了它们之后又做了大量的编辑和格式工作的话,不知道书签会发生什么事情。

解答:总之,在添加书签之前,完成大多数其它方面的工作是有一定意义的。这样,当

你后来对网页做了大量的编辑,比如添加、移动或者替代大块的资料之后,书签并不会弄混

以致于指向错误的地点。

然而,要注意,大多数格式活动并不会损害书签。比如,如果一大块包括了书签的文本

的字体或者对齐方式被改变之后,书签将仍然能够工作(尽管那个图标会呈现出你给邻近的文

本所应用过的任何对齐方式或者缩进)。

134分分第三部分分链接到一些对象下载

献花(0)
+1
(本文系无为有法521...首藏)