网页布局方法都有哪些类型 网页布局方法都有哪些种类

网页布局方法都有哪些？

一、静态布局

在传统的网页设计中，网页上所有元素的大小都是px。

1. 布局特征

无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。常规的PC站点是静态布局的，具有最小宽度，因此，如果宽度小于此值，则显示滚动条，如果宽度大于此值，则显示内容居中和背景。这种设计在PC上很常见。

2. 设计方法

PC:中心布局，所有样式使用绝对宽度/高度(px)，设计一个布局，在屏幕的宽度和高度已经调整，使用水平和垂直滚动条检查覆盖部分;移动设备:建立一个单独的移动网站，设计一个单独的布局，并使用一个不同的域名，如wap。或者m。

优点:这种布局对设计师和CSS作者来说都是最简单的，并且没有兼容性问题。

缺点:很明显你不能改变用户的屏幕尺寸。目前，大多数门户网站、大多数企业PC广告网站都采用了这种布局。固定像素大小的web页面是匹配固定像素大小的显示的最简单方法。然而，这种方法不是一种完全兼容的方式来创建未来的web页面。我们需要一些方法来适应未知的设备。

二、流式布局

液体版面(也称为“流体”)的特点是页面元素的宽度根据屏幕分辨率进行调整，但总体版面不变。代表性围栏系统(网格系统)。例如，将主网页正文的宽度设置为80最小宽度设置为960px。图像也被类似地处理(宽度：100%，最大宽度通常设置为图像本身的大小，以防止由于拉伸而失真)。

延伸阅读

列举三种常见的网页布局类型？

1 T型布局 所谓T型布局，使指页面上部为横条（网站标志+广告条）、下方左半部为主菜单、右由半部分显示内容的布局。

因为看上去像英文字母“T”，所以称为T型布局。T型布局的优点是页面结构清晰，主次分明，强调秩序，能给人以稳重、可信赖的感觉，比较容易上手。缺点是规矩呆板，如果细节和色彩搭配上不注意，容易让人乏味。2 口型布局 口型布局的页面上下各有一个广告条，左侧是主菜单，右侧放置友情链接等内容，中间是主要内容。口型布局的优点是充分利用版面，信息量大。其缺点是页面拥挤，不够灵活。3 POP布局 POP引自广告术语，是指页面布局象一张宣传海报，以一张精美图像作为页面的设计中心，在适当位置放置主菜单。这种布局不讲究上下左右对称，但要平衡和有韵律，能达到强调、动感、高注目性的效果，常用于时尚类网站。其优点是漂亮吸引人，缺点是速度慢。

什么是网站的总体布局？

网站的总体布局也就是网站的总体规划，包括：

1.网站的结构；

2.新添文件与原有系统保持一致的措施；

3.信息的组织与管理；

4.存储信息的物理方法（采用数据库还是文件系统）；

5.文档版本控制（例如，如何确保多个用户同时编辑同一个文件）；

6.结构的完整性和一致性的维护方法。

网站首页的布局怎样才合理？

一、网站背景图 　　给网站设计背景图是为了兼顾网站整体的布局设计，网站里增加了背景图可以给客户带来一种更大气更美观的视觉效果。

二、合理的颜色搭配 　　布局设计之后就是进行颜色搭配，网站颜色搭配首先就是要科学，所说的科学是指配色的科学性以及颜色变换的科学性。

三、兼容浏览设备 　　通常来说，一个实用性比较好的企业网站，在网站设计时都会对首页进行长屏布局，那么就会在首页上设计比较多的版块，而不是只有简介和产品，这样只是一个短屏网站。网站布局要想吸引人，除开以上的基本设计以外，还需要对网站有一定的认知度，明白企业的特色是什么，以简单大气的内容对网站进行设计。

网页设计的布局有哪几种？

网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。

1、国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容条，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型。

2、拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3、标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面。

4、左右框架类型：这是一种左右分别为两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标志，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了。

5、上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架。

6、综合框架类型：其实就是左右框架类型和上下框架类型的结合体。

7、封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示。

8、Flash型：其实这与封面型结构是类似的，采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

9、变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型。

网页布局结构有哪些？

第一，“国”字型网页布局:这个网页布局适合用在一些大型网站之中，简单大气，这种网页布局也是目前北京网站建设用在大型网站之中次数最多的类型之一。

第二，拐角型网页布局:这个与国字型布局非常相似，不过在形势上存在一定察觉，应用起来效果也比较好。

第三，标题正文型网页布局:这是在北京网站开发中最为简便的布局类型之一。

此外，网站制作公司还常常用到包括“T”结构、“三”型以及对称对比型等。