北京网站设计 网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象地说,每个页面都可以看作一个节点,链接则是在两个节点之间的连线。一个点可以和一个点链接,也可以和多个点链接。从逻辑上看,这些链接可以不分布在一个平面上,而可以形成一个立体空间。
研究网站链接结构的目的在于用最少的链接,使得浏览最有效率。一般建立网站的链接结构有以下两种基本方式。
1.树状链接结构(一对一)。类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。立体结构看起来就像蒲公英。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会“迷”路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。
2.北京网站设计 星状链接结构(一对多)。类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用。浏览者往往希望既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的做法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。下面举一个例子来加以说明。
某个网站的公共新闻子系统有财经新闻、体育新闻、IT新闻、娱乐新闻等栏目,分为一级页面和二级页面。一级页面包括首页、财经新闻、体育新闻、IT新闻、娱乐新闻等导航页面;二级页面包含更下一级的子栏目,如财经新闻l、财经新闻2等。
在这种情况下,首页、财经新闻页、娱乐新闻页、IT新闻页之间可设计为星状链接,可以互相点击,直接到达。而财经新闻页和它的子页面之间设计为树状链接,浏览财经新闻1后,你必须回到财经新闻页,才能浏览财经新闻2。所以,有的站点为了免去返回一级页面的麻烦,将二级页面直接用新开窗口打开,浏览结束后关闭即可。 需要指出的是,在上面的例子中是用三级页面来举例。如果站点的内容更庞大,分类更明细,需要超过三级页面,那么需要在页面里显示导航条,以帮助浏览者明确自己所处的位置。许多电子商务网站都采取了这方面的措施,在网页的顶部,经常可以看到类似下面的提示信息:
“您现在的位置是:首页—>财经新闻—>国内新闻—>投资理财—>股市信息”
关于链接结构的设计,在实际的网页制作中是重要的一环。采用什么样的链接结构直接影响到版面的布局。例如主菜单放在什么位置,是否每页都需要放置,是否需要用分帧框架,是否需要加入返回首页的链接。在链接结构确定后,再开始考虑链接的效果和形式,是采用下拉表单,还是用DHTML动态菜单等。
北京网站设计 随着电子商务的推广,网站竞争也越来越激烈,对链接结构设计的要求已经不仅仅局限于可以方便快速地浏览,更加注重个性化和相关性。例如,对于一个儿童保健网站,在某个1岁儿童的营养问题页面上,可以加入1岁儿童的健康问题链接、智力培养链接,或者是有关奶粉宣传的链接等。因为父母读者不可能有耐心到每个栏目下去寻找关于1岁儿童的所有信息,他们可能在找到几个需要的问题后就离开网站了。如何尽可能留住访问者,是网站设计者必须要考虑的问题。
三、北京网站设计 网站制作规范
在网站项目设计过程中,除了要考虑目录结构、链接结构的问题外,还需要制定一些技术标准来统一各个技术小组、技术人员的开发行为。在网站设计的实际工作中,设计人员总结出了许多很有指导意义的“行为准则”。
1.网站目录规范
建立目录的指导思想是以最少的层次提供最清晰简便的访问结构,具体工作中应该尽量满足以下要求。
(1)根目录存放的文件不宜太多,一般只允许存放index.html或default.html等首页文件,以及其他必须的系统文件;
(2)每个语言版本存放于独立的目录;
(3)为每个主要功能(主菜单)建立一个相应的独立目录;
(4)当页面超过20页,每个目录下存放各自独立的images目录。共用的图片放在根目录下的images目录下;
(5)脚本或程序文件分别存放在各自的目录下。所有的js文件存放在根目录下的统一目录script中,所有的CGI程序存放在根目录下的cgi-bin目录中;
(6)所有的CSS文件存放在各语言版本下的style目录下。
2.北京网站设计 文件命名规范
文件命名的指导思想是以最少的字母达到最容易理解的意义,实际工作中可以参照以下做法。
(1)索引文件统一使用index.html文件名。index.html文件可以作为“桥页”,不制作具体内容,仅仅作为跳转页和meta标签页;
(2)单个英文单词文件名的第一个字母为大写,其余为小写。组合英文单词文件名中每个单词的第一个字母大写,其余为小写;
(3)所有文件名字母间连线都为下划线;
(4)图片等多媒体素材文件的命名原则以其内容的英语单词为名,大小写原则同上;
(5)js等脚本或程序文件的命名原则以其功能的英语单词为名,大小写原则同上。例如,广告条的js文件名为ad.js;
(6)菜单图片的命名取菜单名的英语翻译为名称。例如,“关于我们”栏目可以用AboutUs作为名称,“信息反馈”栏目使用Feedback作为名称等。
3.链接结构规范
链接结构的设计原则是用最少的链接,使得浏览最有效率。最基本的做法是:首页和一级页面之间用星状链接结构;一级和二级页面之间用树状链接结构;超过三级页面,在页面顶部设置导航条。
相关信息: