优秀的html布局,优秀的网页设计中常见的六大布局

在优秀网站设计中，不同类型的网站布局方式不一样，但是不管采用何种布局，都要围绕用户的浏览习惯去布局，布局的方式要主次分明，重点突出，比如，用户一般浏览网页都喜欢从左到右的浏览方式。如果网站布局从上下到下，一定能程度上就违反了大部分用户浏览网页的习惯。

布局一、大框套小框。

这种布局是很多网站都常使用一种布局方式，在一个大的栏目里然后在布局几个小的相关栏目，这种布局方式大小有限，让用户专注于某一方面的内容，主体突出。

布局二、环绕式布局。

环绕式布局更加灵活方便，banner区域相对较小，但是可以在页面中安置更多的信息和内容，这种布局适合内容较多或者以内容为主的网站。

布局三、穿插式布局。

这种布局在企业网站中不常用，也不适合企业网站，这种网站就是banner的区域较大，灵活性相对差些。

布局四、通栏

这种布局方式相对于大框套小框而言，用户浏览网页不在受到方框的限制，这种方式显得大气些，眼界显得更开阔些。

另外这种方式还有一个便利之处那就是主视觉部分可以随机灵活处理，既能往上移到网站logo和导航的位置，也可以移到向下扩展的内容区域。这种布局方式也是网站中常用的布局方式。

布局五、左中右布局。

这种布局方式也不常见，但也是一种新鲜的布局方式，这种布局比较有条理，逻辑性较强。

布局六、导航在主视觉下方的布局。

这种布局方式在一些资讯门户网站中还是比较常见的，导航直接放置在banner的下面，这可以弥补banner中设计素材被截断的缺陷。

另外这种布局方式，用户打开网页就能看到网站的导航，这样对于新客户来说是及其友好的，新客户不用刻意去寻找网站的导航，而且访客可以通过第一眼就能分清网站主要导航内容。