网页布局可以根据设计的样式进行分类,也可以从代码实现角度进行分类。从代码实现角度介绍一些常见的网页布局方式。

  1.单列布局

  单列布局是指网页各部分模块,按照从上到下的顺序排列的一种布局形式,如图2-29所示。单列布局是网页布局的基础,所有复杂的布局都是基于此演变而来的。此类型的布局优点是页面阅读更流畅、浏览更清晰;缺点是布局呆板。

  2.两列布局

  两列布局主要将页面中的内容区划分为左边和右边两部分。此类型的布局优点是内容丰富、整体性强,并且可以将产品内容信息进行直观的陈列,从而提高产品转化率。

  3.三列布局

  三列布局是指将内容区划分为左、中、右三部分。三列布局常见于购物类网站。此类型的布局优点是页面充实、内容丰富和信息量大;缺点是页面拥挤、不够灵活。

  4.通栏布局

  为了追求版面上的美观,通常将引导栏、header.导航栏、banner.版权信息进行通栏设计。