网页页面尺寸一般设置多大才合适

来源:互联网 发布:中海达坐标转换软件 编辑:程序博客网 时间:2024/06/10 15:02

网页页面尺寸一般设置多大才合适

 

网页设计在初始要界定出网页的尺寸大小

.

就像绘画给出一块画版来

.

这样才能方便设计

 

 

网页的尺寸受限于两个因素

:

一个是显示器屏幕

.

显示器现在种类很多

,

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 

 

现在家庭用的电脑型号比较多,分辨率不同,有

800*600

、宽屏的

1024*768

1440*900

等等,做网页

,

一般把

页面的宽度设置为多少像素最合适,要方便大部分人浏览

页面的宽度设置要根据大众的显示器支持多少分辨率而设定的

,

要是超过了,就会有网页显示不全的弊端。

 

以前大多用户还是基于

800*600

的分辨率显示

,

当时用

778

这个宽度值了

,

反正用

778

这个值可以兼容多级用户

的。

 

一般现在的用户的显示器分辨率都在

1024*768

或者更高

,

那么你的网页的宽度可以设为

1003,1003

是最完美的

效果,高度那就没有限制了

,

内容多了

,

高度自然也就高了

 

目前,比较流行的网页宽度是

960px

左右,因为,这个宽度能兼容大部分显示器。

 

下面讨论

1024

或更大宽度的情况下,先看下各大网站(如有错误,敬请指正):

 

新浪:

 950 px 

网易:

 960 px 

腾讯:

 910 px 

搜狐:

 950 px 

中学生学习网:

 960 px 

校内网:

 960px 

csdn

 960 px 

通过上面几个不同类型的网站,除腾讯用了

910px

外,其余的不是

950px

,就是

960px

原创粉丝点击