网站页面常用的尺寸

一、网页设计中的高度和宽度

1、高度

高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

2、宽度

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

2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005

3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001

注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计.

如果是800的分辨率一般都设成770。但也有设成760的.

这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都会设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右.

二、网页设计标准尺寸:

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

三、网页中的广告尺寸:

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

时间: 2024-10-24 18:48:58

网站页面常用的尺寸的相关文章

网站页面优化策略

网站的页面优化,也即网页优化是对网页的程序.内容.版块.布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位.使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值.下面主要从网站代码.标签.正文等几个方面来讲述网站的页面优化. 网站重构 网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离.简单来说,就是将所

web前端开发中常用的尺寸和位置

我们在日常web前端开发过程中,会经常用到各种尺寸和位置.通常是js做动画的时候.轮播图,滚屏动画,粒子,碰撞检测,拖拽,滚动加载等等.这里我将常用的尺寸和位置的获取进行总结,不包括canvas,SVG. 在web页面开发中,尺寸和位置分为屏幕的尺寸和位置,元素的尺寸和位置,还有一个是文档的尺寸和位置,不过文档的尺寸和位置是通过document.body获取的,也算是一个元素.还有鼠标的位置.所以尺寸和位置主要分为三类: 屏幕尺寸和位置 元素尺寸和位置 特殊的元素,文档的尺寸和位置 鼠标的位置(

提升网站页面打开速度的12个建议

我们知道用户都喜欢浏览速度快的网站,不喜欢花费太多的时间等待网页的打开,等待的时间过长,会让用户失去耐心,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了. 其次,从SEO的角度来说,关键字的排名与网页的打开速度也有关系,Google的Web搜索团队曾在官方博客上宣布,将把网站的速度作为PR(PageRank)算法的一个因子,在所有因素都相等的情况下,速度快的网站将排在速度慢的网站前面.同时指出很多网站都没有利用最佳的页面优化技术,页面加载速度都存在很大缺陷.那么,我们该如何补救并提高网站

SEO之网站页面优化策略

网站的页面优化,也即网页优化是对网页的程序.内容.版块.布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位.使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值.下面主要从网站代码.标签.正文等几个方面来讲述网站的页面优化. 网站重构 网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离.简单来说,就是将所

提高网站页面加载速度的方法

我们在访问一些网站时,总是感觉页面加载的速度不够快,这是什么原因导致的呢?作为网站的开发者又能做哪些优化,来提高页面的加载速度呢? 工具/原料 网页开发工具 方法/步骤 1 优化图像.图像能吸引访客的注意,但是每一张图片都需要从服务器下载到访客的电脑中,这无疑增加了页面的加载时间.因此,必须优化图像.优化方法包括适当减小图片尺寸,降低图片的颜色深度. 2 去掉不必要的插件.一些免费的插件能够增强网页的功能,但是如果添加了过多的插件,就会增加服务器的负担和页面加载时间.在构建页面时,去掉不必要的插

如何禁止使用框架iframe引用网站页面

如何禁止使用框架iframe引用网站页面:很多网站喜欢引用外站的页面,有的可能为了方便,有的可能喜欢对方网站,目的可能是多种多样的,但是有些站长并不像自己的网页被别人引用,下面就简单介绍一下如何实现此功能.方法一: if(top.location!==self.location){ top.location=self.location; } 只要在js中加上这句代码就可以解决此问题,代码比较简单这里就不多介绍了.相关阅读:1.top属性window对象的top属性一章节. 2.location属

PHP网站页面静态化之OB法

将PHP的执行页面预先转换成HTML,是所谓的PHP静态化方法之一. 其他还有模板替换法,opcache等方法. 静态化的作用: 提高网站的响应速度,降低服务器的负载: 用于搜索引擎的SEO: 利用PHP输出buffer直接写成html,定时后台定时扫一遍网站,是比较容易实现的网页静态化. 静态化之前: <?php for($i=0;$i<1000;$i++){ echo "bull<br>"; } ?> 静态化: <?php ob_start();

使用SharePoint创建并自定义网站页面

使用SharePoint创建并自定义网站页面 1. 打开SharePoint Designer 2010. 2. 左侧导航点击网站页面. 3. 在功能区点击Web部件页面,新建Employee.axpx. 4. 右击签出.这样这个文件被锁定,只能由你编辑. 5. 点击打开属性窗格. 6. 点击编辑文件. 7. 点击代码视图. 8. 添加一个<div>标签,将在这里添加一个ASP.NET控件. 9. 在工具箱,标准ASP.NET控件下,拖一个XML控件到<div>中,并重命名ID为x

如何屏蔽UC强制嵌入到你网站页面上的垃圾广告

不知道大家在手机上用UC浏览器的时候, 有没有注意到网页底部有时候会随机出现一大块广告 如下图: 为了避免广告嫌疑, 我这里主要用 CSDN 的官网举例(其实已经处处可见了, 大部分网站页面都被注入过广告) 这里插了一个 Swoole 的官网, 也被注入了 大家可能会觉得广告太常见了, 没什么好说的了, 不过这个广告却很特殊的. 因为绝大部分人不注意看, 都会以为这是 CSDN 投放的广告, 可能一些同学就会开骂了, 不过现实是你误会了, 这不是 CSDN 投放的广告, 而是犯贱的 UC 强制注