在设计结构页面时，每个元素的主要性分歧，是以所采取的分列和结构方法也分歧，斟酌好分歧内容的分列次序是最主要的。假如要依据页面内容决议网页版式结构，最常见的结构情势为左侧分列、程度居中分列、程度和垂直居中分列以及满屏分列四种。
此外有些网站在设计结构时，会根据网站的目标和性质来斟酌网站的广泛性。因为一般用户都邑根据小我喜好来设计网页结构。但假如想要使设计出来的网页更具创意和不同凡响，还须要让阅读者感触感染到网站的适用性和雅观性。
1、左侧的网页结构
左侧网页结构是指页面中的内容居左分列。通俗的4：3屏幕分辩率多为1024×768px，所以制造网页时，一般会肯定页面的固定宽度为1024px，长度可依据具体内容进行调剂，假如年夜于768px，则须要应用滚动条。
假如用户应用16：9宽屏来阅读网页，那么1024px宽度的页面将无法完成填满全部屏幕，此时按左侧结构的页面，将主动对右侧的像素进行平铺，直至填满全部屏幕。
该网站页面中的结构构造简洁而富有新意，经由过程颜色的应用，将页面配景处置为小鸟的剪影，将主体部门设置在了页面的左侧，在更改分辩率时，在右侧主动填充白色配景色，全部界面简洁且雅观。
2、程度居中的页面结构
程度居中的页面结构是指页面内容居中结构，这是最常见的一种页面结构方法。采取程度居中的方法结构页面固然很保险，但很轻易导致版面死板和单调，是以须要在求稳的基本上，在装潢性元素上多花精神。
当用户应用宽频阅读页面时，页面的阁下两侧会被同时扩充，以填满屏幕，比拟常用的办法是应用纯色、渐变色或图案。
3、程度和垂直居中的页面结构
程度和垂直居中结构是指将页面的横向和纵向都设定为100％的结构方法，这类网页在任何分辩率的屏幕中都邑绝对居中显示。
假如一款页面采取了整体性很强，或者很奇特的分列方法，任何细微的修改都可能导致页面的雅观度年夜幅降低，那么就须要应用这种方法结构页面。
4、满屏的网页结构
满屏的网页结构是指在搭建法式时，不为页面中的各个部门设置固定的地位，而是采集相对的百分比放置元素。如许在分歧分辩率下，页面中的各个元素就会主动调剂显示的地位，使页面永远满屏显示。
然则这种结构方法也存在一个缺陷，假如屏幕分辩率产生变更，页面中的图像也可能被缩放，这就无法包管图像的清楚度。解决这个问题的办法就是应用矢量图形和Flash动画取代位图图像。