上海网站建设公司在网页制作时一提到网页的布局通常,大家一般都会想到“国字”布局、“广字”布局、“T”型布局等,这些布局类型都是从布局类型的视觉效果角度来进行判断和分类的。但实际上还有很多视角可以对网页的排版与布局进行分类,下面上海网站建设公司就从网页中各个元素的相对位置进行分类布局。
1、 绝对布局
所谓绝对布局就是在网页中的设计元素都有一个固定的位置,无论它周围的元素设计如何变化,它都会被固定在一个范围内不会发生任何变化。这种布局能够让上海网站建设公司较好地控制网页中的元素,而且能够非常好的适应更多屏幕的尺寸。
2、 相对布局
它与绝对布局是相对而言的,这种布局方式是通过设计元素之间的相对位置而确定元素的布局的。参与相对布局的元素其位置是会随着它周围的设计元素而发生变化的,但上海网站建设公司不会改变其尺寸与元素属性。这种布局非常适合需要对元素进行拉伸或者压缩操作的网页。
3、 流式布局
这是上海网站建设公司十分喜欢使用的网页布局形式,设计师会把网页中的元素按照一定的顺序进行排列,这种排列的规则是固定的,但它们的位置与大小可以随着浏览设备屏幕大小的变化而发生响应改变。其内容与位置都会随着浏览器的的宽度而发生响应的改变,这种设计无论是对于PC端还是移动端来讲都是十分友好的。