2016-09-12 分類: 網(wǎng)站設(shè)計(jì)
網(wǎng)站設(shè)計(jì)中有很多布局,常見的包括固定,液體和彈性布局。以下介紹用于描述Web設(shè)計(jì)中布局的主要差異,以及每個(gè)特定設(shè)計(jì)何時(shí)需要特定布局。
1、固定布局
在網(wǎng)頁設(shè)計(jì)中,固定布局是指使用特定測量單位來定義網(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、相對布局
相對布局是指使用某個(gè)相對測量單位定義網(wǎng)頁寬度的布局,頁面中的內(nèi)容將根據(jù)用戶訪問它的瀏覽器窗口大小來調(diào)整大小。對于相對布局,列寬被定義為填充瀏覽器窗口的某一部分,而不管查看頁面窗口的實(shí)際大小,如果查看者將網(wǎng)站擴(kuò)展或收縮為更大或更小,則窗口將自動調(diào)整大小,相對于瀏覽器窗口大小保持不變。在特定限制內(nèi),不必水平滾動以訪問具有相對布局的所有內(nèi)容,網(wǎng)頁設(shè)計(jì)中的相對布局也叫液體布局或流暢布局,頁面會拉伸或收縮自身以填充可用容器的整個(gè)空間。
為什么給出這么多名字的相同布局,簡短的解釋是,名稱的出現(xiàn)是來自不同地點(diǎn)的不同網(wǎng)站管理員描述,當(dāng)時(shí)沒有技術(shù)描述的現(xiàn)象,網(wǎng)頁設(shè)計(jì)本身就比較新穎,每個(gè)遇到的現(xiàn)象都沒有明確的詞匯,網(wǎng)站管理員只是給出了一個(gè)他認(rèn)為適合的名稱。相對布局中的元素以相對單位定義,例如百分比是頁面上字體的字體高度。它相對測量,字體大小也具有不同的高度。百分比的工作方式與其他地方相同,即如果列設(shè)置為頁面的60%,則占用可用空間的60%,例如瀏覽器窗口。
當(dāng)前題目:網(wǎng)站設(shè)計(jì)中的布局定義及何時(shí)使用
當(dāng)前網(wǎng)址:http://jinyejixie.com/news/43737.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容