当前位置:首页 » 网页前端 » web页面大小
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web页面大小

发布时间: 2023-06-12 05:34:15

‘壹’ Web 页面采用多大的宽度最合适

Web 页面采用多大的宽度最合适

网页设计标准尺寸:
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画素会比较合适。格式为JPGGIFPNG。当需要在图片上新增文字时,中文字型大于等于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。对轮毂,内衬,转向角度,有影响!

‘贰’ 1366*768的分辨率,设计网页尺寸是多大

无论电脑分辨率或多或少,做网页应该按照这个标准,只需要考虑web页面的宽度,高度依赖于内容的布局。

现在大多数电脑方便的1280年,1366年,1440年,1660年,1920年,所以web页面通常设计成一个新的帆布1920px宽,与核心内容控制在1280年,以确保大多数电脑打开网站,可以显示所有的内容的网站。

(2)web页面大小扩展阅读:

1366:768分辨率:18.5英寸16:9显示

其他不同大小的普通屏幕的最佳分辨率(最佳分辨率可能因显示器的大小而异)

监视器:1440x900(16:10)

20寸显示器:1600x900(16:9)1600x1200(4:3)

21.5”显示器:1920x1080(16:9)

22英寸显示:1680x1050(16:10)1920x1080(16:9)1920x1200(16:10)

23“显示器:1920x1080(16:9)1920x1200(16:10)”

23.6“显示器:1920x1080(16:9)”

24英寸显示:1920x1200(16:10)1920x1080(16:9)

‘叁’ 一般网页的尺寸规范是多少

网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960

随着电脑的发展,显示器是越来越大,分辨率也是越来越高,为了照顾所有不同显示器的用户,把网站的制作尺寸规范就定在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没问题的情况下,其他浏览器出现错位的情况。

‘肆’ web面板占整个浏览器大小

一、快捷键法:可以按住“Ctrl++”键,一步步进行调节。二、鼠键结合法:用鼠标和键盘也能实现浏览器的宽屏设置,按住“Ctrl”键的同时向上滚动鼠标滚轮。三、缩放按钮调节:在浏览器的右下角显示“XXX%”,单击它会出现调节手柄,调节好手柄大小,勾选“缩放比例对所用网页生效”。四、调节分辨率:也可以把电脑的分辨率,调节为1024X768。
将网页内容占满整个浏览器方法:一、快捷键法:打开网页之后,发现自己的网页在浏览器中的中央位置处,而两边是空白的,可以按住“Ctrl++”键,一步步进行调节。二、鼠键结合法:用鼠标和键盘也能实现浏览器的宽屏设置,按住“Ctrl”键的同时向上滚动鼠标滚轮,这样也可以使页面变成宽屏。三、缩放按钮调节:在浏览器的右下角显示“XXX%”,这就是浏览器页面的缩放大小(各种浏览器的缩放不尽相同)。单击它会出现调节手柄,调节好手柄大小,勾选“缩放比例对所用网页生效”,现在就可以看到网页已经宽屏了。四、调节分辨率:也可以把电脑的分辨率,调节为1024X768,这样网页也可以宽屏,但是字体有些“胖”(不建议使用)。

‘伍’ WEB页面大小如何更改

主页开始是最大,可能是最大化状态。
你打开IE后,将最大化变成正常状态,然后调整窗口大小到合适后,马上将窗口关闭。
再打开后,会显示你最后一次调整窗口后的大小。

‘陆’ web网页设计尺寸标准(最小宽度/尺寸)

综上所述,电脑屏幕分辨率1024px,低于1024px则不再考虑,所以以上网站设计网站的最小宽度/尺寸小于1000px;

‘柒’ Web网页设计尺寸,到底选哪个

很多新手设计师都会面对一个问题,Web页面尺寸宽度到底选哪个?

其实答案并不是固定的,可以做成1920,也可以做1280。黑客认为最重要的决定因素在于你自己的工作电脑分辨率。

这是广告公司AdDuplex送出的统计大数据

市面上的电脑屏幕尺寸多种多样,不过大部分都集中在这几种:

1920-1080:目前常用设备中最大的尺寸(Mac 5K屏除外)

1440-900:15寸MacBook Pro为代表,很多UI设计师首选

1366-768:普通的PC电脑

1280-800:13寸MacBook Pro为代表

在以上设备中,13寸和15寸Mac Book,虽然实际分辨率非常大,但由于是Retina屏幕,视觉展示上还属于以上范围。

所以,网站的内容显示宽度大部分都在1200px以内,确保小的电脑屏幕能显示全网页内容。更早的时候很多都是960px,不过由于屏幕越来越大,目前比较少。

在了解过电脑屏幕尺寸后,网页设计尺寸(本文专指宽度,高度不限)选哪个也很清楚了:选哪个都不会错。

事实上很多设计师是这么做的:用小于1920的屏幕去设计1920的网页。

这样设计没错,而且是很多培训机构、学校的标准定义:网页设计宽度尺寸是1920。

但是如果你用了这个神器的Sketch插件,就不会按照之前的结论来设计了。

以前黑客有介绍过。 点击查看

设计师在做界面的过程中需要经常查看设计稿,以便及时修改设计细节。除非你用1920的屏幕可以设计1920尺寸,否则我们的设计尺寸和屏幕尺寸不相同,就会导致预览的界面偏移,需手动调节居中。

如果设计的尺寸和屏幕尺寸保持一致,那么插件预览的效果就会完美,不用每次都要去调节。

本质上网页设计尺寸选哪个都是正确的,关键在于怎么方便、快捷地帮助我们预览、展示设计稿。

在利用sketch插件频繁预览的前提下,黑客建议网页设计尺寸等于你的工作电脑屏幕尺寸,这会节约你很多时间。在设计后台类的界面时,这个方法的优势会更加明显。

最后有一点需要注意,在进行切图的时候,如果遇到全屏的图,需要把切图修改成1920,否则在1920电脑中切图宽度会不足。不过到了切图这一步,就属于设计工作的后期了,我们只需要花点时间把对应切图改成1920即可。

更多UI设计干货文章请关注UI黑客

微信公众号 uihacker

UI黑客官网 http://www.uihacker.com/

UI黑客论坛 http://bbs.uihacker.com/

‘捌’ 网页设计合适的页面尺寸是多少

网页设计选用的分辨率是72像素,使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计,一般采用全屏展示和两侧留白的方式。
全屏展示,是整个网站看起来大气一些,但是布局要合理安排,不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸,能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域,内容限时区域在好控制在1000px-1200px。