网站前台的布局设计是网页制作的第一步是版面布局设计就像传统的报纸杂志编辑一样，我们将网页当做一张报纸、一本杂志来进行排版布局。虽然动态网页技术的发展使得页面制作开始趋向于场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。
版面指的是通过浏览器看到的完整的一个页面因为每个电脑的显示器分辨率不同，所以同一个页面的大小可能出现640×480像素、800×600像素以及1024×768像素等不同尺寸。而布局就是以适合浏览的方式将图片和文字排放在页面的不同位置。
版面分辨率的设置，常见的网页结构类型科学的网页结构能够更好地展现网站信息，让任务的完成更容易，对内容的存取更直接。网页结构的科学性和艺术性，可易于信息的管理。
常见的网页布局结构主要有以下几种：
1.“T”形布局
所谓“T”形布局就是指页面顶部为横条网站标志与广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似，英文字母“T”，所以我们称之为“T”形布局，这是网页设计中用得广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意加工，很容易让人“看之无味”。
2.“口”形布局
这是一个象形的说法，一般就是页面上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中窗口形布局。
3.“三”形布局
这种布局多为国外站点使用，国内用得不多。特点是页面上横向两条色块，将页面整体分割为三部分，色块中大多放广告条。
4.对称对比布局
顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，般用于设计型站点，优点是视觉冲击力强，缺点是对两部分进行有机的结合比较困难。
5.POP布局
POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。这种布局常用于时尚类站点，优点显而易见：漂亮，吸引人。缺点就是速度慢。
