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

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

1、固定布局

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

2、相對(duì)布局

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

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

當(dāng)前題目：網(wǎng)站設(shè)計(jì)中的布局定義及何時(shí)使用
當(dāng)前網(wǎng)址：http://www.muchs.cn/news/43737.html

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

廣告

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