`
hardcoder
  • 浏览: 61513 次
  • 来自: ...
最近访客 更多访客>>
社区版块
存档分类
最新评论

网页设计标准尺寸

阅读更多

网页设计标准尺寸:

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

标准网页广告尺寸规格

一、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格式 
图文混排                                                                                各频道不同 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发布新的网络广告尺寸标准

    当前网络广告的各种尺寸繁多,doubleclick 近期居然数出有1万种不同的广告类型和尺寸正在网上使用。这让广告客户在价格、表现形式方面都难以选择,直接影响到他们对于网络广告的投入。
    美国交互广告署(iab)和欧洲交互广告协会(eiaa)近期发布了有六个网络广告格式的工具盒,希望网络媒体作为标准采用,从而让媒体策划者的工作更容易开展,推进网络广告销售。
    在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。
    iab总裁说,这是互联网商业发展的又一个分水岭。6种尺寸将成为整个欧洲市场网站的核心广告格式,广告客户可使用这几种尺寸在全欧洲网络媒体通行,而在以前这是不可能做到的。
    iab曾在7月份说希望网络广告行业弃用一些老旧的、过时的广告格式。但这个提议遭到一些网络媒体的反对,因为被抛弃的一些更小、更轻便的格式仍然有它们的位置,尤其是在大量用户仍然使用窄带上网的情况下,太过严格限制尺寸“标准”会扼杀灵活创新。
    因此,比起“通用广告包”的发布,iab和eiaa此番推出的工具盒有一种折衷的效果——既想达到他们削减广告尺寸数量、整饬行业规范的目的,又不至于让网络广告媒体们反对呼声过高。

分享到:
评论

相关推荐

    网页设计标准尺寸详细参数

    网页设计标准尺寸是确保网页在各种屏幕分辨率下良好呈现的关键因素。不同的屏幕尺寸会影响用户的浏览体验,因此设计师需要根据常见的显示器设置来优化网页布局。以下是关于网页设计标准尺寸的详细说明: 1. **基础...

    网页设计标准尺寸.pdf

    标题《网页设计标准尺寸.pdf》指示文件内容涉及网页设计领域中广泛使用的尺寸标准。描述部分重复标题,而标签为“技术”,这表示文件内容与技术相关性高,可能涉及具体的数值、编码、规格等细节。由于文件中直接列出...

    网页设计标准尺寸.txt

    网页设计标准尺寸.txt

    网页设计标准尺寸.doc编程资料

    网页设计标准尺寸.doc

    logo、banner设计原则及尺寸标准

    设计手册和文档如"Banner设计手册.doc"、"网页、BANNER、LOGO等的标准尺寸.doc"和"网页广告标准尺寸_网页设计尺寸_网页LOGO标准尺寸.doc"提供了具体指导,而"网页设计标准尺寸和网页容量大小标准以及banner广告.txt...

    网页设计尺寸大全 网页设计一般尺寸.doc

    网页设计标准尺寸方面,对于800x600的分辨率,建议网页宽度保持在778像素以内;而在1024x768分辨率下,为了实现无滚动条的全屏显示,宽度通常设定在1002像素以内,高度则根据内容需求调整。在Photoshop(PS)中进行...

    网页设计尺寸大全--网页设计一般尺寸.doc

    4. **网页设计标准尺寸**: - 800x600分辨率下,宽度不超过778像素。 - 1024x768分辨率下,全屏显示时宽度为1002像素,高度在612-615像素之间,可以避免滚动条的出现。 5. **Photoshop设计尺寸**:在Photoshop中...

    网页设计网页尺寸注意事项.doc

    网页设计标准尺寸通常有以下几种: 1. 在800*600分辨率下,网页宽度保持在778像素以内。 2. 在1024*768分辨率下,全屏显示的宽度为1002像素,高度在612-615像素之间。 3. Photoshop中设计时,800*600状态下的全屏...

    网页设计中对于尺寸的设定

    网页设计标准尺寸包括: 1. 800*600分辨率下,宽度778像素以内可避免水平滚动条,高度根据内容确定。 2. 1024*768分辨率下,宽度1002像素以内可全屏显示,高度在612-615像素之间无滚动条。 3. Photoshop中,全屏显示...

    网 页 设 计标准尺寸

    网页设计标准尺寸是每个网页设计师必须掌握的基本知识,它直接影响到网页在不同设备上的显示效果,确保用户在各种屏幕尺寸下都能获得良好的浏览体验。以下是对网页设计标准尺寸的详细解析: ### 一、常见屏幕分辨率...

    网页设计(尺寸大全)

    网页设计的标准尺寸随着分辨率的变化而调整。在800*600分辨率下,建议网页宽度不超过778像素,以确保无水平滚动条;在1024*768分辨率下,宽度保持在1002像素内,高度通常在612-615像素之间。在Photoshop中,全屏显示...

    屏幕分辨率与网页设计尺寸

    屏幕分辨率与网页设计尺寸 在网页设计中,屏幕分辨率和网页设计尺寸是两个紧密相关的概念。屏幕分辨率是指屏幕可以显示的像素数量,而网页设计尺寸是指设计网页的尺寸大小。在设计网页时,需要考虑到不同的屏幕...

    网页尺寸参考t.docx

    网页设计标准尺寸通常按800*600分辨率制作,实际尺寸为778*434px。页面长度原则上不超过3屏,宽度不超过1屏。每个标准页面为A4幅面大小,即8.5X11英寸。 网页广告尺寸规格使用多样化,常见的有: * 120*90,主要...

    CSS网页设计标准教程书-中实例

    本教程书“CSS网页设计标准教程-中实例”旨在通过丰富的实例来深入讲解CSS在构建符合Web2.0标准的网站布局中的应用。下面我们将详细探讨其中涉及的重要知识点。 1. **CSS基础**:首先,书中会介绍CSS的基本概念,如...

    比较好的网页设计标准

    在当前数字化时代,良好的网页设计标准是提升网站质量和吸引力的关键。本篇文章将深入探讨“比较好的网页设计标准”,特别是如何通过CSS有效地控制div元素,尤其是浮动层的管理。 首先,我们要理解div(division)...

    css网页设计标准教程

    本教程将深入讲解CSS的基本概念、语法和高级特性,帮助你掌握网页设计的标准方法。 首先,我们要理解CSS的核心概念:层叠。这意味着多个样式表可以应用于一个文档,而最终的样式是根据优先级来决定的,这允许设计师...

    网页尺寸参考t.pdf

    网页设计标准尺寸: 1、800*600 下,网页宽度保持在 778 以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768 下,网页宽度保持在 1002 以内,如果满框显示的话,高度是 612-615 之间。就不会出现...

    Dreamweaver+网页设计与网站建设标准教程

    《Dreamweaver+网页设计与网站建设标准教程》是一本深入浅出的网页制作指南,它不仅详尽地讲解了如何使用Adobe Dreamweaver这一强大的网页设计工具,还提供了丰富的在线学习资源,帮助初学者和进阶者提升网页设计与...

    标准的网页布局设计流程

    4. **响应式设计**:考虑到不同设备屏幕尺寸的不同,现代网页设计必须具备响应式布局能力,即页面能自动适应各种设备显示效果。 #### 五、测试与优化 在前端开发完成后,还需要对网站进行全面的测试,以确保所有...

Global site tag (gtag.js) - Google Analytics