如何设计有效的网页布局?麻烦告诉我
页面定宽：自适应可以根据浏览器显示情况自动调整页面宽度，但是因为用户水平方向的聚焦范围有限，所以当页面过宽时，用户的浏览和操作成本会增加；而当页面过窄时（如用户同时开启两个浏览器对比查看商品搜索结果），自适应则会导致布局变形和内容错乱。给页面规定宽度可以避免这些问题。
也就是说大布局上要尽量避免平分的局面。小布局 也可以说是细节上的布局。我们可以把网页看成是由很多个小块组合而成的。通常要注意的就是标题与内容的关系以及这些块放置的位置。比如最核心的内容不要放在最顶、最后、或是最中间。
另外，站长一定要注意：页面设计风格的统面包屑导航的使用、主导航系统当前所在分类的高亮都有助于用户判断自己现在在哪里（具体可查看马海祥博客《如何在网站策划中做好导航设计》的相关介绍）。
做网页一般怎么布局啊?
网页布局一般可以采用以下几种方式：框架结构布局：二分布局：将网页分为左右两个部分，通常左边是导航栏或目录，右边是主要内容。三分布局：将网页分为左、中、右三个部分，可以分别用于导航、内容和侧边栏等功能。T型布局：页面顶部为横条网站标志和广告条，下方左侧为导航菜单，右侧显示主要内容。
为了布局，我们可以通过设置边框和背景色来帮助我们更直观地进行布局。例如：border：1px solid #000；（这是把边框显示出来，方便我们布局）背景色设置为background-color：#EEE；（这是背景色设置，#EEE为颜色值），这有助于我们区分不同的区域。div的设置属性有很多，如字体居中和设置边距等。
网页布局有以下几种常见结构：【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。
常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。
Dreamweaver8是一款非常优秀的可视化网页设计布局软件。在日常开发当中，经常会遇到框架布局（如：上下布局，上左右布局；上下左右布局等等）。这里演示怎样插入布局框架，然后全部保存。
“T”结构布局 所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。如左右两栏式布局，一半是正文，另一半是形象的图片、导航。
网页的布局有些什么?分别有什么特点?
这种布局多用于国外网站，国内用得不多。其特点是页面上横向两条色块，将页面整体分割为4个部分，色块中大多放广告条。对称对比布局 顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。其优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。
静态布局的特点是，所有元素尺寸固定，使用px作为单位，页面布局始终保持原始设计状态，不受浏览器尺寸的影响。流式布局则通过百分比定义宽度，根据屏幕分辨率动态调整页面元素宽度，但整体布局保持不变。自适应布局则为不同分辨率屏幕定义了多种布局方案，每个布局对应一个分辨率范围。
特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。 对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
自适应布局（Adaptive）的特点是分别为不同的屏幕分辨率定义布局。布局切换时页面元素发生改变，但在每个布局中，页面元素不随窗口大小的调整发生变化。 你可以把自适应布局看作是静态布局的一个系列。
左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。
如何对网页进行布局如何对网页进行布局设计
页面定宽：自适应可以根据浏览器显示情况自动调整页面宽度，但是因为用户水平方向的聚焦范围有限，所以当页面过宽时，用户的浏览和操作成本会增加；而当页面过窄时（如用户同时开启两个浏览器对比查看商品搜索结果），自适应则会导致布局变形和内容错乱。给页面规定宽度可以避免这些问题。
网站首页的布局要做到科学合理，文本大小要适中，颜色搭配也要协调，将核心内容放在首页最显眼的位置。然后就是要注意做到适当的六百，这样可以让你的网站更加的干净、简洁，结构也会更加的清楚。
同时网站首页的内容布局设计要对网站用户进行需求分析，把用户最关注的内容放置在首页栏目的最突出位置。网站首页布局还需注意页面的尺寸、网站打开速度及友情链接布置等方面。网站内页布局设计 内页面包屑导航 为了更好的提升站内页面权重，网站页面布局时，要将网站内页设置面包屑导航。
很多人常常询问某个页面该如何布局这样的问题，其实网页布局也没有想象中那么难，只要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。
利用html进行布局的方法有：通过标签来对表格的行和列进行排列来实现页面布局的效果，也可实现将网页内容放在多个页面中的多列布局；还可以使用div和span标签进行布局页面布局是图形设计的一部分，用于处理页面上视觉元素的排列。接下来在文章中为大家详细介绍如何利用HTML进行网页布局，希望对大家有所帮助。
步骤：搜索引擎的识别网站具有清晰的导航根据网站的导航去制定需求。一个清晰明了的用户导航可以让游客在网站中自由的访问，并且根据需要选择合适的内容，而网站导航的加入也可以加大网友的访问深度。
网页设计横排布局竖排布局?
1、主体：网页的主要内容部分，一般可以分为两到三个竖列，包括侧栏sidebar、栏目column等。页尾：通常用来放置版权申明、使用协议等，也可放一些导航链接。网页布局：表格布局：使用table标签来定义表格。表格包含若干行和单元格。table标签的主要属性包括height、width、cellpadding、cellspacing、border、align等。
2、网页布局大致可分为：骨骼型、满版型、分割型、对称型、倾斜型、焦点型、三角型、自由型。下面分别论述。详例请参照图片册。（1）骨骼型描述：网页中骨骼型是一种规范、严谨的分割方式，也是最为普通和最为常见的一种形式，类似报刊的版式。
3、在网页设计中，常见的三种布局方法分别是T型布局、口型布局以及POP布局。T型布局以其独特的结构而闻名，该布局的上部通常为横条，包括网站标志和广告，而页面的下半部分则被分为两部分，左侧是主菜单，右侧则展示主要内容，这样的设计很容易让人联想到英文字母“T”，因此得名T型布局。
4、“三”型布局 这种布局多用于国外网站，国内用得不多。其特点是页面上横向两条色块，将页面整体分割为4个部分，色块中大多放广告条。对称对比布局 顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。其优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。
5、网站设计中.新鲜和个性是布局的最高境，能加强视觉效果。T结构布局，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母T，这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。
6、具体而言，这种布局通常将页面顶部设计成横条状，用于展示网站标志和广告。在页面下方，左侧区域用于放置主菜单，右侧则展示主要内容。这样的布局设计，使得主菜单的背景颜色通常较为深沉，整体效果酷似英文字母“T”。这种布局方式不仅美观，而且功能清晰，用户能够快速定位到所需信息。
