网站的层次是指主页面(首页或一级页面)和二级页面、三级页面之间的结构关系。大部分网站制作的初学者不重视这种层次规划,以致于网页风格不统一,在网页导航上也出现了很多问题。按照专业网页设计流程,制作网页前应先设计好导航条,即需要事先规划好网页的层次结构。
无论是复杂的商业网站,还是简单的个人网站,在网页的层次结构上都存在着一些共同点,即任何一个网站均可以用三级结构实现,也就是“首页--栏目页--文章页”或“一级页名--二级页面--三级页面”结构。制作好这三级结构,就能制作好其他类型的结构,因为任何网站都是以这三级结构为基准的,而且各级结构各有特点。
目前,互联网上制作首页大多采用大主题图形配以少量文字介绍的方法,除了大型的公众网站外,其他的站点都不必采用制作大量超级链接的做法。对于目前的商业网站和个人网站来说,这条原则都是适用的。因此,主页的制作将主要是主题图形的制作以及页面构图。
二级页面是每个栏目起始页,该页面应有该栏目的对应的主题图形,相对于整个网站的主题图形来说,标志要小但必须醒目。当用户进入该页面后、需要设置通向其他栏目的链接梦及返回首页上应有明确指示。
三级页面是文章页,位于最底层,当浏览者进入栏目后见到的超级链接,就是通向大篇幅文本的。由于文章页本身包含大量文字,图片不宜安放过多。必要时,可以为文章设计一些文章主题图形,但这将使服务器的负荷过重,一般情况下个人网站应避免这样做,如果个人网站把文章标题做成各种各样的美术字、特效字结果将是得不偿失。文字可以直接用文本表现,只要色彩、字体搭配得当,就可以制作出美丽的页面。应把有限的页面空间留给那些无法用文本表现的装饰图片。
在上述的三级结构中,二级页面之间、三级页面之间应保持风格一致。也就是基本布局一致。首页与二、三级页面之间的风格也有需要一致之处,但这种要求不十分严格,自由度稍大。
整个目录层的关系都可以用图2-12所示的“目录树” 结构来表示。微软公司在其主页上使用Javascript编成的“目录树”,正是因为它和网站结构有着最直接的对应关系