网页布局不可能像平面设计那么简单,除了上文提到过的可操作性外,技术问题也是制约网页布局的一个重要因素。虽然网页制作已经摆脱了HTML时代,但是还没有完全做到挥洒自如,这就决定了网页的布局是有一定规则的,这种规则使得网页布局只能在左右对称结构布局、“同”字型结构布局、“回”字型结构布局、“匡”字型结构布局、“厂”字型结构布局、自由式结构布局、“另类”结构布局等几种布局的基本结构中选择。
1.左右对称结构布局
左右对称结构是网页布局中最为简单的一种。“左右对称”所指的只是在视觉上的相对对称,而非几何意义上的对称,这种结构将网页分割为左右两部分。一般使用这种结构的网站均把导航区设置在左半部,而右半部用作主体内容的区域。左右对称性结构便于浏览者直观地读取主体内容,但是却不利于发布大量的信息,所以这种结构对于内容较多的大型网站来说并不合适。
2.“同”字型结构布局
“同”字结构的网页制作名副其实,采用这种结构的网页,往往将导航区置于页面顶端,一些如广告条、友情链接、搜索引擎、注册按钮、登录面板、栏目条等内容置于页面两侧,中间为主体内容。这种结构比左右对称结构要复杂一点,不但有条理,而且直观,有视觉上的平衡感,但是这种结构也比较僵化。在使用这种结构时,高超的用色技巧会规避“同”字结构的缺陷。
3.“回”字型结构布局
“回”字型结构实际上是对“同”字型结构的一种变形,即在“同”字型结构的下面增加了一个横向通栏。这种变形将“同”字型结构不是很重视的页脚利用起来,增大了主体内容,合理地使用了页面有限的面积,但是这样往往使页面充斥着各种内容,拥挤不堪。实例操作如下:http://www.zhiyuanit.net.cn/。
4.“匡”字型结构布局
和“回”字型结构一样,“匡”字型结构其实也是“同”字型结构的一种变形,也可以认为是将“回”字型结构的右侧栏目条去掉后得出的新结构。这种结构是“同”字型结构和“回”字型结构的一种折中,这种结构承载的信息量与“同”字型相同,而且改
善了“回”字型的封闭型结构。