`
wostyh
  • 浏览: 77233 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

网页布局设计的标准尺寸

阅读更多
许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了
网页设计标准尺寸:

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以上几种说法可能有点小的出入,大家可以探讨一下。 

 

原文地址:http://www.cnblogs.com/xidongs/archive/2009/07/13/1522791.html

分享到:
评论

相关推荐

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

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

    标准的网页布局设计流程

    ### 标准的网页布局设计流程 随着互联网技术的飞速发展,网页设计的重要性日益凸显。一个优秀的网页设计不仅能够提升用户体验,还能更好地传达品牌信息。网页布局作为设计中的核心环节,其流程对于最终产品的质量至...

    网页设计标准尺寸.pdf

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

    Web标准网页布局书中源代码

    它允许网页根据屏幕尺寸自动调整布局。通过媒体查询(Media Queries)、百分比单位、流式布局等技术,可以实现跨设备的兼容性。 4. **Web Accessibility**:符合Web标准的布局应考虑无障碍性(Web Accessibility)...

    CSS标准网页布局开发指南(光盘)源码

    固定布局则设定元素尺寸为固定值,适用于内容较少、设计固定的网页。而响应式布局则是当前的主流,通过媒体查询等技术,使页面在不同设备上呈现最佳效果。 在CSS标准布局中,盒模型是至关重要的概念。盒模型包括...

    CSS标准网页布局开发指南.rar

    《CSS标准网页布局开发指南》是一本专注于网页布局设计的资源集合,主要针对使用CSS(层叠样式表)来创建高效、响应式和易于维护的网页布局。在现代Web开发中,CSS是不可或缺的一部分,它使得我们可以独立于内容来...

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

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

    DIV+CSS网页标准化布局

    网页标准化布局是现代网页设计的核心技术之一,它主要依赖于HTML结构和CSS样式来实现页面的精准控制和高效维护。"DIV+CSS"是这种布局方式的典型代表,其中"DIV"是HTML中的一个通用容器元素,而"CSS"则是层叠样式表,...

    比较好的网页设计标准

    通过CSS,我们可以对div元素进行精准定位,调整其尺寸、颜色、字体、边距等属性,实现灵活的布局设计。 在处理浮动层时,CSS的`float`属性是最常见的工具。浮动层常用于创建多列布局、侧边栏、图片浮层等。例如,...

    HTML 页面布局设计

    在HTML页面布局设计中,我们需要理解几个核心概念和技术,这些技术使得我们可以创建出美观、功能丰富的网页。 1. **基本结构**:HTML页面通常由`<!DOCTYPE html>`声明开始,表明文档类型;接着是`<html>`元素,它是...

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

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

    设计时如何把握网页布局.pdf

    在网页设计过程中,布局的设计是至关重要...这些知识点共同构成了网页布局设计的核心要素,它们之间相互联系和影响,共同决定了网页设计的成功与否。设计师需要综合运用这些知识点,才能设计出既美观又实用的网页布局。

    div+css网页标准版式布局大全.rar

    《div+css网页标准版式布局大全》是一个深入学习网页布局技术的重要资源,它由CTO单兴华精心编撰,旨在帮助开发者掌握基于DIV+CSS的网页布局技巧。在这个压缩包中,包含了50个典型且实用的布局示例,涵盖了网页设计...

    div+css网页标准版式布局大全

    《div+css网页标准版式布局大全》是一个深入讲解网页设计技术的重要资源,它涵盖了网页设计中的核心元素——div和css的应用,旨在帮助开发者构建出高效、美观且响应式的网页布局。在这个压缩包中,虽然没有提供具体...

    HTML5+CSS3网页设计基础-第七章-网页布局设计.pptx

    HTML5+CSS3网页设计基础第七章主要讲解的是网页布局设计。随着Web标准的发展,传统的表格布局已经被DV+CSS布局方式取代,HTML5更是引入了新的结构布局标签,以简化和优化网页的设计与布局。 本章的目标是让学生理解...

    css网页设计标准教程

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

    网页logo/banner标准尺寸

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

    网页设计div+CSS布局大全

    网页设计作为IT行业中重要的领域之一,其中的div+CSS布局技术是前端开发的基础,也是每个网站开发者必须掌握的核心技能。div元素和CSS样式表共同构成了现代网页设计的基础框架,通过合理使用div对页面进行布局,再...

Global site tag (gtag.js) - Google Analytics