网页布局简述网页布局的方法

网页布局时间:2021-01-20 阅读:()

网页布局结构有哪些

不同的制作者会有不同的布局设计。

网页布局有以下几种常见结构：1.“同”字型结构布局所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。

这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。

2.“国”字型布局 “国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。

一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。

这种结构是在网上见到的最多的一种结构类型。

这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。

3.T型布局这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。

这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。

4.“三”字型布局这种布局多用于国外站点，国内用得不多。

特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。

5.对比布局顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。

一般用于设计型站点。

优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。

6.POP布局 POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。

这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。

这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。

7.Flash布局这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。

网页布局采用哪几种方法及每种方法的基本操作

传统的网页布局方法主要有表格布局和层（div）布局方法。

两者都是按照网页结构框架把网页的内容组织安排起来。

网页布局结构有哪些？

网页布局结构：? 1、骨骼型结构。

即类似于人体的骨骼结构。

分为上中下，内容部分分为两、三栏的设计。

2、对称型结构。

对称型结构就是网站有一个对称轴，称左右或者上下对称。

这种网页在阅读上很明明确给出用户重要和次要区域的划分，根据于都习惯往往在比较大的位置上安排主要内容。

3、满版型的结构。

其实这种网页结构随着现在显示器尺寸的增大和分辨率的提高逐渐再做一个过度，即以前的整个图片满版到后面的背景满版，到现在的局部满版。

这种版式给人的感受是内容紧凑，气氛表达充分，适合温馨和暖性思维的表达。

4、焦点型。

这类网页多见于围绕一个中心点，真个页面围绕中心，多见于销售类网站或者品牌产品网站。

其特点是中心明确，表达信息集中，传达信息清楚。

5、分割型。

把整个页面分成上下或左右两部分，分别安排图片和文案。

两个部分形成对比：有图片的部分感性而具活力，文案部分则理性而平静。

可以调整图片和文案所占的面积，来调节对比的强弱。

例如：如果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又很疏落，则造成视觉心理的不平衡，显得生硬。

倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果。

6、中轴型。

沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。

水平排列的页面给人稳定、平静、含蓄的感觉。

垂直排列的页面给人以舒畅的感觉。

? 网页结构即网页内容的布局。

创建网页结构实际上就是对网页内容的布局进行规划，网页结构的创建是页面优化的重要环节之一，会直接影响页面的用户体验及相关性，而且还在一定程度上影响网站的整体结构及页面被收录的数量。