首页 app开发 正文

网页设计满屏960(全屏网页设计1920*1080)

app开发 70
本篇文章给大家谈谈网页设计满屏960,以及全屏网页设计1920*1080对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 网页设计合适的页面尺寸是多少? 其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

本篇文章给大家谈谈网页设计满屏960,以及全屏网页设计1920*1080对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

网页设计合适的页面尺寸是多少?

其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。

如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

网页设计的工具

网页设计软件: FrontPage(简单易用,且高度符合IE浏览器支持设计);DreamWave(功能强大,设计成品支持众多浏览器)。

图像处理软件:Photoshop 或Fireworks ;动画制作:Flash MX 。

知识储备:基本网页常识;HTML知识(很简单,早期只用此制作网页,用记事本即可编辑,用浏览器打开后呈现网页内容);CSS知识(级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。通过设立样式表,可以统一地控制HTML中各标志的显示属性。

在网页设计中,网页的宽高像素为多少

现在的普遍要适应的电脑浏览器,在PHOTOSHOP中宽为960像素最为合适,你可以参考新浪、网易等门户网站的宽度值。

下面,是几点分辨率在不同时期的参考值。

1、屏幕分辨率低时(640 x 480),这是2000年左右,普遍的浏览器是这个分辨率,但已经被淘汰了。

2、接是1024x768的分辨率,很流行,实际在设计中,在PHOTOSHOP宽的设计值为760像素最合适。

3、随着现在宽屏时代的到来,1024也慢慢被淘汰了,现在都是大屏时代,基本上,从设计网页的角度来看,在PHOTOSHOP上,宽为960像素最为合适。

4、随现在浏览的工具越来越多,包括手机、IPAD等,出现了自适应的网页设计功能,需要HTML5及DIV+CSS的代码调用了。

网页设计的分辨率是多少?

设计网页,常见的宽度是的像素:+,1920,1600,1440,1280,1140,960,768,640,320,-

1. 内容型网站

超过960/1140使用960/1140作为主要内容总宽度

小于960/1140使用100%作为主要内容总宽度

例如:

2. 展示型,展览性网站

使用100%作为内容的总宽度,内容根据窗口宽度等比例缩放

例如:

3. APP等功能性网站

使用100%作为内容的总宽度,内容不缩放

例如:

teambition的服务端app

各种后台管理系统

960px 基本上是目前比较主流的页面宽度——它可以让1024x768分辨率在最大化浏览器窗口的时候尽可能地使用宽度而不出现横向滚动条。而且在桌面分辨率逐步从1024x768过渡至更高分辨率的时候 iPad2 的正好接了上来——虽然不能获得最佳交互体验但是 960px 页面刚刚好可以获得在平板电脑上的的视觉兼容。

急求 关于网页设计的尺寸问题 急急急急急急

如果你是设计一般的网站界面,建议的尺寸:宽960px、1000px、1200px;具体使用哪一种,看这个界面面向的用户群体(比如你是专门设计给某公司员工使用的管理系统、该公司只有800*600px的电脑,那你尺寸设计为800px即可);以前大家设计网页一般为960px,现在多数设计1000px的

如果你设计的是以漂亮图片为主的界面,需要瀑布流实现,这种情况需要使用自适应(例如花瓣网),你需要定义的就是导航尺寸、某一个模块的宽度尺寸;

还有一种情况,类似全屏大幅banner这种,一般是给个背景色or背景底纹、然后你来把中间的banner图片设计好(这个时候的图片尺寸也是按照960px、1000px、1200px设计,类似);

最后,如果你设计的界面是要作为某电脑背景板展示的,类似桌面背景这种情况,那就看对方要求,问下什么情况,然后做个对应的尺寸就好

最后,网页尺寸请用px单位

设计网页,常见的宽度是多少像素

这个根据你自己的布局来定义的。

宽度一般960px像素至1200px像素不等。

在这个范围内都属于规范的。

个人建议你宽度还是大一点,1000或者更高一点,毕竟现在电脑屏幕分辨率像素都比以前高很多,都是宽屏,现在电脑屏幕常见的分辨率都是1920*1080,低一点也要1600了。

如果你希望满屏,就定义1920,不过遇到屏幕小的你就的通过自适应去改变布局了,否则内容就溢出了。

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

你用PS做出来的是图片,并不是网页,图片是多大,就显示多大,居中显示是在代码里实现的。

如果你想让图片居中,可以这样做:

假如你的分辨率是1440*900,,而普通的网页页面宽度大部分都是960(PX)。所以你想让图片居中就很简单了,在1440*900的画布上,左右分别拉两条辅助线:左边一条在240px,右边一条在1200px那里,在两条辅助线中间的区域,刚好就是在1440分辨率下的居中显示。

所以看你的分辨率,再设置你的网页设计图的大小,现在主流的分辨率是1440*,而页的宽度大部分是960(你可以百度一下为什么这是大部分网站会采取的尺寸)

满屏需要代码标签属性width:100%来实现,看上面的回答貌似都是说代码类的,所以你自己看看自己是要代码类的居中还是要图片类的居中。

代码上的居中更简单,一般采用的是div的magin居中。不过这不属于你的问题范畴,这里就不说了。

网页设计满屏960的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于全屏网页设计1920*1080、网页设计满屏960的信息别忘了在本站进行查找喔。

网页设计满屏960 网页设计满屏尺寸网页设计怎么将背景图片满屏网页设计尺寸规范axure网页设计尺寸web网页设计尺寸规范手机网页设计尺寸规范网页设计一般多大尺寸网页设计规范导航栏尺寸手机端网页设计尺寸网页设计怎么将背景图片满屏
扫码二维码