导航:首页 > 万维百科 > 网页设计宽高

网页设计宽高

 发布时间：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

与网页设计宽高相关的知识