导航:首页 > 万维百科 > 如何设计网页页面尺寸

如何设计网页页面尺寸

发布时间:2021-03-02 23:53:59

1、网页设计中页面的尺寸怎么定?用PS设计的时候有哪些注意事项?才能在切图的时候符合网页布局?

宽度大概在960~1000px; 但是有的时候你需要考虑网页中1000以外的东西怎么延伸和扩展问题。因为目前为止,最小的分辨率是1024的,所以符合最小分辨率的就可以。

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

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

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

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

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

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

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

(2)如何设计网页页面尺寸扩展资料

网页设计中的注意事项:

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

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

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

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

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

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

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

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

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

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

效果图:

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

3、在做网页设计时 如何设定尺寸

我一般的做法是参照某一个网页,然后利用QQ截图选中要制作的部分,这时候可以看到截图的长度和宽度,就可以知道尺寸了。望采纳

4、如何设置html页面的大小

html是个容器,它的宽度和高度与显示器分辨率有关。
如果你的网页中放置的对象版是无格权式的文本,将自动按分辨率的宽度排列(全屏显示时)或浏览器当前窗口的宽度排列,自动换行,当高度超过显示器分辨率的高度或浏览器当前窗口的高度时,会自动出现滚动条;如是有一定大小的表格的表格或其它对象,那么容不下时,自动出现滚动条。
你想控制所显示的内容所占范围,可以将它放到容器中,如表格或DIV中,通过控制容器大小来控制内容的范围的大小,也可能就是你所说的html页面的大小。
body的属性中是没有宽度和高度的。

5、网页制作中怎样改变网页的大小?

打开网页后,有时会遇到显示文字太大或太小、看起来不方便的情况。此回时要想在Internet Explorer上改变文字大小答的话,从菜单的“查看”选项中选择“文字大小”,再选定“大”等各种尺寸。

但如果网页已经将文字大小固定下来时,这种方法就不好用了。此时要想改变文字大小,就得打开Internet Explorer的“工具”选项,选择“Internet选项”。在显示面面的“常规”页标中,点击“辅助功能”。在展开菜单中选择“不使用网页中指定的字体大小”并点击“确定”。然后再对上一层菜单也点击“确定”。这样在Internet Explorer菜单“查看”选项中的“文字大小”处就可以改变文字的大小了。

但如果设定为“不使用网页中指定的字体大小”的话,网页画面可能会显示不充分。因此一般情况下最好是取消以上选定,只在必要的时候再进行选定以便改变文字的大小。

6、网页一般设置尺寸是多大呢 怎么知道什么网页需要什么尺寸?

高度:
高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

宽度:
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左右.

网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
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

7、网页设计一般页面尺寸怎么设置呢?

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

8、PS排版网页,应如何设置页面大小?

不合适,最好适应主流显示器,做成1000的比较好

因为如果你做成1360宽的话,17寸显示器看起来就会有横向滚动条,只显示一半左右。

如果你做成1000宽度,无论是17,19,或者更大的显示,都会显示完整,你看新浪搜狐的页面大小都在1000以内。

9、html页面怎么设置页面宽度

1、直接设置选择标记的宽度。首先,在文件中创建一个新的HTML文件和两内个select下拉列表

2、然后容在顶部的head标记中设置样式表。首先,设置第一个选择标记的宽度。在这里,将select1的样式标签的宽度设置为300px,这是一个精确的值,并设置高度和背景色,以便查看下一步的效果:

3、然后设置select2的宽度。在这里,使用百分比设置宽度。百分比代表整个屏幕的比例,设置为50%:


4、最后,当进入浏览器时,可以看到两个具有不同宽度的选择下拉列表。上面是控制HTML页面中下拉列表宽度的方法:

10、怎么设置页面大小

以WPS 2019为例,在页面布局选项卡下找到纸张大小,可设置页面大小

与如何设计网页页面尺寸相关的知识