網(wǎng)站設(shè)計中的布局定義及何時使用

2016-09-12    分類: 網(wǎng)站設(shè)計

網(wǎng)站設(shè)計中有很多布局,常見的包括固定,液體和彈性布局。以下介紹用于描述Web設(shè)計中布局的主要差異,以及每個特定設(shè)計何時需要特定布局。

1、固定布局

網(wǎng)頁設(shè)計中,固定布局是指使用特定測量單位來定義網(wǎng)頁寬度的布局,與所有其他因素?zé)o關(guān),包括瀏覽器窗口尺寸和字體大小,無論瀏覽器窗口的大小或?qū)懭腠撁娴淖煮w大小如何,網(wǎng)頁站點(diǎn)都將是相同的固定大小。例如,網(wǎng)頁網(wǎng)站的主列可以固定為740像素,如果用戶在最小化的瀏覽器窗口上訪問該網(wǎng)頁,則主列仍將是740像素寬,無論瀏覽器窗口變得多大或多小,這都不會改變。如果瀏覽器窗口小于頁面的固定寬度,則查看者將無法一次看到頁面上的所有內(nèi)容。調(diào)用布局是頁面固定在恒定的像素寬度,網(wǎng)頁內(nèi)的各種列使用選定的測量單位來定義,比較常見的是像素。

2、相對布局

相對布局是指使用某個相對測量單位定義網(wǎng)頁寬度的布局,頁面中的內(nèi)容將根據(jù)用戶訪問它的瀏覽器窗口大小來調(diào)整大小。對于相對布局,列寬被定義為填充瀏覽器窗口的某一部分,而不管查看頁面窗口的實(shí)際大小,如果查看者將網(wǎng)站擴(kuò)展或收縮為更大或更小,則窗口將自動調(diào)整大小,相對于瀏覽器窗口大小保持不變。在特定限制內(nèi),不必水平滾動以訪問具有相對布局的所有內(nèi)容,網(wǎng)頁設(shè)計中的相對布局也叫液體布局或流暢布局,頁面會拉伸或收縮自身以填充可用容器的整個空間。

為什么給出這么多名字的相同布局,簡短的解釋是,名稱的出現(xiàn)是來自不同地點(diǎn)的不同網(wǎng)站管理員描述,當(dāng)時沒有技術(shù)描述的現(xiàn)象,網(wǎng)頁設(shè)計本身就比較新穎,每個遇到的現(xiàn)象都沒有明確的詞匯,網(wǎng)站管理員只是給出了一個他認(rèn)為適合的名稱。相對布局中的元素以相對單位定義,例如百分比是頁面上字體的字體高度。它相對測量,字體大小也具有不同的高度。百分比的工作方式與其他地方相同,即如果列設(shè)置為頁面的60%,則占用可用空間的60%,例如瀏覽器窗口。

網(wǎng)頁標(biāo)題:網(wǎng)站設(shè)計中的布局定義及何時使用
當(dāng)前路徑:http://www.muchs.cn/news37/43737.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司