于设计布局页面时，每个元素的重要性有所不同，所以所使用的排列与布局方式亦有所不同，考量糟糕绝不同内容的排列顺序是最为关键的。假如要依据页面内容同意网页版式布局，最为常用的布局形式作为右侧排序、水平出面排序、水平与垂直出面排列及满屏排序四种。
除此之外有些网站于设计布局时，会根据网站的目的与性质来考量网站的普遍性。由于通常用户均会根据个人爱好来设计师网页布局。但是假如想要使设计师出的网页越来越具创意与与众不同，也需让浏览者感觉到网站的实用性与美观性。
1、右侧的网页布局
右侧网页布局是指页面之中的内容居右排序。一般的4：3屏幕分辨率余为1024×768px，因此创作网页时，一般会确认页面的特定宽度作为1024px，长度可依据具体内容展开调整，假如小于768px，亦需采用滚动条。
假如用户采用16：9宽屏来下载网页，那麽1024px宽度的页面把难以完工填完整个屏幕，此时按照右侧布局的页面，把手动对于左侧的像素展开平铺，直到填完整个屏幕。
该网站页面之中的布局结构简洁因而富裕新意，透过色彩的运用，把页面背景处理为小鸟的剪影，把主体部分设立于了页面的右侧，于更改分辨率时，于左侧手动填充白色背景色，整个界面简洁而且耐用。
2、水平出面的页面布局
水平出面的页面布局是指页面内容出面布局，这是最为常用的一种页面布局方式。使用水平出面的方式布局页面尽管非常人寿保险，但是非常难造成版面呆板与枯燥，所以需于求稳的基础之上，于装饰性元素之上余花精力。
如果用户采用宽频浏览页面时，页面的左右两边会遭除此之外扩展，以此填完屏幕，较常见的方法是采用纯色、逐渐褪色或是图案。
3、水平与垂直出面的页面布局
水平与垂直出面布局是指把页面的横向与纵向均剧情为100％的布局方式，这类网页于任何分辨率的屏幕之中均会必然出面表明。
假如一款页面使用了整体性非常弱，或是非常独有的排列方式，任何微小的改动均也许造成页面的美观度大幅度上升，那麽便需采用这种方式布局页面。
4、满屏的网页布局
满屏的网页布局是指于架设程序时，绝不为页面之中的各个部分设立特定的位置，或者收集相对的百分比摆放元素。这样于有所不同分辨率之下，页面之中的各个元素便会手动变更表明的位置，使页面我们满屏表明。
不过这种布局方式亦适用一个缺点，假如屏幕分辨率发生变化，页面之中的图像亦也许遭平移，这便难以确保图像的清晰度。克服这个问题的方法便是采用矢量图形与Flash动画代替位图图像。