Web前台的布局设计

网站前台的版面设计是网页制作的第一步，版面设计就像传统报刊杂志的编辑一样，我们把网页作为报纸、杂志进行版面设计。动态网页技术的发展，网页制作开始向场景编剧倾斜，但固定的网页布局基础仍然需要学习和掌握。

布局是指通过浏览器看到的完整页面，因为每台计算机的显示分辨率不同。同一页的大小可能为640×480像素、800×600像素和1024×不同大小，例如768像素。布局是将屏幕和文本放置在页面不同位置的一种适合参考的方法。

布局分辨率设置，一般页面结构类型科学的页面结构，可以更好地显示站点信息，方便任务完成，更直接地访问内容。网页结构的科学性和艺术性使信息更易于管理。

常见的网页布局结构主要包括：。

1.“T”形布局

“T”形布局是指页面上部为横纹站点标志和广告栏，下方左侧为主菜单，右侧为显示内容的布局，由于菜单栏背景较深，整体效果相似，英文由于文字的“T”，我们称之为“T”形布局这是页面设计中广泛使用的布局之一。该布局的优点是页面结构清晰，主次分明，是初学者易于使用的布局方法。缺点是死板，如果细节颜色不注意加工，很容易让人觉得“看起来乏味”。

2.“口”形状布局

这是象形的说法，一般页面上下各有一个广告条，左边是主菜单，右边放友情链接等，中间是主要内容。这个布局的优点是利用布局，信息量大。难点是页面太拥挤，不灵活。也可以仅用中窗口形的布局空出4边。

3.“三”形布局

这种布局在国外网站上使用较多，在国内使用较少。特点是页面上的横向两条色块，将整页分割成三个部分，色块中多放置广告条。

4.对称比较布局

顾名思义，采用左右或上下对称的布局，一半深色，一半浅色，一般用于设计型场地，优点是视觉冲击力强，缺点是难以将两部分有机结合。

5.POP布局

POP引用自广告用语，意思是页面布局就像宣传海报一样，以精美的图片作为页面设计中心。这个布局在时尚类网站上很常用，优点显而易见。很漂亮，很吸引人。缺点是速度慢。