導航:首頁 > 萬維百科 > 網頁設計寬高

網頁設計寬高

 發布時間：2020-08-11 01:05:32

1、一般的網頁寬高是多少，解析度是多少

現在的普遍要適應的電腦瀏覽器，在PHOTOSHOP中寬為960像素最為合適，你可以參考新浪、網易等門戶網站的寬度值。

下面，是幾點解析度在不同時期的參考值。

1、屏幕解析度低時(640 x 480)，這是2000年左右，普遍的瀏覽器是這個解析度，但已經被淘汰了。
2、接是1024x768的解析度，很流行，實際在設計中，在PHOTOSHOP寬的設計值為760像素最合適。
3、隨著現在寬屏時代的到來，1024也慢慢被淘汰了，現在都是大屏時代，基本上，從設計網頁的角度來看，在PHOTOSHOP上，寬為960像素最為合適。
4、隨現在瀏覽的工具越來越多，包括手機、IPAD等，出現了自適應的網頁設計功能，需要HTML5及DIV+CSS的代碼調用了。

2、網頁設計，一般最少要設置多少高度

大概的高度為：

Window XP首屏大小580 px
Window 7 首屏大小710 px

具體原因如下：

一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關，我們不可能滿足所以用戶的最佳尺寸，但我們能做的是讓絕大多少用戶感覺是最佳的。

系統解析度統計：

對大於30W台客戶端用戶進行測試，得到的測試數據如下（數據來源於網路）：



在Window XP常見解析度1024×768下我們除掉任務欄，瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是584。
在Window 7常見解析度1440×900下我們除掉任務欄，瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是716。

綜合解析度及瀏覽器下的統計數據：
Window XP首屏大小580 px
Window 7 首屏大小710 px

3、一般做網頁設計背景尺寸定多大？

網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
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

4、網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素，使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計，一般採用全屏展示和兩側留白的方式。
全屏展示，是整個網站看起來大氣一些，但是布局要合理安排，不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸，能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域，內容限時區域在好控制在1000px-1200px。

5、網頁設計合適的頁面尺寸是多少？

其實也沒有硬性規定，但是為了兼容大多數瀏覽器一般是設置960px，隨著現在瀏覽器解析度的變化，已開始向著1000px,1200px寬度發展，例如淘寶(1000px）京東商城（1200px）。

如果需要兼容不同瀏覽器尺寸，現在比較流行的做法是做成響應式的，即根據不同解析度顯示不同的尺寸，工作量也就隨之增加了。貌似國內的大網站也沒有使用。

6、網頁設計時的寬和高設多少?

這個不是像素的問題

1.讓瀏覽器窗口永遠都不出現滾動條
沒有水平滾動條
<body scroll="no" style="overflow-x:hidden">
沒有垂直滾動條
<body scroll="no" style="overflow-y:hidden">
沒有滾動條
<body scroll="no" style="overflow-x:hidden;overflow-y:hidden">或<body scroll="no" style="overflow:hidden">

7、網頁設計最合適的頁面尺寸是多少？

網頁設計標准尺寸：

1. 800×600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2. 1024×768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612눯之間，就不會出現水平滾動條和垂直滾動條。

3. 在ps裡面做網頁可以在800×600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740×560左右。

4. 在PS里做的圖到了網上就不一樣了，顏色等等方面，因為web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象。

8、在網頁設計中，網頁的寬高像素為多少

現在的普遍要適應的電腦瀏覽器，在PHOTOSHOP中寬為960像素最為合適，你可以參考新浪、網易等門戶網站的寬度值。

下面，是幾點解析度在不同時期的參考值。

1、屏幕解析度低時(640 x 480)，這是2000年左右，普遍的瀏覽器是這個解析度，但已經被淘汰了。
2、接是1024x768的解析度，很流行，實際在設計中，在PHOTOSHOP寬的設計值為760像素最合適。
3、隨著現在寬屏時代的到來，1024也慢慢被淘汰了，現在都是大屏時代，基本上，從設計網頁的角度來看，在PHOTOSHOP上，寬為960像素最為合適。
4、隨現在瀏覽的工具越來越多，包括手機、IPAD等，出現了自適應的網頁設計功能，需要HTML5及DIV+CSS的代碼調用了。

9、網頁設計的寬度是多少

整個寬度1920px，是為了防止大屏幕邊緣全白的情況。中間的正文部分通常1000px，最多1200px

與網頁設計寬高相關的知識