网页页面尺寸一般设置多大才合适
2013-10-20 12:23
253 查看
网页页面尺寸一般设置多大才合适
网页设计在初始要界定出网页的尺寸大小
.
就像绘画给出一块画版来
.
这样才能方便设计
.
网页的尺寸受限于两个因素
:
一个是显示器屏幕
.
显示器现在种类很多
,
以
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
左
右
.
网页设计标准尺寸
:
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
现在家庭用的电脑型号比较多,分辨率不同,有
800*600
、宽屏的
1024*768
、
1440*900
等等,做网页
,
一般把
页面的宽度设置为多少像素最合适,要方便大部分人浏览
?
页面的宽度设置要根据大众的显示器支持多少分辨率而设定的
,
要是超过了,就会有网页显示不全的弊端。
以前大多用户还是基于
800*600
的分辨率显示
,
当时用
778
这个宽度值了
,
反正用
778
这个值可以兼容多级用户
的。
一般现在的用户的显示器分辨率都在
1024*768
或者更高
,
那么你的网页的宽度可以设为
1003,1003
是最完美的
效果,高度那就没有限制了
,
内容多了
,
高度自然也就高了
.
目前,比较流行的网页宽度是
960px
左右,因为,这个宽度能兼容大部分显示器。
下面讨论
1024
或更大宽度的情况下,先看下各大网站(如有错误,敬请指正):
新浪:
950 px
网易:
960 px
腾讯:
910 px
搜狐:
950 px
中学生学习网:
960 px
校内网:
960px
csdn
:
960 px
通过上面几个不同类型的网站,除腾讯用了
910px
外,其余的不是
950px
,就是
960px
。
网页设计在初始要界定出网页的尺寸大小
.
就像绘画给出一块画版来
.
这样才能方便设计
.
网页的尺寸受限于两个因素
:
一个是显示器屏幕
.
显示器现在种类很多
,
以
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
左
右
.
网页设计标准尺寸
:
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
现在家庭用的电脑型号比较多,分辨率不同,有
800*600
、宽屏的
1024*768
、
1440*900
等等,做网页
,
一般把
页面的宽度设置为多少像素最合适,要方便大部分人浏览
?
页面的宽度设置要根据大众的显示器支持多少分辨率而设定的
,
要是超过了,就会有网页显示不全的弊端。
以前大多用户还是基于
800*600
的分辨率显示
,
当时用
778
这个宽度值了
,
反正用
778
这个值可以兼容多级用户
的。
一般现在的用户的显示器分辨率都在
1024*768
或者更高
,
那么你的网页的宽度可以设为
1003,1003
是最完美的
效果,高度那就没有限制了
,
内容多了
,
高度自然也就高了
.
目前,比较流行的网页宽度是
960px
左右,因为,这个宽度能兼容大部分显示器。
下面讨论
1024
或更大宽度的情况下,先看下各大网站(如有错误,敬请指正):
新浪:
950 px
网易:
960 px
腾讯:
910 px
搜狐:
950 px
中学生学习网:
960 px
校内网:
960px
csdn
:
960 px
通过上面几个不同类型的网站,除腾讯用了
910px
外,其余的不是
950px
,就是
960px
。
相关文章推荐
- 网页页面尺寸一般设置多大才合适
- 网页页面尺寸一般设置多大才合适
- 一般网页宽度设置多少像素合适?
- 网页设计中的页面尺寸标准
- JNI 开发经典案例之——卸载APK 跳转到特定网页(一般为反馈页面)学习
- Inno Setup设置在安装Finished页面,点击finish后打开网页
- 做网站多大宽度合适?---看各大门户页面宽度
- InnoDB log file 设置多大合适?
- 网页打印问题,打印设置,打印预览,打印分页,纵打,横打及页面的边距
- 移动端页面的尺寸设置
- 网页设计中的页面尺寸标准
- ASP编写一个网页界面,页面中设置按钮,按钮能够调用外部命令行程序
- 多少像素才合适 网页设计标准尺寸大讲解
- 网页页面中各种元素尺寸大小
- 网页弹出窗口不缓存页面设置
- 使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面
- 12月2日 晴 星期三 心情一般 复制网页内容时,自动附加来源信息和页面地址
- 手机页面尺寸设置(一)
- win10 32位系统,Chrome无法成功安装以及安装之后无法解析网页和设置页面的问题
- Windows 和 Linux下使用socket下载网页页面内容(可设置接收/发送超时)的代码