网页布局的类型有哪些
1．T型布局
T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。其优点是页面结构清晰，主次分明，是初学者最容易学习的布局方法;缺点是规矩呆板，如果把握不好，在细节和色彩搭配上不注意，容易让人看了之后感到乏味。
2．“口”型布局
“口”型布局是页面上下各有一个广告条，左边是主菜单，右边是友情链接等内容，中间是主要内容。其优点是充分利用了版面，信息量大;缺点是页面拥挤，不够灵活。
3．“国”型布局
“国”型布局又称为“同”型布局，是一些大型网站喜欢使用的布局类型。页面顶部是一横条，横条左部设置网站标志，右部是横条广告，横条下部是水平放置的主导航栏。导航栏下方分为左中右三栏，左边一般放置内容导航、二级栏目、注册登录、搜索引擎等，右边一般放置动态新闻、热点内容、友情链接等，中间显示网页的主体内容，在页面的最下方是一横条状菜单或广告，也可以是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页设计，主要优点是页面容纳的内容多，信息量大。
4．标题正文型布局
标题正文型布局最上方是标题或广告等内容，下方是正文，通常文章页面或注册页面采用此种布局，其特点是简洁明快，干扰信息少，较为正规。
5．“三”型布局
“三”型布局具有简洁明快的艺术效果，适合于艺术类、收藏类、展示类网站。这种布局往往采用简单的图像和线条代替拥挤的文字，给浏览者以强烈的视觉冲击，使其感觉进入了一幅完整的画面，而不是一个分门别类的超市。它的一级页面和二级页面的链接都按行水平排列在页面的中部，网站标志非常醒目。
6．“川”型布局
“川”型布局比较特殊，整个页面在垂直方向分为3列，网站的内容按栏目分布在这3列中，可以最大限度地突出主页的索引功能。如果网站栏Bf良多，可以考虑采用这种布局。它和“国”形布局的主要区别是：把主内容区换成了各个二级页面的链接，其中的不足是二级栏目比例不易配置平衡，色彩不易协调。
7．POP布局
POP布局像一张宣传海报，以一张精美图片作为页面的设计中心，在适当位置放置主菜单，常用于时尚类站点。这种布局方式不讲究上下和左右的对称，但要求平衡有韵律，能达到动感的效果，其优点是漂亮吸引入，缺点是速度慢。
8．变化型
采用上述几种布局的结合与变化，布局采用上、下、左、右结合的综合型框架，再结合F1ash动画，使页面形式更加多样，视觉冲击力更强。
网页的5种布局，你掌握了吗?
一、静态布局
设计：
布局元素居中布局，设置width固定宽度。
二、流式布局
设计：
布局元素宽度使用百分比并使用min-width或max-width限制，高度使用vw并使用min-height或max-height限制使布局元素长宽比一致。
内容元素使用百分比。
使整体布局一致。流式布局代表：栅格系统。
三、自适应布局
设计：
使用媒体查询在不同断点适用不同静态布局。
四、响应式布局
设计：
自适应和流式布局的结合，响应式布局的代表：bootstrap。
五、弹性布局和rem/em布局
设计：
弹性布局使用flex。
rem/em布局使用rem调整各元素尺寸和文字大小，以上以750的设计稿，1rem = 100px，适用于移动端的页面。
