阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
网站设计的思考(4)——确定网站的目录结构和链接结构
大家好。这是《设计的思考》系列文章第四篇。如果你需要前几期文章可以到索易下载《多媒体与网站开发》电子杂志，也可以到我个人主页《网页设计师》浏览。 E,;nx^`!l
w- KtxG(
上篇讲到：我们在动手制作网页前，一定要考虑好以下三方面： :KFhryN
j
q[>PvR
1.确定栏目和版块； c/s'&gG33z
2.确定网站的目录结构和链接结构 au8) G_A
3.确定网站的整体风格创意设计 r"n)I$
今天我们继续来讨论“确定网站的目录结构和链接结构”。 \+,jM6l}-
n4:WM+f4
一.网站的目录结构 rnW i<Se
j8PK\j[
网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议： @a~K#Bvlm
0I.7I#'3O
●不要将所有文件都存放在根目录下。 `pKQ|zGw
;c'jBi5W
有网友为了方便，将所有文件都放在根目录下。这样做造成的不利影响在于： g><sZqj8tt
1.文件管理混乱。你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。 ^ PD a
2.上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。所以，给您的建议是：尽可能减少根目录的文件存放数。 Z6Mh`:7
R4o_zwWgPw
●按栏目内容建立子目录。 0uZH H
2sXW eiJy;
子目录的建立，首先按主菜单栏目建立。例如:网页教程类站点可以根据技术类别分别建立相应的目录，象Flash,Dhtml,Javascript等；企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。 &BQ`4j~.
4Fnr8 r8W
其他的次要栏目，类似what's new，友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于站长，站点经历等可以合并放在一个统一目录下。 fQv^=DI #
6VA@ ;g0$
所有程序一般都存放在特定目录。例如：CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。 UCl,sn
O *30| [
●在每个主目录下都建立独立的images目录。 ~O <Bs{8
J3
K!@m_\
默认的，一个站点根目录下都有一个images目录。刚开始学习主页制作时，阿捷习惯将所有图片都存放在这个目录里。可是后来发现很不方便，当我需要将某个主栏目打包供网友下载，或者将某个栏目删除时，图片的管理相当麻烦。经过实践发现：为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。 lc*<UZ R
3.8d"
●目录的层次不要太深。 2r1., 1
zX)uC<
目录的层次建议不要超过3层。原因很简单，维护管理方便。 & 'R\yX<J)
Yw./V0Z{@
其它需要注意的还有： Xbfn@7m
A9[l5E
1.不要使用中文目录；网络无国界，使用中文目录可能对网址的正确显示造成困难。 3]V " 9+
2.不要使用过长的目录；尽管服务器支持长文件名，但是太长的目录名不便于记忆。 CY9`ztO*
3.尽量使用意义明确的目录；上面的例子中，你可以用Flash,Dhtml,Javascript来建立目录，也可以用1，2，3建立目录，但是哪一个更明确，更便于记忆和管理呢？显然是前者！ )W gh5C`
x%0Q W
随着网页技术的不断发展，利用数据库或者其他后台程序自动生成网页越来越普遍，网站的目录结构也必将飞跃到一个新的结构层次。 zU] 9 5I
,zO!`|I
二.网站的链接结构 bKi
V<&Z5d
{8'I+-
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。 .
]P@{T||Y
.% . J Q
●我们研究网站的链接结构的目的在于：用最少的链接，使得浏览最有效率。 { "=d7i
iku) otUc
一般的，建立网站的链接结构有两种基本方式： {4\(HrGNk
NZCPmst
1.树状链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会"迷"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。 ~:v" TuuK
K8f;AK
2.星状链接结构（一对多）。类似网络服务器的链接，每个页面相互之间都建立有链接。立体结构象东方明珠电视塔上的钢球。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。 SCZtH El9
p%ek)tT
这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用。我们希望浏览者既可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。所以，最好的办法是： J1KV?aR
.gzNdSE
●首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。 .3M=|rE
r <
sx On
举个例子。一个新闻站点的页面结构如下： ,p {|f}0
--------------------------------------------------- bC&*U|de
OLg=kF[[
一级页面 二级页面 K`Vi5h R~c
\c (R#*0,
财经新闻页 -- [财经新闻1，财经新闻2...] {d|e @`" T
/ | 2M1}` H\
首页 -- 娱乐新闻页 -- [娱乐新闻1，娱乐新闻2...] 76Ho\}-U">
\ | %a$ l%8j&
IT新闻页 -- [IT新闻1，IT新闻2...] dn!#c=
\jH^OXxb
---------------------------------------------------- gE;r
;#Jt4
其中，首页，财经新闻页，娱乐新闻页，IT新闻页之间是星状链接，可以互相点击，直接到达。而财经新闻页和它的子页面之间是树状连接，浏览财经新闻1后，你必须回到财经新闻页，才能浏览IT新闻2。所以,有站点为了免去返回一级页面的麻烦，将二级页面直接用新开窗口(POP up windows)打开，浏览结束后关闭即可。 mO=b q4!
Ti:PKpc
注意：以上我们都是用的三级页面举例。如果您的站点内容庞大，分类明细，需要超过三级页面，那么建议你在页面里显示导航条，可以帮助浏览者明确自己所处的位置。就是您经常看到许多网站页面顶部的，类似这样：“您现在的位置是：首页->财经新闻->股市信息->深圳股->深发展” W:VRLT>w>
Z
garxV*
关于链接结构的设计，在实际的网页制作中是非常重要一环。采用什么样的链接结构直接影响到版面的布局。例如你的主菜单放在什么位置，是否每页都需要放置，是否需要用分帧框架，是否需要加入返回首页的链接。在连接结构确定后，再开始考虑链接的效果和形式，是采用下拉表单，还是用DHTML动态菜单等等。 -q'
G]}
S+9 }W/
随着电子商务的推广，网站竞争的越来越激烈，对链接结构设计的要求已经不仅仅局限于可以方便快速的浏览，更加注重个性化和相关性。例如，一个爱婴主题网站里，在8个月婴儿的营养问题页面上，你需要加入8个月婴儿的健康问题链接，智力培养链接，或者是有关奶粉宣传的链接，一本图书，一个玩具的链接。因为父母不可能到每个栏目下去寻找关于8个月婴儿的信息，他们可能在找到需要的问题后就离开网站了。如何尽可能留住访问者，是网站设计者未来必须考虑的问题。 )"KKBil0
\%[sv@P9s
讲到这里，阿捷忽然觉得自己很厉害，居然会总结出这么大一套理论:)什么，皮厚?可能吧，这么多高手都没发言呢！有意见请来信ajie@soim.com /zV&ebN]
{^(h*zxn
下次我们继续讨论“确定网站的整体风格创意设计”，欢迎您的参与。
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 07:57 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 网站设计的思考(4)——确定网站的目录结构和链接结构
