浅谈网页页面尺寸

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

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以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之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按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

标准网页广告尺寸规格
1、120*120，这种广告规格适用于产品或新闻照片展示。
2、120*60，这种广告规格主要用于做LOGO使用。
3、120*90，主要应用于产品演示或大型LOGO。
4、125*125，这种规格适于表现照片效果的图像广告。
5、234*60，这种规格适用于框架或左右形式主页的广告链接。
6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
8、88*31，主要用于网页链接，或网站小型LOGO。

 

广告形式	像素大小	最大尺寸	备注
BUTTON	120*60(必须用gif) 215*50(必须用gif)	7K 7K
通栏	760*100 430*50	25K 15K	静态图片或减少运动效果
超级通栏	760*100 to 760*200	共40K	静态图片或减少运动效果
巨幅广告	336*280 585*120	35K
竖边广告	130*300	25K
全屏广告	800*600	40K	必须为静态图片，FLASH格式
图文混排	各频道不同	15K
弹出窗口	400*300(尽量用gif)	40K
BANNER	468*60(尽量用gif)	18K
悬停按钮	80*80(必须用gif)	7K
流媒体	300*200（可做不规则形状但尺寸不能超过300*200）	30K	播放时间 小于5秒60帧(1秒/12帧)

 

网页中的广告尺寸
1、首页右上，尺寸120*60    
2、首页顶部通栏，尺寸468*60    
3、首页顶部通栏，尺寸760*60
4、首页中部通栏，尺寸580*60  
5、内页顶部通栏，尺寸468*60  
6、内页顶部通栏，尺寸760*60
7、内页左上，尺寸150*60或300*300  
8、下载地址页面，尺寸560*60或468*60
9、内页底部通栏，尺寸760*60   
10、左漂浮，尺寸80*80或100*100
11、右漂浮，尺寸80*80或100*100

以上几种说法可能有点小的出入，大家可以探讨一下。

IAB和EIAA发布新的网络广告尺寸标准
在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160x600, 300x250, 180x150及728x90，还包括新公布的468x60 和120x600（擎天柱）2种。

英文字体
I.Amosis Technik(活泼)
II.Hattenschweiler(肃穆)
III.Patrician Sample(流畅)
IV.SF Quantzite(庄重)
V.SF Quartzite OutLine(衬托)
VI.Arial(作特殊英文字体以示区别)

中文字体
1.宋体
2.黑体
3.方正大标宋简体
4.方正大黑简体
5.华文行楷
6.文鼎大标宋简
7.文鼎粗圆简
8.文鼎特粗宋简
9.文鼎特粗圆简
10.文鼎特圆简
11.文鼎新艺体简
12.方正粗倩体

应用场合:
Banner:I,VI,4,7,8,9,11
Nav_button:1,2,7,10
公司英文名称:II,IV,VI
公司汉语名称:8,11,12

评论

1 楼 庄稼人 2009-06-06  

很不错，以前考虑广告尺寸还是很脱节