在html如何设计页面大小,网页设计中页面尺寸标准
网页设计中页面尺寸标准
在刚开始进行美工设计的人,对网页设计页面尺寸一般多大,可能会有疑问。下面是小编为大家整理的网页设计中页面尺寸标准,欢迎参考~
对于固定宽度的网站布局,设计师常用的.分辨率有:760px、780px、920px、950px等,如今大尺寸、宽屏幕的显示器越来越多,越来越普及,有些设计师也开始采用1000px、1003px这样的分辨率。
页面最大化、满屏化的网站看着的确是舒服,但过高的分辨率在设计师显示器上合适,并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024*768,在这种分辨率下,含滚动条的页面最大宽度应不超过994px,所以一般页面宽度定位在990px以内比较适宜。
这一讲主要来说说网页设计的标准尺寸
一、在800*600分辨率下,页面宽度应在778px以内,这样不会出现横向滚动条,高度可以依据版面和内容而定。
二、在1024*768分辨率下,页面宽度应在1003px以内,如果仅一屏显示的页面,高度在612px~615px之间,这样横向和纵向滚动条都不会出现。
三、在photoshop中做800*600分辨率下仅一屏的网页时,尺寸可以设为740*560左右。
页面标准按800*600分辨率制作,尺寸为778px*434px
页面长度一般不要超过三屏,宽度不宜出现横向滚动条为宜
每个标准页面为A4幅面大小,即8.5*11英寸
全尺寸banner为468px*60px,半尺寸banner为234px*60px,小banner为88px*31px
小图标的标准尺寸还有120px*90px、120px*60px等
每个非首页静态页面含图片字节不超过60K,全尺寸banner不宜超过14k
标准网页广告尺寸规格
1、120*120,这种广告规格适用于产品或新闻照片展示。
2、120*60,这种广告规格主要用于做LOGO使用。
3、120*90,主要应用于产品演示或大型LOGO。
4、125*125,这种规格适于表现照片效果的图像广告。
5、234*60,这种规格适用于框架或左右形式主页的广告链接。
6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。
7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。
8、88*31,主要用于网页链接,或网站小型LOGO。
广告形式 像素大小 最大尺寸 备注
BUTTON 120*60(必须用gif) 7K
215*50(必须用gif) 7K
通栏 760*100 25K 静态图片或减少运动效果
430*50 15K
超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果
巨幅广告 336*280 35K
585*120
竖边广告 130*300 25K
全屏广告 800*600 40K 必须为静态图片,FLASH格式
图文混排 各频道不同 15K
弹出窗口 400*300(尽量用gif) 40K
BANNER 468*60(尽量用gif) 18K
悬停按钮 80*80(必须用gif) 7K
流媒体 300*200
(可做不规则形状但尺寸不能超过300*200) 30K 播放时间小于5秒60帧(1秒/12帧)
网页中的广告尺寸
1.首页右上,尺寸120*60
2.首页顶部通栏,尺寸468*60
3.首页顶部通栏,尺寸760*60
4.首页中部通栏,尺寸580*60
5.内页顶部通栏,尺寸468*60
6.内页顶部通栏,尺寸760*60
7.内页左上,尺寸150*60或300*300
8.下载地址页面,尺寸560*60或468*60
9.内页底部通栏,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100
以上几种说法可能有点小的出入,大家可以探讨一下。
【网页设计中页面尺寸标准】相关文章:
在html如何设计页面大小,网页设计中页面尺寸标准相关推荐
- 学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS)
学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页 ...
- 学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS)...
学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页 ...
- HTML+CSS期末大作业——中华传统文化题材学生网页设计成品(6页面) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
- HTML期末大作业~ 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS)...
HTML期末大作业~ 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网 ...
- 学生HTML个人网页作业作品 ~ 超级英雄11页面网页设计成品~ 学生网页设计作业源码
学生HTML个人网页作业作品 ~ 超级英雄11页面网页设计成品~ 学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量 ...
- HTML期末大作业~ 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS)
HTML期末大作业~ 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网 ...
- web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...
web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- HTML+CSS期末大作业——中华传统文化题材学生网页设计成品(6页面) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML+CSS期末大作业--中华传统文化题材学生网页设计成品(6页面) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. 美食. 公司. ...
- HTML5期末大作业:商城网站设计——小米商城官网首页(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
HTML5期末大作业:商城网站设计--小米商城官网首页(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计 ...
- HTML5期末大作业:电影网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
HTML5期末大作业:电影网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计作业 ...
最新文章
- 物联网的层次结构如何划分?
- 湖南科技学院计算机科学与技术分数,湖南科技学院计算机科学与技术专业2016年在河南理科高考录取最低分数线...
- mySQL教程 第10章 事务和锁
- subprocess installed post-installation script returned error exit status 1
- 085_Document对象
- HDU6156 Palindrome Function
- 命令2-Create Project Tree
- HNCU 1328: 算法2-18~2-19:双向循环链表
- JavaScript高级笔记
- android管理员和普通用户登录,asp登录页如何区别管理员和普通用户,登录后跳转到不同页面?...
- 神奇的css3(2)动画
- 取得程序运行的目录[360度]
- android蓝牙hfp client使用例
- 二进制中 等比数列求和公式
- Python获取基金收益计算
- kotlin 开发桌面应用_2020-21年Kotlin应用开发十大公司
- 唱吧android逆向加密算法笔记 此文章已做脱敏处理不会对原厂家app安全构成威胁,仅供学习
- 多波束测深系统工作原理及组成,多波束在无人船上的应用
- 数据科学入门与细分数据领域盘点
- iOS之券商唯品会接入总结
热门文章
- 多元统计分析R语言建模| 1 多元数据的数学表达
- 网络安全与渗透:sql注入,一文详解(九)此生无悔入华夏,男儿何不带吴钩
- android qq分享纯图片,手机照片批量上传QQ空间一键分享省流量
- Java生成PDF文件(转)
- 1959年第一台电子计算机,1、 一般认为,世界上第一台电子数字计算机诞生于______。 A.1946年 B.1952年 C.1959年 D.1962年...
- hihocoder题目选讲
- linux的常用命令
- 转行开始的前端填坑之路
- vscode文件名颜色含义与右侧字母含义
- 微信公众账号开发教程(三) 实例入门:机器人(附源码) ——转自http://www.cnblogs.com/yank/p/3409308.html...