网页设计两侧尺寸控制

1、网页设计中边框里的图片如何控制其大小？

可以在css文件里设置图片的长宽及图片的浮动等各种特效。即用width、和height强制改变图片的大小。如：
.a{background:url(tupian.jpg);width=20px;height=20px;} 说明：.a是类选择器，调用时<标签名 class="类名">（这里类名为a），url里面是图片的位置及名称。width、height即强制改变的图片的大小。
还有一种方式是可以借助电脑的画图工具将图片的大小改成目标大小，然后保存后也可以直接调用图片。

2、网页设计最合适的页面尺寸是多少？

网页设计标准尺寸：

1. 800×600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2. 1024×768下，网页宽度保持在1002以内，如果满框显示的话，高度是612눯之间，就不会出现水平滚动条和垂直滚动条。

3. 在ps里面做网页可以在800×600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740×560左右。

4. 在PS里做的图到了网上就不一样了，颜色等等方面，因为web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。

3、网页设计合适的页面尺寸是多少？

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

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

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

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

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

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

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

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

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

(4)网页设计两侧尺寸控制扩展资料

网页设计中的注意事项：

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

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

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

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

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

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

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

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

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

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

效果图：

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

5、网页设计宽度多少是最好啊？

网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多，以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器，甚至是17寸的。

另一个是浏览器软件，就是我们常用的IE，Friefox，360浏览器等。

基本上网页宽带是屏幕大小减去22px就是页面的宽度，比如对于800*600分辨率的屏幕，页面的宽度要低于778像素，1024的宽度的页
面要设置成不大于1002px(一般就是950或者960)，等等。当然还有些人觉得设置成fixed比较好，就是满屏，100%宽度。

目前各大网站基本在960/950为主，促使各大网站改为宽屏的原因是，1024*768分辨率的浏览器早已成为主流，更宽的屏幕也越来越多，比如1280*1024。而这些网站的宽度，大都是950px/960px而非1002px(腾讯网的是1002px)。

这个问题上面每个人的观点是不一样的，我认为这里主要要考虑两个因素：

视觉效果和用户体验。

从视觉效果来说，屏幕边缘区域并不是用户的有效视觉区域，也就是说，用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站，两边都会留20px左右的空白(而且这样看起来更加舒服)。

而从用户体验来说，太宽的屏幕，意味着一行会有更多的字，这一点是不好的。大家在看报纸或看书的时候会注意到分栏，比如报纸，无论是对开还是4
开的报纸，都会分成几栏来显示，如南方都市报是分5栏，每栏15个5号字，这样就很容易阅读，如果不分栏，那么就相当于一行75个字，只有一两行字的话还
行，如有二十几行，谁能读下去?!

现在显示器的屏幕越来越宽，如果网页的宽度也一味的宽下去，用户肯定要纠结了!

所以，我认为950-980的页面宽度是最合适的。
网页设计原则：http://www.wzyunying.com/post/74.html

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

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

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

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

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

8、网页设计一般页面尺寸怎么设置呢？

长是不用设置的
宽度为930~960看起来会舒服一些

9、网页设计的尺寸大小是多少，宽度应该是多少？？？

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