一般网页的尺寸是多少?
1、800*600分辨率下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768分辨率下,网页宽度保持在1002以内,如果全屏显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)
只要你的width不超过1003就好,现在很多网站width在1000px 或者980 这样大气点,高度无所谓
网页设计标准尺寸:
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。
百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。
排名第一的是360×640,这是竖屏,一般在医院、学校中才能见到,暂且不谈。
排名第二的是1920×1080,占比13.07%。
1366×768排第三,占比6.32%。这说明现在主流的电脑分辨率是1920×1080。
排名第七的分辨率,1024×768,是最小的电脑尺寸了,仅占3.13%,很少有人使用。在做pc端的网页设计时,不用考虑这个尺寸,而应在做pad端和手机端的适配时,将其纳入考虑。
而更高级的响应式网站应该是在严格的栅格规范下,适应于不同宽度,确保各宽度下的展示效果。但这样的成本也会相应增加,在开发网站时,需综合考虑实际需求和开发成本。time(《时代周刊》官网)是个很好的响应式网页案例。
扩展资料
网页设计中的注意事项:
1、网页设计的尺寸标准:
面向1024-768显示器分辨率开发的网页尺寸,宽910px;
面向800-600显示器分辨率开发的网页尺寸,宽778px;
2、网页设计中的画布设定:
尤其注意分辨率为72 像素/英寸。
3、设计中的网页字体问题
中文字体:尤其注意“设置消除锯齿的方法”选项要选择“无”。
宋体是最常用的网页字体,12px 是中文操作系统可以表现的最小的字体,内容。
文字大小一-般用两种,12px 或14px(现在的新的vista据说能表现10px的中文字,但现在使用并不多)。
英文字体:其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体,比起arial字体更美观和均衡。
效果图:
网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色。
网页的.宽度
现在比较流行的网页宽度是950px,网页两边留出少许白边,简洁又大方。 1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615
之间.就不会出现水平滚动条和垂直滚动条。 网页设计中常用的广告尺寸
BUTTON
120*60
215*50
通栏
760*100
430*50
超级通栏 760*100或者760*200 巨幅广告
336*280
585*120
竖边广告 130*300 全屏广告 800*600 弹出窗口 400*300 BANNER 468*60 悬停按钮 80*80 流媒体
300*200
国际标准的网页BANNER大小规格 横幅广告(Banner)
文件大小:gif:14K/swf:16K
广告尺寸:468*60像素
广告位置:页面顶部
按钮广告(Button)
文件大小:gif:6K/swf:8K
广告尺寸:170*60/120*60像素 广告位置:第一屏 第二屏
备注:触发式LOGO,弹出图片尺寸为160*160 文件大小gif:9K/swf:12K
弹出窗口广告(Pop up)
文件大小:gif:18K/swf:20K
广告尺寸:360*300像素
广告位置:第一屏
通栏广告(Full collumn)
文件大小:gif:20K/swf:25K
广告尺寸:770*100像素
广告位置:第一屏 第二屏
流媒体(Flash layer)
文件大小:swf:25K
广告尺寸:200*150像素
广告位置:第一屏
形式:浏览打开页面,该广告放映8秒后消失
画中画(PIP)
文件大小:gif:20K/swf:25K
广告尺寸:360*300像素
广告位置:新闻最终页面
浮动标识(Float box)
文件大小:gif/swf/flash<8k
广告尺寸:80*80像素
广告位置:第一屏右侧
全屏收缩广告 (Full screen)
文件大小:gif:20K
广告尺寸:750*550像素
广告位置:第一屏
形式:打开浏览页面前该广告以全屏形式出现3-5秒,随后消失 擎天柱(Sky-scraper)
文件大小:gif:15K/swf:17K
广告尺寸:130*200像素
广告位置:第一屏 第二屏
视频广告
文件大小:gif/swf/flash<8k
广告尺寸:300*250像素
广告位置:第一屏两侧
文字链接(Text link)
规格:不超过10个汉字
广告位置:第一屏 第二屏
备注:文字链接长度以不折行为准
网页设计LOGO的标准尺寸
120×120 这种广告规格适用于产品或新闻照片展示。 120×60 这种广告规格主要用于做LOGO使用。 120×90 主要应用于产品演示或大型LOGO。 88×31
主要用于网页底部友情链接中的LOGO,或网站小型LOGO。
600px,我们在网页制作时使用的是778px宽度,后来出现了17寸液晶屏,屏幕分辨率为1024px *
768px,主流网页制作宽度又变为1002px。
目前,随着硬件市场的发展,宽屏显示器占据了市场主流,以19寸 ~ 21寸屏幕为主,屏幕分辨率也提升成为 1280px * 800px 和 1440px * 900px 。现在的主流网页制作宽度通常在 1180px ~ 1220px 之间。
当然,这个宽度也不是完全固定的,可以根据自己网站的需要去调整,如果希望页面两边留白多一些,那么页面宽度可以相对减小一些。比如,京东的网页宽度为1210px,天猫的网页宽度为1190px,新浪的网页宽度为1000px。
现在,很多国外的网站,开始流行适应通屏的设计,即网页设计是充满整个屏幕宽度的,并且可以根据屏幕大小的不同,自动缩放网页宽度。实际上,这也是一种不错的设计思路,也许在不久的将来会成为一种趋势。
随着移动互联网和移动设备的出现,在未来,我们可能要考虑网页如何适应更小的屏幕宽度的情况,比如iphone手机版的网页、iPad版的网页等等,我们应该为使用移动设备浏览网页的客户提供完美的页面排版。所以,未来市场的网页宽度将不仅仅是往大的方向发展,也同时会向小的方向延伸。
网页设计标准尺寸:
1. 800×600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2. 1024×768下,网页宽度保持在1002以内,如果满框显示的话,高度是612눯之间,就不会出现水平滚动条和垂直滚动条。
3. 在ps里面做网页可以在800×600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740×560左右。
网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.
网页的尺寸受限于两个因素:一个是显示器萤幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软体,就是我们常用的IE,遨游,Friefox等.
高度:
高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被外挂占了半个萤幕,所以高度没有确切值。
宽度:
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
标准网页广告尺寸规格
一、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*10
1.65主频的cpu用多大的 显示卡 最合适 还有 多大的记忆体 最合适您好。 建议您 用128MB的显示卡 和1G记忆体 本身您的CPU主频就不是很高 如果用好点的显示卡 和高点的记忆体 就浪费了
橱柜拉篮宽度选择多大最合适?
橱柜拉篮一般是根据您家橱柜吃尺寸来定做的,深度42cm的常用橱柜拉篮尺寸:600柜体为52.3*14cm,700柜体为62.3*14cm,750柜体为66.6*14cm,800柜体为72.3*14cm等,深度45.5cm的常用橱柜拉篮尺寸(:600柜体为56.5*20cm,700柜体为66.5*20cm,750柜体为71.5*20cm,800柜体为76.5*20cm等
淘宝手机详情页面宽度到底多少最合适咧?手机萤幕尺寸有大有小,宽度480 – 620画素会比较合适。格式为JPG\GIF\PNG。当需要在图片上新增文字时,中文字型大于等于30号字,英文和阿拉伯数字大于等于20号字。
4.2米宽的客厅用多大的电视最合适电视距离适宜在3米左右,根据沙发到电视的距离来决定。
1.7米使用26英寸
2米使用32英寸
2.4米使用37英寸
2.5米使用40英寸
2.7米使用42英寸
3米使用46英寸
3.3米使用52英寸
用多大的鱼缸养银龙最合适按尺寸来说 最小尺寸是一米 宽40 银龙体长不得超过40 如果银龙体长超过50 就建议一米二宽50以上的缸子养了 一米五 一米八 两米都能养 越大越好呗
金毛用多大的狗窝最合适如果你养的是金毛犬,那就更该如此了,要让它知道,白天当然不用说,夜晚这就是它睡觉的地方,不许它想在哪儿睡就在哪儿睡。
对于金毛犬来说,给它指定了一个住处,让它在想躺的时候也能随便在那儿伸伸腰,也算比较自在。
狗屋没必要十分讲究,只要宽敞就好。其实用个纸箱子或者木箱子在上面铺块毛巾也行。若买商店里卖的狗屋,则有条件在客人来访前,事先将金毛犬关起来,的确很方便。
狗屋应放置在安静、偏暗点儿的地方,最好选在冬暖夏凉、通风避晒之处,可能的话冬季和夏季应选在不同的地方。
也可以用铁笼子代替狗屋
要是你们家足够敞的话,也可以在屋里准备一个铁笼子,里面同时可以放上便器和金毛犬睡觉的窝。有一种能摺叠的铁笼子,可以很方便地拆运安装,天气好时还可以把金毛犬连笼子挪到院子里晒晒太阳。
中星九号用多大的锅最合适目前用小锅接收中星9号的人占百分之九十九以上,因为它上面有免费的46套央视及省级卫视节目。其它卫星如亚太5号、新天11符和韩星5号上面节目少,也没有多大的收看价值。最小的小锅直径35厘米左右。 中星9号位于西南方向.应该影响不大。
86用多大轮胎最合适1.抓地力增加。2。增加车身高度,3增加行车稳定性。4.油耗增加。5。对轮毂,内衬,转向角度,有影响!
对于固定宽度的网站布局,设计师常用的分辨率有:760px、780px、920px、950px等,如今大尺寸、宽屏幕的显示器越来越多,越来越普及,有些设计师也开始采用1000px、1003px这样的分辨率。
页面最大化、满屏化的网站看着的确是舒服,但过高的分辨率在设计师显示器上合适,并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024×768,在这种分辨率下,含滚动条的页面最大宽度应不超过994px,所以一般页面宽度定位在990px以内比较适宜。
这一讲主要来说说网页设计的标准尺寸
一、在800×600分辨率下,页面宽度应在778px以内,这样不会出现横向滚动条,高度可以依据版面和内容而定。
二、在1024×768分辨率下,页面宽度应在1003px以内,如果仅一屏显示的页面,高度在612px~615px之间,这样横向和纵向滚动条都不会出现。
三、在photoshop中做800×600分辨率下仅一屏的网页时,尺寸可以设为740×560左右。
页面标准按800×600分辨率制作,尺寸为778px×434px
页面长度一般不要超过三屏,宽度不宜出现横向滚动条为宜
每个标准页面为A4幅面大小,即8.5×11英寸
全尺寸banner为468px×60px,半尺寸banner为234px×60px,小banner为88px×31px
小图标的标准尺寸还有120px×90px、120px×60px等
每个非首页静态页面含图片字节不超过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) 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
以上几种说法可能有点小的出入,大家可以探讨一下。
拓展阅读:网页设计防止页面被撑开的方法
一、直接在网页里设置图片大小,比如代码:img src="/uploads/allimg/200907/20090701160532188.jpg" width="600" height="500" border="0",这样虽然可以限制了图片大小,但是需要在上传图片之前手动修改图片大小,否则上传的图片就会变形。
二、使用如下代码:img src="/uploads/allimg/200907/20090701160532188.jpg" onload="javascript:if(this.width600}{this.resized=truethis.style.width=600}"
这种方法会在调用图片的时候,自动按比例缩小到指定的宽度,不会引起图片的变形,并且也不会撑破表格,但是缺点是,如果图片太大,在图片下载过程中,也就是图片显示过程中,会先以图片原大小显示,这时就会撑破表格,页面很难看,二当图片完全显示后,图片又会自动缩小。
三、我们可以针对表格的'属性来限制大小防止被撑开,比如在table width="600" border="0" cellpadding="0" cellspacing="0"里添加代码“”,其中“table-layout:fixed”是为了将表格布局固定住,就可以有效地防止表格被撑开,“word-wrap:break-word”是控制换行的,也就是强制执行换行,这个在文本内容较多的情况下需要使用到,特别是重复的内容出现,不执行换行的话,表格就被撑开了;而“word-break: break-all”可以解决IE的框架被英文(非亚洲语言文本行)撑开的问题,但是不会强制换行,只显示表格宽度里的内容。一般情况下只要用到“”就可以。当然,上面调用的语句可以定义在css里,比如
table {
table-layout: fixed
word-wrap:break-word
}
四、用css控制图片自适应大小,代码如:
img {
max-width: 600px
width:expression(this.width 600 ? "600px" : this.width)
overflow:hidden
}
其中 max-width:600px在IE7、FireFox等其他非IE浏览器下最大宽度为600px,但在IE6中无效;width:600px在所有浏览器中图片的大小为600px,当图片大小大于600px,自动缩小为600px,在IE6中有效;而 overflow:hidden指将超出设置大小的部分隐藏,避免控制图片大小失败而引起的表格撑开变形。
五、最后总结一下最实用的代码:
如果是表格,请用:
table {
table-layout: fixed
word-break: break-all
}
如果是div层,请用:
div {
table-layout: fixed
word-wrap: break-word
width: 加上宽度
overflow: hidden(让多出来的不显示。)
}
Yahoo! 950
淘宝950
MySpace960
新浪950
网易960
Live Search958
搜狐950
优酷960
AOL960
随着电脑的发展,显示器是越来越大,分辨率也是越来越高,为了照顾所有不同显示器的用户,把网站的制作尺寸规范就定在1024*768下,网页宽度保持在1002-1004以内,高度还是以根据需要制作的内容在定,如果只想网页只在一屏内显示,不要上下滚动条, 一般高度是600-635像素之间, 就不会出现垂直滚动条。
在ps里面做网页可以在1003*600状态下显示全屏,页面的下方也不会出现滑动条,尺寸为1003*650像素左右 。
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
网站页面大小其实并没有一个统一的标准,不过网站建设好之后要记得测试各浏览器的兼容性,很可能在IE没问题的情况下,其他浏览器出现错位的情况。