網(wǎng)頁(yè)設(shè)計(jì)的尺寸_html/css

網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小，就像繪畫(huà)給出一塊畫(huà)版來(lái)，這樣才能方便設(shè)計(jì)。

網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流, 正在朝19寸及寬屏 的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器。

另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Friefox 等.

高度：

高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏
覽器的工具欄不同，我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒(méi)有確切值。

寬度:

1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更
低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001

注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。

所以如果是1024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).
也方便做一些浮動(dòng)層的設(shè)計(jì).

如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的.

這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)
為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990
左右.

網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸:

1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。

2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾
動(dòng)條和垂直滾動(dòng)條。

3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右

4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB
或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象.

頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px

頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏

每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸

全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸

每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K
一般像個(gè)人博客這方面的網(wǎng)站寬度在750??900（像素）之間，也可以不受限制，因?yàn)檫@不影響什么。
而象一些商業(yè)網(wǎng)站，頁(yè)面的寬度要考慮多面的因素，主要有要表達(dá)的內(nèi)容，主流顯示器的寬度，頁(yè)面美
觀等等……

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com