下载
第12学时用链接来构造一个网站
有了网页之后，慢慢地就有了站点—一组链接在一起的网页。(“网站”这个词汇也用
于指这些网页发布时所用的那个服务器，参见第21学时“发布网页”。)
没有认真创建的链接和书签，网页不可能成为站点—它们只是一堆单独的、没有联系
的网页。以正确的方式将这些网页连接到一起，这样它们才成为一个有机组织的站点，进而
访问者就可以探索并享受所提供的每一页。
在本学时中，首先将回顾网站的各种各样的组织方式(第一次是在第1学时“理解网页的
编写”中介绍的)，同时学习在什么时候以及如何在项目中实施各种方法。在本学时结束的时
候，你将能够回答如下的问题：
?如何将自己的网页链接到一起，从而将它们组织成一个完整的网站？
?如何能够在创建网页链接的同时创建我的站点的网页？
?能否将一个网页链接到另一个网页上的特定点？
?如何选择何时和是否将我的站点建造成一个线性的、分层的Web、还是其它网站结构？
?对于每一种类型的结构，需要插入什么类型的链接(有时是书签)才能正确地将网页链接
在一起？
?应该用什么样的技巧才能保证站点是有吸引力的、符合逻辑的、并且易于使用的？
是什么将基本的网页编写工具如FrontPageExpress，和大型的开发工
具如FrontPage2000区别开？除了一些小的区别外，最重要的区别在于一
些包括站点管理特性在内的改良工具。
有了站点管理，你就可以用一幅图显示在一个网站内所有相互链接
的网页。你可以添加或者删除网页，或者将网页移动到其它地方，而网
页中的所有链接都自动地做一些调整，从而使它们仍然指向原先约定的
地方。你可以给一个网站赋予一个主题，使其中所有的网页都共享一个
共同的风格。
开始创建单独的网页和由五个左右的网页组成的基本网站时，你不
需要站点管理的能力。但是随着你逐渐拥有更大、更复杂的站点，你就
会开始希望有一个带站点管理功能的网页编写应用程序。
12.1基本动作：将一个网页链接到另一个网页上去
在你创建的网页还在你的PC上面的时候，FrontPageExpress可以使将它们链接到一起的
工作变得容易。诀窍在于先创建网页，然后按照下面的“动手实践”中描述的来建造链接。
动手实践：将一个自己的网页链接到其它的网页上
1)创建那些将要组成网站的网页，然后将它们都保存到同一个目录下面，见图12-1。
2)输入并格式化那些将要成为各种各样的链接资源的文本。
3)选择某一个链接资源的文本，见图12-2。
将网页链接到一起的一个好的方式就是创建一个链接区域—包含
到每一页的单个链接—并将它放置在每一页的底部。这样，访问者只
需单击一次就可以从网站内的任何一页跳到另外的任意一页。
一旦你创建浏览这个链接区域，你就可以用拷贝和粘贴来将它从一
个网页拷贝到其它的网页上(参见第6学时“添加和编辑文本”)。或者，
你可以在一个网页中建造此区域，然后将此网页当作剩下的网页的模板
(参见第4学时“在其它应用程序中开始编写网页”)。
除了(或者包括)用一个区域的文本链接外，你还可以用图片链接(参见第
14学时“添加图片(和图片背景)”)或者一幅图像地图(参见第18学时“将网
页分解成帧”)来创建一个导航栏，它是一个链接到每一页图像链接区域。
4)单击标准工具栏上的“创建或编辑超级链接”按钮，然后确信“万维网”标签被选中了。
5)在标有“URL”的方框内，输入此链接指向的那个网页文件的完整的文件名(包括后
缀.htm部分)。不要在开头写“http://”之类的东西，仅文件名就行了，见图12-3。
6)单击“确定”。
在URL方框中输入网页的文件名的时候，不要管“超级链接类型”
方框中的词条。那个词条将在你单击“确定”之后，自动地变成“其它”，
这就是你所要的。
136分分第三部分分链接到一些对象
下载
图12-1第1步：创建网页，
然后在同一个文件
夹中保存它们
图12-2第3步：选择一个链
接资源
12.2在你创建链接的时候创建新的网页
没有哪个法律说你必须首先创建所有的网页(我发现了一个组织更良好的工作方式)。你可
以在创建网页之间的链接的同时创建新的网页文件。然后，当你去填充网页时，它们已经是
互联在一起的了。下面的“动手实践”告诉你如何来做这个事情。
动手实践：创建一个新的网页的同时创建到此网页的链接！
1)在一个你已经创建的网页上，输入并格式化那个将作为新网页的链接资源的文本。
2)选择一个链接资源的文本。
3)单击标准工具栏上的“创建或编辑超级链接”按钮。
4)单击“新建网页”标签，见图12-4。
5)输入此网页的一个标题，然后在“网页URL”中给它取个名字，见图12-5。
正如图12-5中显示的那样，FrontPageExpress从你在第2步中所选择
的文本中挑选一些来填写“标题”和“文件名”。你可以单击“确定”来
接收它，或者改变它们。
6)单击“确定”。“新建网页”对话框就打开了，就像你选择“文件”、“新建”(参见第2
第12学时从用链接来构造一个网站从从137下载
图12-3第5步：对于链接
URL，输入此链接
指向的网页的文件
名
图12-4第4步：单击“新建
网页”标签来在创
建链接的同时创建
这个新的网页
新建网页标签
学时“从一个网页编写应用程序开始”)时所做的那样。
7)用“新建网页”对话框上面的任何选项创建这个新的网页，见图12-6。
8)要返回到你开始的那个网页中去(在第1步中)，从“窗口”菜单中来选择，见图12-7。
12.3从一个网页链接到另一个网页上的书签
在第11学时，“更多的链接方式”中你已经学习了链接到书签的高级技巧，这种技术最常
见于从一个长网页的一部分链接到另一部分。但是你也可以从一个网页跳到另一个网页中的
一个特定的书签中去。
动手实践：链接到自己的某一个网页中的一个书签
1)打开包含书签的网页，然后打开将要包含链接的那个网页，这样两个网页就都打开了，
见图12-8。
2)在链接将要存在的那个网页时，创建并选择那个链接资源，就像你在创建任何类型的
链接时要做得那样，然后单击“创建或编辑超级链接”按钮。
3)单击“打开网页”标签，见图12-9。
138分分第三部分分链接到一些对象
下载
图12-5第5步：给新的网页
一个标题和文件名
图12-6第7步：创建这个新
网页
图12-7第8步：工作时，用
“窗口”菜单在打开
的网页之间切换
4)在“打开网页”下面，单击包含书签的那个网页的名字。
5)打开书签的列表(现在它显示你在第4步中所选择的网页的书签)，单击你希望此链接要
指向的那个书签的名字，然后单击“确定”，见图12-10。
6)一个警告出现了。单击警告对话框上的“是”来创建此链接(不用担心—见后面的提
示)，见图12-11。
为什么在前面的那个“动手实践”中会有一个警告？这个问题和相对
的与绝对的链接有关，这部分内容是在第9学时“理解链接。”中讲述的。
如果包含书签的那个网页位于与包含链接的那个网页不同的文件夹
的话，那个链接的URL将可能是指向一个特定目录下面的文件，而不是
一个文件名。当你在网上发布此网页的时候，链接也许不能够正常工作
第12学时从用链接来构造一个网站从从139下载
图12-8第1步：打开这两个
文件
图12-9第3步：单击“打开
网页”标签
图12-10第5步：选择文件
和书签
图12-11第6步：忽略警告
并单击“是”
(除非你在线复制了和你的PC上相同的目录结构)。
由于你是在同一个文件夹中开始的这两个文件，所以链接URL除了文
件名和书签名外不包含任何东西。当你发布的时候(参见第21学时)，只要你
是在网络上的同一个目录中发布这些文件，其中的任何链接都会正常工作。
12.4网站设计技巧
在前一个“动手实践”中所讲述的技巧是你要将多个网页整合成一个完整的网站所需要
的。你现在需要的是一些指导，它们是有关将信息组织成一个网站的各种各样的方法。本学
时剩下的部分将提供一些选择网站设计的技巧。
12.4.1建造一个多网页的线性站点
在一个多网页的线性站点内，网页和链接的组建是按照一种鼓励读者以特定顺序读取一
组网页的方式来进行的，从开始到结束(见图12-12)。
这种设计主要用于这样一种情况，就是站点所传送的信息主要是由一些中等大小的文本
块(差不多一屏)所组成，并应该以一种特定的顺序来阅读，从开头到结束(某些人管这种结构
为“放映幻灯片”，因为访问者按照次序来推进，就像幻灯片的放映一样)。
比如，假定这本书被翻译成一个网站。那么这里的“学时”如果按次序阅读的话就能够
最好地为读者服务，因为每一章都基于前面章节的内容。所以，要鼓励读者按次序进行，此
网站的设计将使得从一页到一页(或者一学时到一学时)的自然过渡是按照适当的次序来进行
的。其它一些符合这种设计的内容包括一个太长以致于不能在一个网页中放下的故事，以及
很长的一步一步的说明。
在多网页的线性站点中的每一页都放置一个突出的链接，常常标记为“下一个”或者
“继续”，它只指向按次序的下一页。当然也可以提供其它的链接，但是在这样的网页中提供
过多的链接时要小心—它们会使读者偏离顺序，从而破坏设计的目标。
微软的PowerPoint应用程序(包括在最新版本的微软Office中)是被设
计用来帮助你快速地建造一个吸引人的幻灯片放映演示。
PowerPoint97和PowerPoint2000可以将它们的幻灯片演示转换成多
网页的线性网站。它们将每一个幻灯片转换成一个单独的网页，并且自
动地插入导航按钮(“后退”、“下一个”等等)。这是一个由手边已有的材
料来建造一个网站的较为方便和快捷的方式。
140分分第三部分分链接到一些对象
下载
图12-12一个多网页的线性
站点的结构
多网页线性网站设计的技巧
在开发一个多网页的线性网站的时候，记住以下的这些技巧可以用于好的设计：
?尝试将材料分解成这样的网页，它上面正好有足够的内容(文本和图片)可以填充整个屏幕。
由于访问者是按顺序阅读网页，所以他或她也不应该必须滚动屏幕。在每一页上放置合适
的文本量将使访问者可以很方便地通过单击你提供的“下一个”链接就能够遍历整个网站。
?在每一页上面的“下一个”链接是唯一必需的链接，而且也常常是你需要的唯一的链接。
然而，如果你可以不太扰乱整个设计的话，在第一页后面的每一页上提供一个“返回”
(指向前一页)链接是最好的，读者就可以在需要时回顾前面的内容。同样方便的是一个
“返回到起点”链接，它指向第一个网页，使读者可以很方便地从任何一页跳到首页。
?顺序中的最后一页通常应该包含一个指向第一页的链接，即使你选择不在其它地方提供
这样的链接。
12.4.2以单页的线性网页来工作
当1)你有很多文本要传送，2)这些文本被自然地分解成很多小的部分，而且3)你希望以一
种高效的方式来发表时，一个单页的线性设计是一个极好(常常被忽视)的方法(见图12-13)。
这种结构常常用于冗长的参考资料，它们是一个较大的多网页站点的一部分，但是一个
组织良好的单页实际上就可以作为整个站点来使用。
读者可以总是以滚动的方式阅读整个页面，但是典型情况下，网页的顶部显示有一个链
接的列表—一个内容或者类型索引的表格。每一个链接指向本页下面某处的一个书签(参见
第11学时)。这个链接帮助读者快速地找到特定的信息，而无须为之滚动屏幕。
网页越长，各部分越独立，在顶部的链接列表就会越重要。
如果一个网页只有三个或者四个屏幕长，访问者可以很容易滚动地
探索。如果网页有五个屏幕长或者更长的话，你就应该给一些链接来帮
助访问者。
第12学时从用链接来构造一个网站从从141下载
图12-13一个单页线性设计
的例子
链接目录
返回链接目录
书签
线
单页线性设计的技巧
在开发一个单页的线性设计的时候，记住下面的这些技巧可以完成好的设计：
?在网页的顶部，或者靠近内容表格的地方，插入一个书签。在网页的每一个逻辑部分之
间，插入一个“返回到顶部”链接，它指向位于顶部的书签。这使得读者可以在阅读完
任何部分后方便地回到TOC。
?限制图片(参见第14学时)。这种设计的危险在于长的网页会包含很多的数据，从而下载
到访问者的浏览器会花费很长的时间。但是文本—即使是大量文本—在网络上可以
非常快地移动。所以如果你限制自己只有一两个图片(通常位于网页的顶部)，你就可以
在增添视觉兴趣的同时仍能保证网页可以快速地下载。
?滚动此网页。如果总的网页超过15屏的话，考虑将它分解为一个分层的或者多网页的顺
序设计。
?运用水平线(参见第8学时“用表格和线组织文本”)来将各部分的文本可视化地分解。
12.4.3建造一个网状的站点
在一个网状结构中，任何路都可以走(见图12-14)。任何网页可以链接到其它任意的网页，
或者到所有的其它网页。当各种各样的网页中包含有和其它网页相关的信息，但是这些信息
没有任何逻辑顺序时，这个结构就很有用了。
在一个网状站点中，也许有一个“首页”是作为起点来提供的(就象在一个分层站点中，
关于此将在本学时的后面描述)，但是从这里开始，读者就可以在网站中漫步，而没有特定的
路径。网状结构最适合用于娱乐类型的主题，或者一些不能够顺序地或者分层组织的主题。
典型情况下，一个网状站点中的每一页都包含有一个链接区域—常常是在页面一边的
一列或者是在底部的一个区域—那里可以指向本站点中任意一个其它的网页(见图12-15)。
142分分第三部分分链接到一些对象
下载
图12-14一个网状结构
主页
网状设计技巧
在开发一个网状站点的时候，记住如下的这些技巧可以完成好的设计：
?在你采取一种Web结构之前，确信这些信息的确需要它—你也许只是在重新组织内容
的逻辑时遇到一些问题。
?在一个网状站点中，访问者很容易迷失。我建议总是包括一个“首页”，它的作用是作
为所有目的的起点，然后确保在本站的每一页中都包含一个容易辨认的返回首页的链接。
这样，迷失的访问者就可以很容易回到一个目标，从那里可以开始一个新的路径。
12.4.4建造一个分层的站点
组织最好的设计(见图12-16)是一个分层的网站，它从一个总体的“首页”开始，它指向
若干个第二层的包含更多信息的网页。每一个这样的第二层网页都指向一些第三层的网页，
这些第三层的网页中包含一些更详细的特定的信息，而这些信息是和与之相连接的第二层的
网页相关的，如此类推。
第12学时从用链接来构造一个网站从从143下载
图12-15在一个网状站点中
的每一页都典型地
包含有一个文本链
接区域(和/或一个
导航栏)，如果没有
太多网页的话，它
们指向本站点中所
有其它的网页
导航条
文本链接
图12-16一个分层的结构
主页
分层站点的精心组织并不只是出于对整洁的考虑。这种网页的结构实际上可以帮助访问
者找到他或她需要的东西，尤其是当网站带有很多详细的信息时。
比如说，假设此站点卖衣服，而我想要一个衬衫。首页可以显示到“妇女的衣服”和
“男人的衣服”的链接。我选择“男人的衣服”，然后就到达了一个第二层的网页，其中提供
了到“衬衫”、“裤子”和“鞋子”。我选择“衬衫”，然后我就看到了一个第三层的网页，这
里提供“礼服”和“休闲服”。我选择“礼服”，然后我就到达了目的地。网页的结构使得我
可以很容易地搜索，即便网站提供了数百个项目。
分层设计的技巧
当开发一个分层站点的时候，记住如下这些技巧可以完成好的设计：
?正如在一个网状设计中的那样，确保网站中的每一页包含有一个容易分辨的连接到首页
的链接，这样访问者就可以很容易返回到首页，而不须要每次一层地在层次中挣扎。
?比其它任何设计都更需注意，一个分层的结构要求你非常仔细地考虑并规划每一页的内
容以及网页的组织，从而网站才能够有序地运转。正如我的衬衫那个例子，访问者应该
能够根据直觉，在层次结构中由上而下，直至找到特定的信息。
?记住你有很多层次可以用。不要试图将首页链接到几十个第二层的网页—这样做说明
你还没有真正解决组织问题。理想情况下，每一页都应该指向不少于两页并且不多于七
八页的下层网页。又一次，不要遵循随意的规则。保证网页的组织和内容的自然组织是
匹配的即可。
12.5课时小结
在网站中的网页组织并不真正是一个网页编写的难题：这是一个内容管理的问题。准确
地理解你想要说什么以及如何来说是最好的，而正确的站点结构将立即呈现在你面前。剩下
的就是添加一些链接(也许有一些书签)，而你已经知道如何来做，不是吗？
12.6专家答疑
问题：如果我正在规划用一些原本就是顺序的内容，一些原本就是分层，而一些又是随
意的，怎么办？我如何使得它们适合一个模型？
解答：你不是必须这样做。要得到更精细的网站，就需要一个混合的方法。一个混合的
方法通常以分层开始，有一个总体的首页可以当作起点。但是在第二层，首页可以链接到一
个单页线性，或者链接到一个可以扩散成一个网状结构的首页，或者链接到一个多网页的线
性的幻灯片放映的首页，或者链接到一个全新的层次的顶部。
通过混合的方法，你可以让内容保留在第二层或者更低的层次，从而让它与结构一致，
而同时仍然整洁地用首页来把握整体的事务。
144分分第三部分分链接到一些对象
下载
|
|
