网站前端开发常用的布局方式有哪些

如题所述

实现网页布局的方式方法比较多,布局方式可以大概分为这几类。

布局种类:

1、table布局(网页的兴起,1995)

2、Flash布局(自由的黄金时代,1996)

3、div+css(CSS的诞生,1998)

4、栅格与响应式(移动端的兴起,2007与2010)

当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧,网页布局看起来貌似简单,但是它需要综合使用很多HTML+CSS的知识,总的来说知识量是不小。如果想系统化的了解HTML+CSS方面的知识,建议你选择一本比较不错的HTML5相关书籍(主要看知识逻辑、知识的表达方式,比如《HTML5布局之路》)进行学习,让自己的知识更扎实一些,不然学的零零散散的。

Tips:学习好HTML+CSS有利于后面学习JavaScript,毕竟需要它们两者结合在一起才可以实现出可交互的前端页面。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-07-30
网站布局之“厂”字型
所谓的“厂”字型布局结构,就是指页面顶部为横条网站标识和广告条,下方左面为主菜单,右面显示内容的布局。菜单条与背景,整体效果类似“厂”字。“厂”布局是目前最常见的一种网页布局方式。这种布局的优点是页面结构清晰,主次分明。缺点是由于被使用得过多,显得缺乏创意,略显呆板。

网站布局之“三”字型
这种布局多用于国外站点,通常页面上方横向几条色块,将页面整体分割为若干部分,色块中大多放广告图片或者Flash动画。

网站布局之 “国”字型
“国”字型布局通常上下各有一个广告条或者其他栏目条,左面是主菜单,右面放友情链接或者其他栏目等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面显得比较拥挤和局促,不够灵活。

网站布局之门户型
这类网页通常内容多,信息量大,通常没有时显的线条作为边界,图片用得也比较少,一般通过文字的排列产生视觉上的分区效果。

网站布局之区块型
区块型布局现在出现的越来越多,在网页上各个区域具有封闭的边界,经过合理放置显得清晰美观。其缺点是由于片面固定,各区域很难根据其中的内容的多少而调整大小,因此不适宜用于区域内容的长度经常变化的网页。

网站布局之宣传单型
宣传单型布局页面就像一张宣传海报,以一张精美图片作为页面的设计中心,常用于个性类站点。其优点是漂亮吸引人;缺点就是页面中大面积使用图片,导致浏览速度相对较慢。所以这类页面同是可以作为宣传单使用。本回答被网友采纳
相似回答