半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

网页布局的方法有哪些?

2022-08-07 01:11:04 暂无评论 219 网站建设 网页设计   布局   哪些

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

网页设计常用的布局模式有哪些

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