导航:首页 > 万维百科 > 分辨率1440的网页页面要设计多宽

分辨率1440的网页页面要设计多宽

发布时间:2020-09-19 16:33:59

1、网页设计的尺寸大小是多少,宽度应该是多少???

其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

2、用ps设计一个网站要设置多大的宽和高?分辨率是多少?

宽1920px,高度根据内容多少来确定,分辨率72

3、网页设计的宽度一般为多少?应该怎么把握?

百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。

排名第一的是360×640,这是竖屏,一般在医院、学校中才能见到,暂且不谈。

排名第二的是1920×1080,占比13.07%。

1366×768排第三,占比6.32%。这说明现在主流的电脑分辨率是1920×1080。

排名第七的分辨率,1024×768,是最小的电脑尺寸了,仅占3.13%,很少有人使用。在做pc端的网页设计时,不用考虑这个尺寸,而应在做pad端和手机端的适配时,将其纳入考虑。

而更高级的响应式网站应该是在严格的栅格规范下,适应于不同宽度,确保各宽度下的展示效果。但这样的成本也会相应增加,在开发网站时,需综合考虑实际需求和开发成本。time(《时代周刊》官网)是个很好的响应式网页案例。

(3)分辨率1440的网页页面要设计多宽扩展资料

网页设计中的注意事项:

1、网页设计的尺寸标准:

面向1024-768显示器分辨率开发的网页尺寸,宽910px;

面向800-600显示器分辨率开发的网页尺寸,宽778px;

2、网页设计中的画布设定:

尤其注意分辨率为72 像素/英寸。

3、设计中的网页字体问题

中文字体:尤其注意“设置消除锯齿的方法”选项要选择“无”。

宋体是最常用的网页字体,12px 是中文操作系统可以表现的最小的字体,内容。

文字大小一-般用两种,12px 或14px(现在的新的vista据说能表现10px的中文字,但现在使用并不多)。

英文字体:其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体,比起arial字体更美观和均衡。

效果图:

网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色。

4、网页页面尺寸一般设置多大才合适·

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以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*100

5、网页设计如果我用1920*1080的页面,那么内容应该限制在多大尺寸?

最好控制在1000px吧,因为还有很多用户用的是分辨率很低的,如果你的用户都是用的大屏浏览器,那么就可以宽一点,比如你的客户是跟网站、设计类有关的,那么他们电脑的分辨率不会低的,至少是1440px,所以你可以先确定你用户的电脑大致分辨率的多大,再考虑宽度尺寸

6、PS网页设计尺寸问题 需要满屏

你用PS做出来的是图片,并不是网页,图片是多大,就显示多大,居中显示是在代码里实现的。
如果你想让图片居中,可以这样做:
假如你的分辨率是1440*900,,而普通的网页页面宽度大部分都是960(PX)。所以你想让图片居中就很简单了,在1440*900的画布上,左右分别拉两条辅助线:左边一条在240px,右边一条在1200px那里,在两条辅助线中间的区域,刚好就是在1440分辨率下的居中显示。
所以看你的分辨率,再设置你的网页设计图的大小,现在主流的分辨率是1440*,而页的宽度大部分是960(你可以百度一下为什么这是大部分网站会采取的尺寸)

满屏需要代码标签属性width:100%来实现,看上面的回答貌似都是说代码类的,所以你自己看看自己是要代码类的居中还是要图片类的居中。
代码上的居中更简单,一般采用的是div的magin居中。不过这不属于你的问题范畴,这里就不说了。

7、1366*768的分辨率,设计网页尺寸是多大?

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

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

(7)分辨率1440的网页页面要设计多宽扩展资料:

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)

8、网页设计,一般最少要设置多少高度?

大概的高度为:

Window XP首屏大小580 px
Window 7 首屏大小710 px

具体原因如下:

一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计:

对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):



在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据:
Window XP首屏大小580 px
Window 7 首屏大小710 px

9、网页设计中网页到底该多宽?

这是个典型的UED问题,不久之前ucdchina特别讨论过,月光也讨论过这个问题,最终月光采用的是960px的固定宽度。
这个问题显然没有正确答案,我更偏向于固定宽度。
设想一下自己面对一个大屏幕(比如1440px),视线从屏幕左边转向右边,光凭眼球的转动已经不行了,头部也需要做一些旋转。我的笔记本是1200px,扫过整个屏幕也需要运动一下我的脖子了,可见对于1440px以上的人整日面对的都是宽度100%的网页该是多么的累。
不用为大家的脖子的担心,因为我看到的中文网页至少有八成属于固定宽度居中布局(各大门户、99%的博客、四大CMS默认主题),宽度值在900到1000像素之间,其中以960px最流行。据说960px只需要转动眼球就可以看全整个页面了,真是懒人绝配。
960px固然标准,对于内容少的网站完全可以用600到800px的宽度。
有个很著名的眼球理论,认为人们偏向于首先阅读左上角的内容。因为一般网站的标题、导航都在那个位置。将这个理论用于600px宽的网站了,右上角就是整个头部,然后视线直接向下。也就是说读者阅读是个从上到下的简单过程,我觉得这种阅读时最轻松的阅读。
small-snail 在 2009-11-8 1:21 的时候说:
blackli 在 2009-11-8 9:49 的时候说:
@small-snail
想法很好啊,值得考虑
附常见屏幕尺寸比例表:
800*600 0.75
1024*768 0.75

10、网页页面尺寸一般设置多大才合适

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以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左右.

与分辨率1440的网页页面要设计多宽相关的知识