网站布局图是什么

A. 网页版面布局有几种

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

B. 网页设计的布局有哪几种

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

1.“国”字型：

2.拐角型：

3.标题正文型：

4.左右框架型：

5.上下框架型：

6.综合框架型：

7.封面型：

8.Flash型：网页设计

9.变化型：网页设计

C. 网页效果图的网页布局分类

网页布局大致可分为：骨骼型、满版型、分割型、对称型、倾斜型、焦点型、三角型、自由型。下面分别论述。详例请参照图片册。
（1）骨骼型描述：网页中骨骼型是一种规范、严谨的分割方式，也是最为普通和最为常见的一种形式，类似报刊的版式。常见的网页骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。通常以竖向分栏居多。这种版式给人以和谐、理性的美。
（2）满版描述：满版型页面以图像充满整版。主要以图像为诉求点，可将部分文字置于图像之上。视觉传达效果直观而突出。给人以生动大方人感觉。满版型版式被各种网站所采用，以学校、娱乐、体育、艺术、儿童以及个性化网页，其中以韩国网站居多。
（3）分割型描述：分割型版式指把整个页面分成上下或左右两部分，分别安排图片或文字内容。两部分形成对比，使图片部分感性而具表现力，文字部分则理性而具说服力。可以调整图片和文字所占的面积比例，来调节对比强弱。如果图片比例过大，文字字体过于纤细，段落疏松，会造成视觉心理的不平衡，显得生硬。
（4）中轴或对称型描述：中轴型版式是将图片和文字沿浏览器窗口的中间轴心位置作水平或垂直方向排列的一种设计方式。沿中轴水平方向排列的页面可以给人稳定、平静、含蓄的感觉，沿中轴垂直方向排列的页面可以给人以舒畅的感觉。采用这种版式设计的网页比较适合做网站的首页。
（5）焦点型描述：焦点型的网页版式通过对浏览者视线人诱导，可以使页面产生强烈的视觉效果，如集聚感或膨胀感等。中心焦点型是将图片或文字置于页面的视觉中心。向心焦点型是视觉元素引导浏览者人视线向页面中心聚拢。离心焦点型是视觉元素引导浏览者的视线向外辐射。焦点型版式为各类网站使用，以体育、娱乐、动画网站为多。
（6）倾斜或曲线型描述：倾斜型页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目。此类网站版式为各类网站所采用。曲线型网站图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏。此类网站版式为各类网站所采用。
（7）三角型描述：三角型版式是指见面各视觉元素呈三角形或多角形排列。正三角形最具稳定性，倒三角形则可产生动感。侧三角形构成一种均衡版式，既安定又有动感。三角形版式为各类网站所采用。
（8）自由型描述：自由型版式人页面具有活泼、轻快人气氛。自由型版式也可应用于多种网站。如网络、娱乐、体育、个人、商务等。
以上介绍的版式基本类型并不是固定不变的，在实际设计中，设计师可以根据网页所要传达的主题内容来灵活地变化版式。在设计前要认真分析网站的定位，在设计中要灵活把握版式结构，才能更好地达到设计目的。

D. 常用的几种网页布局类型

现在网页布局是网页设计当中非常重要的一环，很多客户可能都会纠结甚至会涉足网页设计和布局的工作当中，可以说一个好的布局不仅能够给企业带来长期发展的前景，不知道大家都了解哪几种形式，北大青鸟昆明计算机学院http://www.kmbdqn.cn/给大家总结了以下几种布局类型，在你UI设计工作中可以根据具体需求来做分析。

1.国字型布局，一些大型网站更倾向于这种布局类型，即最上面是网站的标题和横幅广告条，接下来是网站的主要内容，中间是主要部分，左右分出两小条内容，这种结构是我们在网上见过的差不多最多的一种结构类型。

2.匡字型布局，这种结构与国字型布局只是形式上的区别，这样的布局形式释放了更多空间，接下来的左侧也是一窄列的链接，右侧是很宽的正文.

3.左右框架型，这种结构与上一种只是形式上的区别，但其实很相近，上面是标题和广告横幅，接下来的左侧是一窄列链接，右侧就是非常正规的正文，下面是网站的辅助信息，这种类型是一种很常见的结构类型。我们见到的大部分的大型论坛都采用这种结构，当然也有一些企业网站也喜欢采用。

4.上下框架型，其实质与左右框架类似，区别只是这种类型是一种上下分为两页的框架。这种类型的布局形式大多在一些文章页面或者是注册页面会出现。

5.川字型布局，整个页面在垂直方向上分为三列，网站的内容按照栏目肺部在这三列当中，最大限度的突出主业的索引功能。

6.F型布局，这种布局方式属于传统的布局方式，更依赖于视觉线索，更好地控制用户的视觉路径，相比较来讲，F布局也更加自然，更加友好。F式布局符合用户的浏览习惯，更自然。符合“从上到下，从左到右”的阅读模式。

最后还有两种网页布局类型，一种是Flash型局部形式，另一种是封面型布局形式，下边两组，小编就不添加图片了，这两种形式的布局，大家应该很好理解。

E. 几种常见网页布局设计

网页设计的布局有哪几种？
1.“国”字型：
网页设计也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

2.拐角型：
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3.标题正文型：
这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

4.左右框架型：
这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

5.上下框架型：
与上面类似，区别仅仅在于是一种上下分为两页的框架。

6.综合框架型：
上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。

7.封面型：
这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

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

9.变化型：网页设计
即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

F. 什么是网页的版面布局

网页布局方法很多,根据各人不同的喜好布局也不同:通常的布局方法有以下几种:
一.通过表格来布局
表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响
二.通过层叠样式表来布局
CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现
三.通过框架来布局
框架结构的页面被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观

G. 网页制作的结构布局有哪些

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：
1.“同”字型结构布局
所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。
这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。
2.“国”字型布局
“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。
这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。
3.T型布局
这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。
4.“三”字型布局
这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。
5.对比布局
顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
6.POP布局
POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。
7.Flash布局
这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

H. 网页布局有哪些类型

1、“国”字型

也可成为“同”字型，一般的大型网站都喜欢使用这种类型的网页布局，也是网上最常见的网页布局结构类型。在网页上方是网站标题和横幅广告条;然后是网站主要内容，左右各分列两小条内容，中间则是主要部分，一起罗列到底;最下方则是网站一些基本信息、联系方式、版权声明等。

2、拐角型

拐角型与国字型设计很相近，只是形式上的区别。在网页上方是网站标题和广告横幅;然后左侧是一窄列链接或导航链接，右侧是网站正文;最下方也是一些网站辅助信息。

3、标题正文型

标题正文型在最上方是标题或一些类似信息;下方则是正文信息，即文章页面或注册页面等。

4、左右框架型

左右框架型是一种左右为分别两页的框架结构布局，这种类型业非常清晰且一幕了然。一般左侧是导航链接，在最上方有个小标题或标志;右侧则是正文。

5、上下框架型

上下框架型是一种上下为分别两页的框架结构布局。一般上方是导航链接，下方则是正文。

6、封面型

封面型基本上是一些网站首页的设计布局，大部分出现在企业网站和个人主页上。多数是一些精美平面设计结合一些小的动画设计，再配上几个简单的链接或是设计一个”进入“链接，也可以直接再网站首页图片上做链接。