网建动态

Dynami网建动态

网建科技——中国高端网络品牌策划形象设计公司。网站建设、网站设计、网站制作专业公司

网站设计中的布局定义及何时使用

日期:2019-08-07 10:14:36 访问: 作者:网建科技

     网站设计中有很多布局,常见的包括固定,液体和弹性布局。以下介绍用于描述Web设计中布局的主要差异,以及每个特定设计何时需要特定布局。

    1、固定布局

    在网页设计中,固定布局是指使用特定测量单位来定义网页宽度的布局,与所有其他因素无关,包括浏览器窗口尺寸和字体大小,无论浏览器窗口的大小或写入页面的字体大小如何,网页站点都将是相同的固定大小。例如,网页网站的主列可以固定为740像素,如果用户在最小化的浏览器窗口上访问该网页,则主列仍将是740像素宽,无论浏览器窗口变得多大或多小,这都不会改变。如果浏览器窗口小于页面的固定宽度,则查看者将无法一次看到页面上的所有内容。调用布局是页面固定在恒定的像素宽度,网页内的各种列使用选定的测量单位来定义,比较常见的是像素。

    2、相对布局

    相对布局是指使用某个相对测量单位定义网页宽度的布局,页面中的内容将根据用户访问它的浏览器窗口大小来调整大小。对于相对布局,列宽被定义为填充浏览器窗口的某一部分,而不管查看页面窗口的实际大小,如果查看者将网站扩展或收缩为更大或更小,则窗口将自动调整大小,相对于浏览器窗口大小保持不变。在特定限制内,不必水平滚动以访问具有相对布局的所有内容,网页设计中的相对布局也叫液体布局或流畅布局,页面会拉伸或收缩自身以填充可用容器的整个空间。

    为什么给出这么多名字的相同布局,简短的解释是,名称的出现是来自不同地点的不同网站管理员描述,当时没有技术描述的现象,网页设计本身就比较新颖,每个遇到的现象都没有明确的词汇,网站管理员只是给出了一个他认为适合的名称。相对布局中的元素以相对单位定义,例如百分比是页面上字体的字体高度。它相对测量,字体大小也具有不同的高度。百分比的工作方式与其他地方相同,即如果列设置为页面的60%,则占用可用空间的60%,例如浏览器窗口。


在线咨询

马上联系网建获取报价!

4006-528-168

留下您的电话马上安排项目经理回电

在线咨询