网页设计标准尺寸

发表于 2008-04-14 21:40:06 类别：计算机美文

由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。

　　浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。
　　在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。

　　1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
　　2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。
　　3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右  
　　4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象
　　5、1024*768 下网页的尺寸:width=955,height=600
　　　　800*600 下网页的尺寸:width=760,height=420

　　一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；
　　分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；
　　分辨率在1024X768的情况下，页面的显示尺寸为：1007x600
　　页面标准按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
468*60 全尺寸BANNER
392*72 全尺寸带导航条BANNER
234*60 半尺寸BANNER
125*125 方形按钮
120*90 按钮#1
120*60 按钮#2
88*31 小按钮
120*240 垂直BANNER

当然这只是一般意义的对访问者比较友好的设置，很多设计型的页面并不是按照这个尺寸，正所谓艺高人胆大嘛，只要记住一条，站在用户的角度去想，明白自己所设置的尺寸在显示器里的大概样子就可以了。法终究是无定法的。

参考：

网页设计标准尺寸:

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
标准网页广告尺寸规格
一、120*120，这种广告规格适用于产品或新闻照片展示。
二、120*60，这种广告规格主要用于做LOGO使用。
三、120*90，主要应用于产品演示或大型LOGO。
四、125*125，这种规格适于表现照片效果的图像广告。
五、234*60，这种规格适用于框架或左右形式主页的广告链接。
六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
八、88*31，主要用于网页链接，或网站小型LOGO。
广告形式         像素大小                    最大尺寸            备注
BUTTON         120*60(必须用gif)             7K  
               215*50(必须用gif)             7K
通栏           760*100                       25K               静态图片或减少运动效果

              430*50                        15K             

超级通栏       760*100 to 760*200            共40K           静态图片或减少运动效果
巨幅广告       336*280                       35K
               585*120
竖边广告       130*300                       25K
全屏广告       800*600                       40K               必须为静态图片，FLASH格式
弹出窗口       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种。