欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是通过网络精心收集筛选的最优节选：“网页设计初级常见问题：[3]如何确定网页尺寸”，请注意：文中所谈及的内容不代表本站的真正观点，也请不要相信各种联系方式。下面是关于网络上网页设计初级常见问题：[3]如何确定网页尺寸的整理详细信息
当你确定好了要做的网页的风格，着手设计的第一步，应该就是确定网页宽度了。
确定网页宽度的依据，主要有：
网页内容类型，比如门户类、博客类...；
网页风格，韩国风格、欧美风格、国内常见...；
网页功能，信息量多小、多功能组合、单功能ＵＩ类...
...
那到底网页设成多宽，才合适呢：
![网页设计初级常见问题：[3]如何确定网页尺寸](http://www.52ij.com/uploads/allimg/160414/135U53502-0.jpg)
操作前的准备
HTML CSS 960网格系统心得分享
我初学时，也曾头痛过这个问题。怕不正规的网页宽度、不协调的结构比例，让行内人笑话。
![网页设计初级常见问题：[3]如何确定网页尺寸](http://www.52ij.com/uploads/allimg/160414/135U544R-1.jpg)
其实这事儿，是咱庸人自扰。知道一些基本的、最好可以遵守的原则，具体宽度值多些少些，都无所谓啦。
比如不久前的某个统计时间点上：网易仍960px，腾讯网的首页宽度，从910像素改版为1000像素，新浪与搜狐网依旧保持950px，淘宝网的首页1000px，而淘宝子频道页：男装990px，点卡950px、天猫970px、天猫电器城的首页990px、一淘网1200px，刚刚又浏览了一下淘宝，看来首页、子页，大部分都统一改版为1190……
![网页设计初级常见问题：[3]如何确定网页尺寸](http://www.52ij.com/uploads/allimg/160414/135U52454-2.jpg)
电商类型的网站首页宽度，大多在1200像素左右：比如京东1210px、苏宁1190px、当当1200px、亚马孙自适应（最小宽度980像素）…
如何确定你欲建的网页宽度、并有效组织页内布局呢？我能给出的，只有两条建议：
![网页设计初级常见问题：[3]如何确定网页尺寸](http://www.52ij.com/uploads/allimg/160414/135U51B0-3.jpg)
一、请研究一下960网格系统
这是个网页设计史上，具有里程碑、或代表意义的网格系统。主要是针对1024*768分辨率的屏幕。
有人说960网格已过时，现今1200像素以上的屏幕，早已取代了1024的市场占有率，学习“960网格系统”已没有意义。
我要说：现今我们学习它的意义，已不再是简单的网格套用，而是一套的网页布局思想：整站布局的统一；平衡、流畅的视觉美感；代码的重用、提炼...
留个思考题：总结相对于1024的屏幕，960网格系统布局的特点、优点。提取必要知识，扩展应用于其它分辨率的网页宽度、结构比例设定上。
![网页设计初级常见问题：[3]如何确定网页尺寸](http://www.52ij.com/uploads/allimg/160414/135U5E48-4.jpg)
二、响应式布局
虽然今时1200像素以上的电脑屏幕，占据着主导地位。但平板电脑、手机MP4/5等移动终端的小微显示器，市场占有率也在极速攀升。
一套页面，自适应多种分辨率，或多种终端设备，已悄然盛行。
这一部内容，初学者要有所了解，才能尽快赶上时代步伐。
![网页设计初级常见问题：[3]如何确定网页尺寸](http://www.52ij.com/uploads/allimg/160414/135U522a-5.jpg)
用户类似问题：
问题1：网页设计基本尺寸
一般只设计宽度，现在国内网站的宽度一般是950到1024之间吧，如果是做门户类网站，建议宽度是960像素，高度就看你有多少内容，这个是不限定的。如果 是做企业站或者时尚一些的网站，就可以是980像素或者1000像素左右。 >>详细
问题2：PS网页设计尺寸设定
这是我在站酷网上看见的一片文章，不知道原文在哪里，若是作者看见了，不让弄上的话，通知我，我可以删除。 >>详细
问题3：网页设计的尺寸大小是多少，宽度应该是多少？？？
其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px,1200px宽度发展，例如淘宝(1000px）京东商城（1200px）。如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据... >>详细
问题4：网页设计问题
我了个去啊，您这是一点不会吧?你确定这样你要做个人网站。。。还不如直接找个人帮你做掉算了，真是，，，，让我想到的是考试答卷埃您这个╮(╯▽╰)╭ 1、试描述建设个人网站的基本步骤。 前期准备工作，你要有一个域名和域名空间，好了不要问我什么... >>详细
问题5：网页设计的内容 如何计算所占位置的大小?
//返回web页面的视口宽度和高度 function window_size() { var wdth=0; var hth=0; if(!window.innerWidth) { wdth=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth); hth=(document.do... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-