网页布局基本类型（网页的布局主要包括）

　　一、普通网页布局 　　1、左右两栏式：它以左右两列的方式组成网页，左边的栏目用于显示网站的导航、功能性的多项式填表等，另一栏目则是中间正常显示内容，此模式应用十分广泛，给用户很好的浏览体验，也有利于网页排版。 　　2、上下两栏式：它以上下两列的方式组成网页，上面的栏目用于显示网站的导航、功能性的多项式填表等，下面的部分用于显示正常网页内容，此模式在网页排版上简单、实用。 　　3、垂直栏式：这种模式是以从上到下的方式排列内容，它只有一列，一般头尾部正常显示，而中间的内容就按照垂直的方式一章章的排列，这种方式可以很好的展示内容，用户从上到下可以很好的浏览网页内容，但它将收藏在一直的内容太多的时候，这种模式的优点就不易于发挥了。 　　二、多栏式 　　1、三栏式：它就是在上下两栏式基础上再加多一栏，将左右两栏来进行排版，第三栏一般用于放置特殊内容，比如放置广告、网站的活动通知、特色推介等等，方便用户浏览以及更丰富的内容展示。 　　2、多栏形式：这种模式就是利用多个栏目的表现形式，由于它可以相对独立地充实网站的内容，使得网站充满了灵性，也利于大量数据的展示。 　　3、网格布局：它也就是将网页中所有元素放置到网格中，再进行样式排列，被广泛使用的网格布局系统有Bootstrap、Foundation等，这种布局也是比较常用的网页布局模式。 　　三、宽屏布局 　　1、宽屏图片排版：它是当你想要突出网页中的重点时，一般采用的模式，一个大的宽屏图片，而右边的文字介绍放置在窄的里的式的位置，这种模式深受视觉研究者们的赞誉。 　　2、宽屏视频排版：它是以视频形式而不是以图片的形式给用户展示的，而它的宽度、文字的排列以及页脚等都和普通的网页布局有很大的不同，用户在浏览视频时不必像图片那样浏览，而是可以看出正常的优面内容。 　　四、响应式布局 　　1、响应式布局模式：这种布局是网页根据用户用的设备进行自动伸缩排版，使得用户可以多种设备上使用，而无需重新适配用户设备，然而，这种模式常常会受到内容展示元素的限制，因此在使用时要特别小心。 　　2、流式布局：它是一种适用于大屏幕的布局，它可以使复杂的网页内容大屏幕中进行完美的表现，而在小屏幕上浏览时，这种模式也能够更好的适应，但它也会受到一些限制，因此在大屏幕使用时可以充分发挥其作用，而在窄屏使用时也可以得到一定的实用价值。 　　1. 水平布局：水平布局的着重点是有视觉的展现，采用水平方式进行布局，能够让网页布局更加有序、干净，可以显示出网页的整体结构。网页布局采用水平类型作为基础，把它作为网页布局的基本类型，它能够很好地将网页的每一部分依次排列放置，明确网页的设计概况。 　　2. 垂直布局：垂直布局的着重点是侧重于内容的呈现。简单来说，它是把不同的元素依次放置在垂直方向上，做到对多项内容的充分利用，例如在网站的首页，将网站的logo，导航等放置在顶部，内容放置在网页的主体部分，底部放置相关的链接，信息声明等。 　　3. 网格布局：网格布局是一种定位系统，也是网页设计中最常用的布局类型之一。它可以帮助设计师把网页元素以网格的方式一块块拼接进行布局，把每一个元素的位置定义好，同时还可以定义元素的外边距和内边距，可以更好的帮助用户把网页上的内容分类放置，形成有规律系统的网页结构。 　　4. 弹性布局：弹性布局与网格布局有一定的类似之处，也是网页布局中另一种重要的类型。弹性布局通过比例尺寸和“弹性装置”来实现布局，以最大限度满足不同屏幕尺寸的显示效果，让页面的展示更加的整齐、布局更加的设计性且很好的满足了各类设备的显示格式。 　　5. 响应式布局： 响应式布局技术属于弹性布局中的一种，主要是把设计预览以及展示的尺寸，用百分比的方式进行拉伸，使之可以满足任何屏幕的尺寸，能够适应多种屏幕尺寸、移动设备而不失展示效果。另外，响应式布局还可以把网页内容分组，也可以让内容更加整洁有序。 　　6. 混合布局：混合布局也成为多栏布局，是结合上述布局技巧进行利用，将可以同时采用不同类型的布局组合在一起，形成不同的页面效果，满足不同媒体类型的展示要求。这种复合的组件，可以使网页的布局更加具有可读性，以最大限度满足网页的多样展示效果。