一、网页的布局类型有哪些
网站建设中网页布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，以下分别论述：
1、国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型；
2、拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接；
3、标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面；
4、左右框架类型：这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了；
5、上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架；
6、综合框架类型：其实就是左右框架类型和上下框架类型的结合体；
7、封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示；
8、Flash型：其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体；
9、变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型；
二、进行网页布局的一般步骤是什么
网页布局一般有七个步骤如下：
1.页面尺寸：页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下的页面范围就变得越来越小。一般，分辨率在1024×768的情况下，页面的显示尺寸为1007×600；分辨率在800×600的情况下，页面的显示尺寸为780×428个象素；分辨率在640×480的情况下，页面的显示尺寸则为620×311个象素。从以上数据可以看出，分辨率越高页面尺寸越
大。浏览器的工具栏也是影响页面尺寸的原因，目前的浏览器的工具栏都可以取消或者增加，那么当显示全部的工具栏和关闭全部工具栏时，页面的尺寸是不一样的。
在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。要提醒家。除非能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么最好能在上面做上页面内部连接，以方便访者浏览。
2.整体造型：什么是造型，造型就是创造出来的物体形象。页面的整体形象，应该是一个整体，图形与文本的接合应该层叠有序，有机统一。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。
对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形则代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是结合多个形状加以设计，其中又以某种形状为主。
3.页头：页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将涉及到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片或公司标志以及旗帜广告等。
4.文本：文本在页面中多数以“行”或者“块”(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。
5.页脚：页脚和页头相呼应。页头是放置站点主题的地方，而页脚则是放置制作者或者公司信息的地方。能看到，许多此类信息都是放置在页脚的。
6.图片：图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而布局思维也将体现在这里。
7.多媒体：除了文本和图片，还有声音，动画，视频等等其它媒体。虽然不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也变得更重要起来。
三、网页设计都需要学习哪些知识，学什么
1.网站设计整体页面布局，大概形式有这么几种会正对PC端和手机端设计不同布局，便于用户浏览：
a.列表式布局（现在很多做成卡片式）b.大图展示布局c.两列网格布局d.两列瀑布流e.两列拼图布局f.三列网格布局。
这些主要正对移动端响应式会比较多采用，按照传统的PC端会增加一些上下布局，半包围布局等一些做法。说的这些名词你可以通过搜索引擎查一下，在这里因为打字原因放一张图作为示例，见图一。
2.网站配色。选色如果是企业站，那更多会根据企业形象色，比如LOGO的颜色，行业色（比如环保公司会选择蓝色，绿色），产品色，氛围色（比如喜庆一般红色）来选取主色调。然后确定辅助色，辅助色的搭配可以用同类色，临近色（图二）、中差色、对比色、互补色来完成，但是一定要注意用色面积，不一定主色就是占的面积最多，它只是影响了整个画面的色调而已，中间更多过度的是黑白灰。
3.动效交互设计。动效我们只的是FLASH，文字，图片，或者是整个板块的转场和入场。会因为页面场景不一样做一些便于引起用户注意的动效交互，提升用户体验感。交互解释起来相对内容多点哈，就简单说一下例子，比如你在设计按钮的时候，你期望用户点击“确定”，那么在整个画面按钮你可能会通过亮色来提示用户产生页面交互。
4.细节调整。文字的字体字号，对齐方式，字间距，段落间距，方便用户阅读提取页面有效信息；图片清晰度，大小范围，图片会不会影响整个画面色调，会就调整色调；富媒体包括动画，视频，动图测试播放和页面载入时间等。
所有这一切都是为了企业能够有效传达信息，使用户产生企业希望大用户行为。围绕内容，场景，用户做的设计。
那怎么去学呢，好的设计师一定要有好的审美，要有好的审美那就需要看大量的美的设计，不限于网站设计本身，如果可以逛逛站酷，花瓣，优设等网站。另外要多练习，开始可能很难，对于新手来讲配色会难一点，那你可以尝试去在原型稿上搭配不同的颜色，多了就有感觉。高手跟新手的差异在于细节的把控，所以慢慢你会进入细节方面，这个就要看很多相关理论，还有作品了。
只要你有心，这些都不是难事，首先你得要有把自己变成设计师的想法。加油，欢迎交流，有讲的不全面的地方欢迎来喷：）
四、列举三种常见的网页布局类型
以下是三种常见的网页布局类型：
1.流式布局：也称为自适应布局，页面元素会根据浏览器窗口的大小进行自适应调整。
2.固定布局：指定了固定的页面宽度，无论浏览器窗口大小如何，页面元素的位置和大小都不会改变。
3.响应式布局：是一种综合了流式布局和固定布局的方式，可以根据不同设备的屏幕大小进行自适应调整，从而达到更好的用户体验。
感谢您的阅读！希望本文对解决您关于网站页面布局和样式设计的问题有所帮助。如果您还有其他疑问，欢迎随时向我们提问。
