网页设计分成上下（网页设计把网页分为三个层次）
本文目录一览：
网页设计的布局有哪几种
1、所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。
2、【7】POP布局 POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。【7】FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。
3、对称对比型 对称对比型采取左右或上下对称的布局，一半深色，一半浅色，一般用于设计型网站。而其优点是视觉冲击力强，缺点是将两部分进行有机结合较难。
4、网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
5、网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。
6、静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。
网页设计的布局有哪几种?
常见的网页布局类型有：国字类型也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。
所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。
常见的网页布局形式：T字型、口型、三字型、对称对比布局、pop布局，三字型网页多见于政府网站。“三”型布局具有简洁明快的艺术效果，适合于艺术类、收藏类、展示类网站。
网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
网页效果图的网页布局分类
流式布局：灵活性更高，可适用于其他三种网站布局。响应式布局：自适应布局的升级版，响应式网站要普遍适应市面上各类屏幕，开发难度和工作量都是非常大的，开发价格自然比普通网站高。
其视觉效果及听觉效果如果处理得当，会是一种非常有魅力的布局。
网页布局大致可分为：骨骼型、满版型、分割型、对称型、倾斜型、焦点型、三角型、自由型。下面分别论述。详例请参照图片册。
左右框架型 左右框架型是一种左右为分别两页的框架结构布局，这种类型业非常清晰且一幕了然。一般左侧是导航链接，在最上方有个小标题或标志；右侧则是正文。上下框架型 上下框架型是一种上下为分别两页的框架结构布局。
为什么div布局网页在Dreamweaver里看是好好的设计,一发布就窜位置,并排...
你用的是层（div），是相对定位，浏览器和分辨率不同的话有可能显示出来的效果也不同，最好是用表格（table）来定位，而且表格宽和高要用像素，不要用比例，这样做出来的网页就不会变形了。
div有很多属性，例如position，z-index很有可能左右了你层的位置。position有absolution和relative，一个是绝对位置，一个相对位置。z-index越大，这个层就越在上面。还有在做网页的时候，建议多按F12浏览。
如果是表格制作的网页，页面混乱，应该是图片等附件的路径不正确造成的，在你的电脑上保存网页文件的位置和拷贝到别人电脑上保存的位置产生了变化，网页附件路径也会发生变化，图片不会显示，网页就会混乱。
如果div做网页的话需要考虑每个层的位置，如果这个制作完了预览后是好的，那下次不可能变乱的！因为在dream中制作的预览和在浏览器的预览最终的看到的效果是不一样的主要的就是位置问题。
布局乱是因为你用dreamweaver打开网页的时候，没有加载css样式文件，你必须要使用css面板--导入或者链接这个css样式文件，才能在dreamweaver里面看到正确的布局。最好的方法是：一边预览以便修改css样式或者html文件。
DREAMWEAVER 并不是完全能做到所见即所得的开发 工具。他用的时css+div的布局方式，所以你只有测量好各项数据，然后编代码。而且你下载的div页面，还有一个描述的css呢。
