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

2016-09-12    分类: 网站设计

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

1、固定布局

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

2、相对布局

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

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

当前题目:网站设计中的布局定义及何时使用
当前网址:https://www.cdcxhl.com/news/43737.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设