您的位置:首页 > 其它

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

2013-10-20 12:23 253 查看
网页页面尺寸一般设置多大才合适

 
网页设计在初始要界定出网页的尺寸大小
.
就像绘画给出一块画版来
.
这样才能方便设计

 
 
网页的尺寸受限于两个因素
:
一个是显示器屏幕
.
显示器现在种类很多
,

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  dreamweaver