天天看點

php網頁尺寸大小設定,網頁設計的尺寸_html/css_WEB-ITnose

網頁設計的尺寸

網頁設計在初始要界定出網頁的尺寸大小,就像繪畫給出一塊畫版來,這樣才能友善設計。

網頁的尺寸受限于兩個因素:一個是顯示器螢幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏 的方向發展.但目前也有為數不少的15寸顯示器。

另一個是浏覽器軟體,就是我們常用的IE,遨遊,Friefox 等.

高度:

高度是可以向下延展的,是以一般對高度不限制. 對于一屏來說,一般沒有一個固定值,因為每個人的浏

覽器的工具欄不同,我見過有的浏覽器工具欄被插件占了半個螢幕,是以高度沒有确切值。

寬度:

1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更

低)無論你的網頁多高都會有右側的滾動條框。

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

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

注:Firefox或Opear在内容少于浏覽器高度時不顯示右側滾動條。

是以如果是1024的分辨率,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.

也友善做一些浮動層的設計.

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

這些需要明白并且牢記,不然很可能做出來不符合浏覽器要求,不過一般我們都回設定的再稍微小一點,應

為有些浏覽器加了插件或者其他的東西寬度會有變化是以 800的分辨率一般設定760左右,1024的設定990

左右.

網頁設計标準尺寸:

1、800*600下,網頁寬度保持在778以内,就不會出現水準滾動條,高度則視版面和内容決定。

2、1024*768下,網頁寬度保持在1002以内,如果滿框顯示的話,高度是612-615之間.就不會出現水準滾

動條和垂直滾動條。

3、在ps裡面做網頁可以在800*600狀态下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右

4、在PS裡做的圖到了網上就不一樣了,顔色等等方面,因為WEB上面隻用到256WEB安全色,而PS中的RGB

或者CMYK以及LAB或者HSB的色域很寬顔色範圍很廣,是以自然會有失色的現象.

頁面标準按800*600分辨率制作,實際尺寸為778*434px

頁面長度原則上不超過3屏,寬度不超過1屏

每個标準頁面為A4幅面大小,即8.5X11英寸

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

另外120*90,120*60也是小圖示的标準尺寸

每個非首頁靜态頁面含圖檔位元組不超過60K,全尺寸banner不超過14K

一般像個人部落格這方面的網站寬度在750??900(像素)之間,也可以不受限制,因為這不影響什麼。

而象一些商業網站,頁面的寬度要考慮多面的因素,主要有要表達的内容,主流顯示器的寬度,頁面美

觀等等……

本文原創釋出php中文網,轉載請注明出處,感謝您的尊重!