要想实现网站布局设计有不同的方法,根据页面的实现单位,可以将其分为四种类型:固定布局、可切换的固定布局、柔性布局和混合布局。接下来,小编给大家简单说说这四种受欢迎的页面类型。
(1)固定布局:以像素为页面的基本单位,与设备的画面和浏览器的宽度无关,仅设计尺寸。
(2)可切换固定布局:以相同像素为页面单位,参考主要设备大小,设计几种不同宽度的布局。通过设置不同的屏幕大小和浏览器宽度来选择较佳宽度布局。
(3)灵活布局:以百分比作为页面的基本单位,能够适应一定范围内所有尺寸的设备画面和浏览器的宽度,较大限度地利用有效空间来表现较佳效果。
(4)混合布局:与柔性布局类似,仅混合像素和百分比两个单位作为页面单位,这两个单位能够适应一定范围内所有大小的设备屏幕和浏览器宽度,并且能够完全利用有效空间显示较佳效果。
可切换的固定布局、柔性布局、混合布局是目前可采用的响应布局方式:其中可切换的固定布局的实现成本较低,但扩展性差的弹性布局和混合布局效果具有响应性,是理想的响应布局实现方式。
但是,为了对不同种类的页面布局实现web布局设计,需要不必要的实现方法。通栏等分构造的适当采用是灵活的布局方式,但在非等分的多列构造中经常需要混合布局的实现方式。
本站声明:本文仅供分享交流;如转载作品侵犯作者署名权,或有其他诸如版权、肖像权、知识产权等方面的伤害,并非本站故意为之,在接到相关权利人通知后将立即加以更正。