1. 首页
  2. 网页设计
  3. 正文

网页设计中的页面尺寸

  网页的尺寸受限于两个因素:一个是显示器屏幕(显示器现在种类很多,17寸为主流,正在朝19寸及宽屏的方向发展,但目前也有为数不少的15寸显示器)另一个是浏览器软件(我们常用的IE、遨游、Friefox等浏览器)。


  【页面高度】

  高度是可以向下延展的,所以一般对高度不限制。对于一屏来说一般没有一个固定值,因为每个人的浏览器的工具栏不同,所以高度没有确切值。

  【页面宽度】

  1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

  2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成10053、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。如果是800的分辨率一般都设成770。但也有设成760的。这些需要明白并且牢记,不然很可能做出来不符合浏览器要求。不过一般我们都会设定的再稍微小一点,因为有些浏览器加了插件或者其他的东西宽度会有变化,所以 800的分辨率一般设定760左右,1024的设定990左右。网页设计标准尺寸参考:1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。

  3、页面长度原则上不超过3屏,宽度不超过1屏,每个标准页面为A4幅面大小,即8.5X11英寸。

  4、全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px (另外120*90,120*60也是小图标的标准尺寸 )。

  5、每个非首页静态页面含图片字节不超过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) 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格式。

  图文混排:各频道不同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。

    延伸阅读

  • 如何才能成为一名专业的网页设计师?

    一个专业网站设计,自然需要找到专业的设计师来对网站进行设计,这样才能设计出让企业满意的网站,对网站的后期运营也是很有利的。可是作为一名专业的网站设计师,是需要满足一些条件的。到...

  • 2020年企业网页设计模板的流行趋势

    在设计界有个名言是“时尚总是轮回的”,这句话同样适用于企业网页设计方面,经历过了扁平化设计、卡片式设计以及质感设计之后,你知道在2020年又流行的是什么风格的企业网页设计模板吗...

  • 网页设计要多少钱?

    网页设计是现代互联网时代十分重要的一个环节,对于一个网站的成功与否起着至关重要的作用。那么,对于一个网站的设计,需要多少钱呢?这是许多人在进行网站建设时都会考虑的一个问题。接下...

  • 移动端网页设计

    移动端网页设计是指专门为移动设备(如手机、平板等)设计和开发的网页。随着智能手机的普及和移动互联网的发展,越来越多的用户使用移动设备上网,因此移动端网页设计愈发重要。在移动端网...

  • 深度探析:从初探到高级应用的页面网页设计

    在当今互联网盛行的时代,页面网页设计已成为一个关键的组成部分。无论是企业、机构,还是个人品牌,一个好的页面设计可以为其带来显著的优势。但页面网页设计并不仅仅是关于视觉元素,它是...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/6232.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();