`
garydo
  • 浏览: 158808 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

网页设计标准尺寸:

阅读更多
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此番推出的工具盒有一种折衷的效果——既想达到他们削减广告尺寸数量、整饬行业规范的目的,又不至于让网络广告媒体们反对呼声过高。
分享到:
评论

相关推荐

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

    4. 网页设计标准尺寸: - **网页宽度**:常用宽度为960像素、1170像素、1200像素,随着响应式设计的发展,现在更倾向于百分比宽度以适应不同屏幕尺寸。 - **网页高度**:无固定高度,通常根据内容决定,但要注意...

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

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

    网页设计标准尺寸.pdf

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

    网页尺寸参考t.pdf

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

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

    这些标准包括 6 种不同的广告尺寸:160x600、300x250、180x150、728x90、468x60 和 120x600。这些标准将成为整个欧洲市场网站的核心广告花样,广告客户可使用这几种尺寸在全欧洲网络媒体通行。 屏幕分辨率和网页...

    网页设计标准尺寸.txt

    网页设计标准尺寸.txt

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

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

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

    网页设计标准尺寸.doc

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

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

    css网页设计标准教程

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

    比较好的网页设计标准

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

    web网页设计—— 指环王:护戒使者(13页) 电影网页设计 在线电影制作 个人设计web前端大作业

    - 从提供的图片可以看出,网页设计色彩鲜明、布局合理,充分展示了网页设计的基本要素。 - 图片中的网页包括了头部导航栏、主要内容区域、侧边栏以及底部版权信息等常见结构。 #### 二、网页设计的技术要点 - **...

    网页logo/banner标准尺寸

    本篇将详细探讨网页Logo和Banner的标准尺寸,帮助你创建出专业且吸引人的网页设计。 首先,我们来了解一下Logo。Logo,全称“Logotype”,即标识或商标,是企业或品牌视觉识别系统的核心部分。一个优秀的Logo设计应...

    Web标准网页设计与Asp 清华大学出版 第七章PPT

    在本资源中,我们主要探讨的是“Web标准网页设计与ASP”的主题,这是清华大学出版的一本书籍的第七章内容,以PPT的形式呈现,并且包含了相关的代码示例。这一章节可能深入讲解了如何将Web标准实践应用到使用ASP...

    网页设计与制作 成品

    4. **响应式设计**:随着移动设备的普及,网页设计必须考虑到不同屏幕尺寸的兼容性。响应式设计通过媒体查询、流式布局和弹性图片等技术,确保网页在任何设备上都能提供良好的用户体验。 5. **用户体验(UX)与用户...

    海的女儿网页设计

    4. 响应式设计:考虑到不同设备的屏幕尺寸,网页设计需考虑响应式布局。通过媒体查询和流式布局,确保"海的女儿"网页在手机、平板电脑和桌面电脑上都能良好展示。 5. 图像优化:在设计中,图像的选择和优化至关重要...

    标准的网页布局设计流程

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

    网页设计标准流程.doc

    网页设计标准流程是一个系统化的方法,旨在创建符合Web标准、用户体验友好且易于搜索引擎优化的网页。以下是基于给定文件内容的详细步骤解析: 1. **内容分析**:首先,设计师需要深入理解网页需要呈现的内容,包括...

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

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

Global site tag (gtag.js) - Google Analytics