网页设计大小

作者：匿名用户链接：https://www.zhihu.com/question/23185173/answer/53692321来源：知乎著作权归作者所有，转载请联系作者获得授权。网页设计标准尺寸:1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)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*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。

这个宽高没错，把分辨率调为72。一般平面像名片、VI、包装盒这些分辨率是300，喷绘有150或者200的。网页分辨率大多都是72。

其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px,1200px宽度发展，例如淘宝(1000px）京东商城（1200px）。如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据不同分辨率显示不同的尺寸，工作量也就随之增加了。貌似国内的大网站也没有使用。网页设计的工具网页设计软件： FrontPage（简单易用，且高度符合IE浏览器支持设计）；DreamWave（功能强大，设计成品支持众多浏览器）。图像处理软件：Photoshop 或Fireworks ；动画制作：Flash MX 。知识储备：基本网页常识；HTML知识（很简单，早期只用此制作网页，用记事本即可编辑，用浏览器打开后呈现网页内容）；CSS知识（级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。

这个宽高没错，把分辨率调为72。一般平面像名片、VI、包装盒这些分辨率是300，喷绘有150或者200的。网页分辨率大多都是72。

wap页面设计一般都是宽度自适应的，最窄以兼容320px为标准，最宽1280px为标准，一般的智能手机宽度都是320，480，640这些，其中iPhone就不用说了吧，必须是480px，其他三星啊，htc啊什么的，各类分辨率都有，基本不会比480低，但是之前刚开始的一些智能手机大部分都是320，所有要兼容320哦~~~

网页设计标准尺寸:1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间，就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象.页面标准按800*600分辨率制作，实际尺寸为778*434px，页面长度原则上不超过3屏，宽度不超过1屏

背景最好是能够做到自动延伸，现在的显示器是越来越大，分辨率也慢慢的变大了，现在用1600*900分辨率的也不少，我的就是，当然也有人用1280*768、1024*768等，所以网页设计的背景一般是不会设计成固定尺寸的，你可以做成可循环平铺的图片或者渐变颜色，直接是一种颜色那就更方便了； 其实网页设计一般所说的尺寸指的是主体框架的尺寸，就拿现在这个百度知道的页面距离，中间的主体部分无论是浏览器怎么伸展，主体内容的宽度是保持不变的，我查看了一下css代码，这个主体框架的宽度是980px 你设计的时候把主体部分设置成980-1000px就差不多了，毕竟现在使用1024*768分辨率以下的人已经毕竟少了

你用PS做出来的是图片，并不是网页，图片是多大，就显示多大，居中显示是在代码里实现的。如果你想让图片居中，可以这样做：假如你的分辨率是1440*900，，而普通的网页页面宽度大部分都是960（PX）。所以你想让图片居中就很简单了，在1440*900的画布上，左右分别拉两条辅助线：左边一条在240px，右边一条在1200px那里，在两条辅助线中间的区域，刚好就是在1440分辨率下的居中显示。所以看你的分辨率，再设置你的网页设计图的大小，现在主流的分辨率是1440*，而页的宽度大部分是960（你可以百度一下为什么这是大部分网站会采取的尺寸）满屏需要代码标签属性width：100%来实现，看上面的回答貌似都是说代码类的，所以你自己看看自己是要代码类的居中还是要图片类的居中。代码上的居中更简单，一般采用的是div的magin居中。不过这不属于你的问题范畴，这里就不说了。 其实不是图片居中的问题，是我做的那个页面打开在浏览器上只显示了3/5显示器就全部显示出来了。其实我也说不清楚。反正打开就是我图片那样儿~我像素的800*1000这样的。如果是需要后面的编程的人完成的那就没有什么问题了。我就怕是我像素设置不大所以做出来的就是往左边偏移然后3/5显示器就能全部看到了，很难看的哈~~ 你保存也是jpg或者png格式给别人看，psd格式只能在ps里面看而已。给到客户或者其他要看的人，人家也不会专门开个浏览器来看。如果想要在浏览器居中，那也只能像我说的，选个主流的图片规格，然后再辅助线当中设计，就可以了。没有一个网站可以满足所有的分辨率。 其实我是PS做HTML格式，再到 Dreamweaver 加工。呼，略懂了，<img src="images/index.jpg" width="100%" height="200%" alt=""> 拿记事本改了像素成百分比那就在浏览器显示得差不多了。原来这个在网页显示的问题不关我们平面的问题哈，我还以为像素设置小了就显示得这样了呢。哇，这个中好多东西学呢，好多分工哦~呼，谢谢你啊~

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