`
wb1991wb
  • 浏览: 156727 次
  • 来自: 上海
社区版块
存档分类
最新评论

网页设计尺寸标准

 
阅读更多

网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)
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

标准网页广告尺寸规格
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种。

分享到:
评论

相关推荐

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

    - 首页和内页的顶部、中部、侧边等位置都有相应的广告尺寸标准,例如120*60、468*60、150*60等。 这些标准旨在提供一个平衡,兼顾内容的展示、用户体验和页面加载速度。设计师需要根据目标受众的设备使用情况灵活...

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

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

    网页设计(尺寸大全)

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

    网页设计标准尺寸.pdf

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

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

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

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

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

    网页设计标准尺寸.txt

    网页设计标准尺寸.txt

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

    在CSS(层叠样式表)网页设计中,标准教程书是学习和掌握这一技术的关键资源。本教程书“CSS网页设计标准教程-中实例”旨在通过丰富的实例来深入讲解CSS在构建符合Web2.0标准的网站布局中的应用。下面我们将详细探讨...

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

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

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

    以下是一些关于网页设计尺寸的重要知识点: 1. **显示器尺寸与分辨率**:网页设计的宽度通常受到用户显示器尺寸的影响。17寸显示器曾是主流,但现在19寸及宽屏显示器越来越普遍。同时,仍有一部分用户使用15寸...

    比较好的网页设计标准

    响应式设计是现代网页设计的标准之一,它使网页能适应不同设备的屏幕尺寸。通过使用CSS的媒体查询(`media queries`),我们可以为不同设备定义不同的样式规则,确保在手机、平板电脑和桌面电脑上都有良好的显示效果...

    标准的网页布局设计流程

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

    css网页设计标准教程

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

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

    网页设计标准尺寸.doc

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

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

    网页设计师设计标准

    其次,网页设计师需关注网页的响应式设计,这是W3C标准的一部分,强调网站在不同设备和屏幕尺寸上的适应性。通过媒体查询(Media Queries)和流式布局,设计师可以确保网页在手机、平板电脑和桌面电脑上都能提供良好...

    目前网页设计的标准宽度

    在探讨“目前网页设计的标准宽度”这一主题时,我们需要从多个角度来理解为什么网页设计宽度标准如此重要,以及如何选择合适的宽度。网页设计是构建网站视觉体验的关键环节之一,而网页宽度的选择则直接影响到用户的...

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

    总之,网页设计中的尺寸设定是个细致活,需要兼顾各种因素,包括用户设备的多样性、浏览器的差异性和广告尺寸的标准化,以实现最佳的视觉效果和用户体验。同时,设计师还需要关注文件大小,以确保网页快速加载,提升...

    基于Web标准的网页设计与制作

    综上所述,网页设计与制作是一门涉及多种技术和标准的综合技能。为了制作出高质量的网页,设计人员需要熟练掌握HTML标记的用法,合理运用CSS进行样式设计,同时应具备JavaScript编程能力以增强网页的交互功能。更为...

Global site tag (gtag.js) - Google Analytics