DIV CSS 佈局教程網

許多的網頁設計在進行網頁布局設計時,進行界面網頁的寬度尺寸設計都比較迷茫,800*600尺寸及1024*768尺寸的分辨率下,網頁應該設計為多少像素才合適呢?太寬就會出現水平滾動條了,下面我們就網頁設計的標准尺寸進行講解.

網頁設計標准尺寸:

1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS裡做的圖到了網上就不一樣了，顏色等等方面，因為ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按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

標准網頁廣告尺寸規格

一、120*120，這種廣告規格適用於產品或新聞照片展示。
二、120*60，這種廣告規格主要用於做LOGO使用。
三、120*90，主要應用於產品演示或大型LOGO。
四、125*125，這種規格適於表現照片效果的圖像廣告。
五、234*60，這種規格適用於框架或左右形式主頁的廣告鏈接。
六、392*72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。
七、468*60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。
八、88*31，主要用於網頁鏈接，或網站小型LOGO。
廣告形式          像素大小                                 最大尺寸             備注
BUTTON          120*60(必須用gif)                     7K  
                          215*50(必須用gif)                     7K
通欄                  760*100                                     25K                靜態圖片或減少運動效果
                          430*50                                       15K
超級通欄          760*100 to 760*200               共40K             靜態圖片或減少運動效果
巨幅廣告          336*280   &nbs