2016-09-12 分類: 網(wǎng)站設(shè)計(jì)
網(wǎng)站設(shè)計(jì)中有很多布局,常見的包括固定,液體和彈性布局。以下介紹用于描述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ǎng)頁(yè),則主列仍將是740像素寬,無(wú)論瀏覽器窗口變得多大或多小,這都不會(huì)改變。如果瀏覽器窗口小于頁(yè)面的固定寬度,則查看者將無(wú)法一次看到頁(yè)面上的所有內(nèi)容。調(diào)用布局是頁(yè)面固定在恒定的像素寬度,網(wǎng)頁(yè)內(nèi)的各種列使用選定的測(cè)量單位來(lái)定義,比較常見的是像素。
2、相對(duì)布局
相對(duì)布局是指使用某個(gè)相對(duì)測(cè)量單位定義網(wǎng)頁(yè)寬度的布局,頁(yè)面中的內(nèi)容將根據(jù)用戶訪問它的瀏覽器窗口大小來(lái)調(diào)整大小。對(duì)于相對(duì)布局,列寬被定義為填充瀏覽器窗口的某一部分,而不管查看頁(yè)面窗口的實(shí)際大小,如果查看者將網(wǎng)站擴(kuò)展或收縮為更大或更小,則窗口將自動(dòng)調(diào)整大小,相對(duì)于瀏覽器窗口大小保持不變。在特定限制內(nèi),不必水平滾動(dòng)以訪問具有相對(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í)沒有技術(shù)描述的現(xiàn)象,網(wǎng)頁(yè)設(shè)計(jì)本身就比較新穎,每個(gè)遇到的現(xiàn)象都沒有明確的詞匯,網(wǎng)站管理員只是給出了一個(gè)他認(rèn)為適合的名稱。相對(duì)布局中的元素以相對(duì)單位定義,例如百分比是頁(yè)面上字體的字體高度。它相對(duì)測(cè)量,字體大小也具有不同的高度。百分比的工作方式與其他地方相同,即如果列設(shè)置為頁(yè)面的60%,則占用可用空間的60%,例如瀏覽器窗口。
網(wǎng)頁(yè)標(biāo)題:網(wǎng)站設(shè)計(jì)中的布局定義及何時(shí)使用
當(dāng)前路徑:http://redsoil1982.com.cn/news37/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)
猜你還喜歡下面的內(nèi)容