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