网页设计尺寸规范及标准详解，网页制作中常见的页面尺寸是多少

来源：整理时间：2024-10-03 11:13:02 编辑：问船数据网手机版

1，网页制作中常见的页面尺寸是多少

由于现在宽屏显示器的流行，实际上，页面宽度早已经远远大于我们的“习惯”参数了。但，我们不可能给每个显示器定制专属的页面，所以，从技术上，可以这样处理：bodymargin:0 auto 0;padding:0;}#mainwidth:1000px;height:auto;margin:0 auto 0;padding:......}或者：将BODY的背景图片按横向平铺，内容都以百分比来限制宽度，不过对于DIV+CSS布局中的子容器可能不容易定位，但主要内容也有个最小宽度（比如1000像素，建议不要小于800像素）。这样不管什么样的显示器，页面内容都能正常显示了。

对于一个设计人员来说，没有什么固定的东西。就是一种习惯，好的习惯。现在的显示器分辨率都在1024*768以上了。800*600基本全部被淘汰掉了。1024*768下。全屏下采用1003px宽就好了。面对现在的显示分辨率大部分是960px宽的，当然还有很多是采用800px宽的，一个网页的宽度。根据实际要做的页面而定。不要局限在一个标准内。

现在的网页，主要以1024＊768分辨率浏览，当然，也考虑800＊600分辨率用户的浏览网站建设尺寸规范页面标准按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

网页制作中常见的页面尺寸是多少

2，网页设计的宽度一般为多少应该怎么把握

百度统计流量研究院对于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字体更美观和均衡。效果图：网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色。

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

3，网页设计的尺寸和网页广告的规则有那些

简而言之就是平面设计对吧 --------------------------------------------------------------- 正度纸张：787×1092mm 开数(正度) 尺寸单位（mm）全开 781×1086 2开 530×760 3开 362×781 4开 390×543 6开 362×390 8开 271×390 16开 195×271 注：成品尺寸=纸张尺寸－修边尺寸大度纸张：850＊1168mm 开数(正度) 尺寸单位（mm）全开 844×1162 2开 581×844 3开 387×844 4开 422×581 6开 387×422 8开 290×422 注：成品尺寸=纸张尺寸－修边尺寸常见开本尺寸(单位：mm) 开本尺寸：787 x 1092 对开：736 x 520 4开：520 x 368 8开：368 x 260 16开：260 x 184 32开：184 x 130 开本尺寸(大度)：850 x 1168 对开：570 x 840 4开：420 x 570 8开：285 x 420 16开：210 x 285 32开：203 x 140 正度纸张：787×1092mm 开数(正度) 尺寸单位（mm）全开 781×1086 2开 530×760 3开 362×781 4开 390×543 6开 362×390 8开 271×390 16开 195×271 注：成品尺寸=纸张尺寸－修边尺寸大度纸张：850＊1168mm 开数(正度) 尺寸单位（mm）全开 844×1162 2开 581×844 3开 387×844 4开 422×581 6开 387×422 8开 290×422 注：成品尺寸=纸张尺寸－修边尺寸 16开大度：210×285 正度：185×260 8开大度：285×420 正度：260×370 4开大度：420×570 正度：370×540 2开大度：570×840 正度：540×740 全开大：889×1194 小：787×1092 名片横版:90*55mm<方角> 85*54mm<圆角> 竖版:50*90mm<方角> 54*85mm<圆角> 方版:90*90mm 90*95mm IC卡　　85x54MM 三折页广告标准尺寸: (A4)210mm x 285mm 普通宣传册标准尺寸: (A4)210mm x 285mm 文件封套标准尺寸:220mm x 305mm 招贴画：标准尺寸:540mm x 380mm 挂旗标准尺寸:8开 376mm x 265mm 4开 540mm x 380mm 手提袋：标准尺寸:400mm x 285mm x 80mm 信纸便条：标准尺寸:185mm x 260mm 210mm x 285mm

网页设计的尺寸和网页广告的规则有那些

4，网页设计常用尺寸大小

　　网页的宽度? 　　? 现在比较流行的网页宽度是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。