» 您尚未 登录   注册 | 社区服务 | 帮助 | 社区 | 无图版


常州五颜六色网络技术有限公司 -> 网站建设 -> 网站设计的思考(4)——确定网站的目录结构和链接结构
 XML   RSS 2.0   WAP 

--> 本页主题: 网站设计的思考(4)——确定网站的目录结构和链接结构 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题
阿七




该用户目前不在线
级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子

网站设计的思考(4)——确定网站的目录结构和链接结构

大家好。这是《设计的思考》系列文章第四篇。如果你需要前几期文章可以到索易下载《多媒体与网站开发》电子杂志,也可以到我个人主页《网页设计师》浏览。 k}$k6Sr"  
$mZpX:7/u8  
  上篇讲到:我们在动手制作网页前,一定要考虑好以下三方面: 'W]oQLD^R  
v'X=|$75  
  1.确定栏目和版块; \B1<fF2  
  2.确定网站的目录结构和链接结构 k>mqKzT0$+  
  3.确定网站的整体风格创意设计 -|x YT+?%  
  今天我们继续来讨论“确定网站的目录结构和链接结构”。 =as\Tp#d  
)o>1=Y`[z  
  一.网站的目录结构 R4P$zB_<2  
O| zLD  
  网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议: v'W`\MKY)  
^tY$pPA  
  ●不要将所有文件都存放在根目录下。 @!zT+W&  
>( :b\*C  
  有网友为了方便,将所有文件都放在根目录下。这样做造成的不利影响在于: {%Ujp9 i  
  1.文件管理混乱。你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。 D"RxI)"HP  
  2.上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,给您的建议是:尽可能减少根目录的文件存放数。 :U$U:e  
jtF et{  
  ●按栏目内容建立子目录。 XOi[[G}  
>i IUS  
  子目录的建立,首先按主菜单栏目建立。例如:网页教程类站点可以根据技术类别分别建立相应的目录,象Flash,Dhtml,Javascript等;企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。 Wy.Xx-3W  
BpQ/$?5E"  
其他的次要栏目,类似what's new,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:关于本站,关于站长,站点经历等可以合并放在一个统一目录下。 '#faNVPABh  
RIQw+RG >  
所有程序一般都存放在特定目录。例如:CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。 % B{NH~  
wBK%=7  
  ●在每个主目录下都建立独立的images目录。 F6h|AF|"  
3x{2Dhi  
  默认的,一个站点根目录下都有一个images目录。刚开始学习主页制作时,阿捷习惯将所有图片都存放在这个目录里。可是后来发现很不方便,当我需要将某个主栏目打包供网友下载,或者将某个栏目删除时,图片的管理相当麻烦。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。 U%,N"]`  
Q]]5\C.  
  ●目录的层次不要太深。 J}vxK H#=  
 U|HF;L  
  目录的层次建议不要超过3层。原因很简单,维护管理方便。 g~AO KHUP  
+5Bh C9=b  
  其它需要注意的还有: C*I~14  
g@jAIy]  
  1.不要使用中文目录;网络无国界,使用中文目录可能对网址的正确显示造成困难。 /\_wDi+#  
  2.不要使用过长的目录;尽管服务器支持长文件名,但是太长的目录名不便于记忆。 $MT' ZM  
  3.尽量使用意义明确的目录;上面的例子中,你可以用Flash,Dhtml,Javascript来建立目录,也可以用1,2,3建立目录,但是哪一个更明确,更便于记忆和管理呢?显然是前者! Uc3-n`C  
]O\Oj6C  
  随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。 :z! N_]t  
Evn=3Tw  
  二.网站的链接结构 ! awfxH0  
8C{mV^cn~  
  网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。 oVLgHB\zL  
t TAql n|  
  ●我们研究网站的链接结构的目的在于:用最少的链接,使得浏览最有效率。 WD^!G;}  
y2U^7VrO  
  一般的,建立网站的链接结构有两种基本方式: MxY~(TVPK  
Eo$7W5h J  
  1.树状链接结构(一对一)。类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会"迷"路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。 bJo)rM :m  
V2I"m  
  2.星状链接结构(一对多)。类似网络服务器的链接,每个页面相互之间都建立有链接。立体结构象东方明珠电视塔上的钢球。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。 0 7CufoI  
{1Z`'.FU  
  这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用。我们希望浏览者既可以方便快速的达到自己需要的页面,又可以清晰的知道自己的位置。所以,最好的办法是: R N1q/H|  
rSUarfZ<  
  ●首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。 K{}U[@_tS  
@,<@y>m7  
  举个例子。一个新闻站点的页面结构如下: t} zffe-  
--------------------------------------------------- /R@,c B=  
}hralef #N  
一级页面 二级页面 )")_aA  
2FxrMCC  
财经新闻页 -- [财经新闻1,财经新闻2...] JM-spi o  
/ | pcd*K)  
首页 -- 娱乐新闻页 -- [娱乐新闻1,娱乐新闻2...] $r`^8/Mq3  
\ | .a%D:4GYR  
IT新闻页 -- [IT新闻1,IT新闻2...] +!'\}"q  
[i 18$q5D  
---------------------------------------------------- phu`/1;p  
  其中,首页,财经新闻页,娱乐新闻页,IT新闻页之间是星状链接,可以互相点击,直接到达。而财经新闻页和它的子页面之间是树状连接,浏览财经新闻1后,你必须回到财经新闻页,才能浏览IT新闻2。所以,有站点为了免去返回一级页面的麻烦,将二级页面直接用新开窗口(POP up windows)打开,浏览结束后关闭即可。 _;G. QwHr  
uXX3I E[  
  注意:以上我们都是用的三级页面举例。如果您的站点内容庞大,分类明细,需要超过三级页面,那么建议你在页面里显示导航条,可以帮助浏览者明确自己所处的位置。就是您经常看到许多网站页面顶部的,类似这样:“您现在的位置是:首页->财经新闻->股市信息->深圳股->深发展” g]IRv(gDh  
]d$:R`;  
  关于链接结构的设计,在实际的网页制作中是非常重要一环。采用什么样的链接结构直接影响到版面的布局。例如你的主菜单放在什么位置,是否每页都需要放置,是否需要用分帧框架,是否需要加入返回首页的链接。在连接结构确定后,再开始考虑链接的效果和形式,是采用下拉表单,还是用DHTML动态菜单等等。 *;Q IAd  
UQ;ymTqdc  
  随着电子商务的推广,网站竞争的越来越激烈,对链接结构设计的要求已经不仅仅局限于可以方便快速的浏览,更加注重个性化和相关性。例如,一个爱婴主题网站里,在8个月婴儿的营养问题页面上,你需要加入8个月婴儿的健康问题链接,智力培养链接,或者是有关奶粉宣传的链接,一本图书,一个玩具的链接。因为父母不可能到每个栏目下去寻找关于8个月婴儿的信息,他们可能在找到需要的问题后就离开网站了。如何尽可能留住访问者,是网站设计者未来必须考虑的问题。 ~c&ygL3  
Yj/aa0Ka4  
  讲到这里,阿捷忽然觉得自己很厉害,居然会总结出这么大一套理论:)什么,皮厚?可能吧,这么多高手都没发言呢!有意见请来信ajie@soim.com %#xdD2oN  
f}JiYZ  
  下次我们继续讨论“确定网站的整体风格创意设计”,欢迎您的参与。

[楼 主] | Posted: 2006-04-04 07:57 顶端

常州五颜六色网络技术有限公司 -> 网站建设



Copyright © 2005-2009 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Total 0.010947(s) query 4, Gzip enabled
会员言论不代表本站立场 本站法律顾问:北京汇泽律师事务所 韩律师
QQ:点击这里给我发消息 /点击这里给我发消息 /点击这里给我发消息
51La