仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 653|回复: 7
打印 上一主题 下一主题

[DIV+CSS] CSS教程之网页计划尺度尺寸

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:38:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
最后你还得知道,你所用的工具,你可能认为Dreamweaver很好,没错,它的确不错,但你要认识到,当你熟练使用了这门技术,你就可以在任何文本编辑器中编写网页,甚至在记事本中。



网页计划尺度尺寸:
1、800*600下,网页宽度坚持在778之内,就不会呈现程度转动条,高度则视版面和内容决意。
2、1024*768下,网页宽度坚持在1002之内,假如满框显现的话,高度是612-615之间.就不会呈现程度转动条和垂直转动条。(在dw内里有设定好的尺度值,1024*768页面的尺度巨细是955*600,照着它的尺寸做就好了)
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
尺度网页告白尺寸规格
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。

告白情势像素巨细最年夜尺寸备注BUTTON120*60(必需用gif)
215*50(必需用gif)
7K
7K通栏760*100
430*5025K
15K静态图片或削减活动效果超等通栏760*100to760*200共40K静态图片或削减活动效果巨幅告白336*280
585*12035K竖边告白130*30025K全屏告白800*60040K必需为静态图片,Flash格局图文混排各频道分歧15K弹出窗口400*300(只管用gif)40KBANNER468*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
以上几种说法大概有点小的收支,人人能够切磋一下。
IAB和EIAA公布新的收集告白尺寸尺度
在这6种格局中,除客岁iab公布的4种“通用告白包”中的格局:160x600,300x250,180x150及728x90,还包含新发布的468x60和120x600(擎天柱)2种。


外补丁margin呢,它代表了DIV(盒子)和DIV(盒子)之间的距离,而内补丁padding则是大盒子(DIV)和里面的盒子(DIV)的距离(盒子(DIV)里面可以放盒子(DIV)哦)。
沙发
发表于 2015-1-18 07:32:12 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
若天明 该用户已被删除
板凳
发表于 2015-1-25 08:47:21 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
简单生活 该用户已被删除
地板
发表于 2015-2-2 21:39:22 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-24 23:53:53 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
透明 该用户已被删除
6#
发表于 2015-3-7 14:49:09 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
精灵巫婆 该用户已被删除
7#
 楼主| 发表于 2015-3-15 08:52:06 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
柔情似水 该用户已被删除
8#
发表于 2015-3-22 00:21:15 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-30 00:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表