作者：匿名用戶鏈接：https://www.zhihu.com/question/23185173/answer/53692321來源：知乎著作權(quán)歸作者所有，轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)。網(wǎng)頁設(shè)計標(biāo)準(zhǔn)尺寸:1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值, 1024*768頁面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象.頁面標(biāo)準(zhǔn)按800*600分辨率制作，實際尺寸為778*434px頁面長度原則上不超過3屏，寬度不超過1屏每個標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K標(biāo)準(zhǔn)網(wǎng)頁廣告尺寸規(guī)格1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?、120*60，這種廣告規(guī)格主要用于做LOGO使用。3、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。4、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。5、234*60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。6、392*72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。7、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁眉或頁腳。8、88*31，主要用于網(wǎng)頁鏈接，或網(wǎng)站小型LOGO。

這個寬高沒錯，把分辨率調(diào)為72。一般平面像名片、VI、包裝盒這些分辨率是300，噴繪有150或者200的。網(wǎng)頁分辨率大多都是72。

其實也沒有硬性規(guī)定，但是為了兼容大多數(shù)瀏覽器一般是設(shè)置960px，隨著現(xiàn)在瀏覽器分辨率的變化，已開始向著1000px,1200px寬度發(fā)展，例如淘寶(1000px）京東商城（1200px）。如果需要兼容不同瀏覽器尺寸，現(xiàn)在比較流行的做法是做成響應(yīng)式的，即根據(jù)不同分辨率顯示不同的尺寸，工作量也就隨之增加了。貌似國內(nèi)的大網(wǎng)站也沒有使用。網(wǎng)頁設(shè)計的工具網(wǎng)頁設(shè)計軟件： FrontPage（簡單易用，且高度符合IE瀏覽器支持設(shè)計）；DreamWave（功能強(qiáng)大，設(shè)計成品支持眾多瀏覽器）。圖像處理軟件：Photoshop 或Fireworks ；動畫制作：Flash MX 。知識儲備：基本網(wǎng)頁常識；HTML知識（很簡單，早期只用此制作網(wǎng)頁，用記事本即可編輯，用瀏覽器打開后呈現(xiàn)網(wǎng)頁內(nèi)容）；CSS知識（級聯(lián)樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風(fēng)格樣式表（Style Sheet）”，它是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計的。通過設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。

這個寬高沒錯，把分辨率調(diào)為72。一般平面像名片、VI、包裝盒這些分辨率是300，噴繪有150或者200的。網(wǎng)頁分辨率大多都是72。

wap頁面設(shè)計一般都是寬度自適應(yīng)的，最窄以兼容320px為標(biāo)準(zhǔn)，最寬1280px為標(biāo)準(zhǔn)，一般的智能手機(jī)寬度都是320，480，640這些，其中iPhone就不用說了吧，必須是480px，其他三星啊，htc啊什么的，各類分辨率都有，基本不會比480低，但是之前剛開始的一些智能手機(jī)大部分都是320，所有要兼容320哦~~~

網(wǎng)頁設(shè)計標(biāo)準(zhǔn)尺寸:1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間，就不會出現(xiàn)水平滾動條和垂直滾動條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值, 1024*768頁面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象.頁面標(biāo)準(zhǔn)按800*600分辨率制作，實際尺寸為778*434px，頁面長度原則上不超過3屏，寬度不超過1屏

背景最好是能夠做到自動延伸，現(xiàn)在的顯示器是越來越大，分辨率也慢慢的變大了，現(xiàn)在用1600*900分辨率的也不少，我的就是，當(dāng)然也有人用1280*768、1024*768等，所以網(wǎng)頁設(shè)計的背景一般是不會設(shè)計成固定尺寸的，你可以做成可循環(huán)平鋪的圖片或者漸變顏色，直接是一種顏色那就更方便了； 其實網(wǎng)頁設(shè)計一般所說的尺寸指的是主體框架的尺寸，就拿現(xiàn)在這個百度知道的頁面距離，中間的主體部分無論是瀏覽器怎么伸展，主體內(nèi)容的寬度是保持不變的，我查看了一下css代碼，這個主體框架的寬度是980px 你設(shè)計的時候把主體部分設(shè)置成980-1000px就差不多了，畢竟現(xiàn)在使用1024*768分辨率以下的人已經(jīng)畢竟少了

你用PS做出來的是圖片，并不是網(wǎng)頁，圖片是多大，就顯示多大，居中顯示是在代碼里實現(xiàn)的。如果你想讓圖片居中，可以這樣做：假如你的分辨率是1440*900，，而普通的網(wǎng)頁頁面寬度大部分都是960（PX）。所以你想讓圖片居中就很簡單了，在1440*900的畫布上，左右分別拉兩條輔助線：左邊一條在240px，右邊一條在1200px那里，在兩條輔助線中間的區(qū)域，剛好就是在1440分辨率下的居中顯示。所以看你的分辨率，再設(shè)置你的網(wǎng)頁設(shè)計圖的大小，現(xiàn)在主流的分辨率是1440*，而頁的寬度大部分是960（你可以百度一下為什么這是大部分網(wǎng)站會采取的尺寸）滿屏需要代碼標(biāo)簽屬性width：100%來實現(xiàn)，看上面的回答貌似都是說代碼類的，所以你自己看看自己是要代碼類的居中還是要圖片類的居中。代碼上的居中更簡單，一般采用的是div的magin居中。不過這不屬于你的問題范疇，這里就不說了。 其實不是圖片居中的問題，是我做的那個頁面打開在瀏覽器上只顯示了3/5顯示器就全部顯示出來了。其實我也說不清楚。反正打開就是我圖片那樣兒~我像素的800*1000這樣的。如果是需要后面的編程的人完成的那就沒有什么問題了。我就怕是我像素設(shè)置不大所以做出來的就是往左邊偏移然后3/5顯示器就能全部看到了，很難看的哈~~ 你保存也是jpg或者png格式給別人看，psd格式只能在ps里面看而已。給到客戶或者其他要看的人，人家也不會專門開個瀏覽器來看。如果想要在瀏覽器居中，那也只能像我說的，選個主流的圖片規(guī)格，然后再輔助線當(dāng)中設(shè)計，就可以了。沒有一個網(wǎng)站可以滿足所有的分辨率。 其實我是PS做HTML格式，再到 Dreamweaver 加工。呼，略懂了，<img src="images/index.jpg" width="100%" height="200%" alt=""> 拿記事本改了像素成百分比那就在瀏覽器顯示得差不多了。原來這個在網(wǎng)頁顯示的問題不關(guān)我們平面的問題哈，我還以為像素設(shè)置小了就顯示得這樣了呢。哇，這個中好多東西學(xué)呢，好多分工哦~呼，謝謝你啊~

其實也沒有硬性規(guī)定，但是為了兼容大多數(shù)瀏覽器一般是設(shè)置960px，隨著現(xiàn)在瀏覽器分辨率的變化，已開始向著1000px,1200px寬度發(fā)展，例如淘寶(1000px）京東商城（1200px）。如果需要兼容不同瀏覽器尺寸，現(xiàn)在比較流行的做法是做成響應(yīng)式的，即根據(jù)不同分辨率顯示不同的尺寸，工作量也就隨之增加了。貌似國內(nèi)的大網(wǎng)站也沒有使用。