網(wǎng)站前端布局方式之:靜態(tài)網(wǎng)頁(yè)布局
建企業(yè)網(wǎng)站離不開(kāi)HTML、CSS和JS,傳統(tǒng)的布局方式一般使用固定的尺寸來(lái)完成排版布局,這種方式被稱為靜態(tài)布局。靜態(tài)布局是最為原始的布局方式,沒(méi)有什么技術(shù)性可言,往往是計(jì)算機(jī)行業(yè)剛剛?cè)腴T(mén)的小白使用的布局方式。網(wǎng)頁(yè)制作標(biāo)準(zhǔn)以像素px為基本組成單位。
1.布局特點(diǎn)
不管瀏覽器尺寸具體是多少,網(wǎng)頁(yè)布局始終按照最初寫(xiě)代碼時(shí)的布局來(lái)顯示。常規(guī)的pc的網(wǎng)站都是靜態(tài)(定寬度)布局的,也就是設(shè)置了min-width,這樣的話,如果小于這個(gè)寬度就會(huì)出現(xiàn)滾動(dòng)條,如果大于這個(gè)寬度則內(nèi)容居中外加背景,這種設(shè)計(jì)常見(jiàn)于pc端。
2.設(shè)計(jì)方法
PC:居中布局,所有樣式使用絕對(duì)寬度/高度(px),設(shè)計(jì)一個(gè)Layout,在屏幕寬高有調(diào)整時(shí),使用橫向和豎向的滾動(dòng)條來(lái)查閱被遮掩部分。
移動(dòng)設(shè)備:另外建立移動(dòng)網(wǎng)站,單獨(dú)設(shè)計(jì)一個(gè)布局,使用不同的域名如wap.或m.。
優(yōu)點(diǎn):這種布局方式對(duì)設(shè)計(jì)師和CSS編寫(xiě)者來(lái)說(shuō)都是最簡(jiǎn)單的,亦沒(méi)有兼容性問(wèn)題。
缺點(diǎn):顯而易見(jiàn),即不能根據(jù)用戶的屏幕尺寸做出不同的表現(xiàn)。當(dāng)前,大部分門(mén)戶網(wǎng)站、大部分企業(yè)的PC宣傳站點(diǎn)都采用了這種布局方式。固定像素尺寸的網(wǎng)頁(yè)是匹配固定像素尺寸顯示器的最簡(jiǎn)單辦法。但這種方法不是一種完全兼容未來(lái)網(wǎng)頁(yè)的制作方法,我們需要一些適應(yīng)未知設(shè)備的方法。