资源预览内容
第1页 / 共10页
第2页 / 共10页
第3页 / 共10页
第4页 / 共10页
第5页 / 共10页
第6页 / 共10页
第7页 / 共10页
第8页 / 共10页
第9页 / 共10页
第10页 / 共10页
亲,该文档总共10页全部预览完了,如果喜欢就下载吧!
资源描述
浅谈网页页面尺寸网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等.高度:高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。宽度:1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成10053、在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之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、在PS里做的图到了网上就不一样了,颜色等等方面,因为上面只用到安全色,而中的或者以及或者的色域很宽颜色范围很广,所以自然会有失色的现象.页面标准按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)7K7K通栏760*100430*5025K15K静态图片或减少运动效果超级通栏760*100 to 760*200共40K静态图片或减少运动效果巨幅广告336*280585*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*604、首页中部通栏,尺寸580*60 5、内页顶部通栏,尺寸468*60 6、内页顶部通栏,尺寸760*607、内页左上,尺寸150*60或300*300 8、下载地址页面,尺寸560*60或468*609、内页底部通栏,尺寸760*60 10、左漂浮,尺寸80*80或100*10011、右漂浮,尺寸80*80或100*100以上几种说法可能有点小的出入,大家可以探讨一下。IAB和EIAA发布新的网络广告尺寸标准 在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。英文字体I.Amosis Technik(活泼)II.Hattenschweiler(肃穆)III.Patrician Sample(流畅)IV.SF Quantzite(庄重)V.SF Quartzite OutLine(衬托)VI.Arial(作特殊英文字体以示区别)应用场合:Banner:I,VI,4,7,8,9,11Nav_button:1,2,7,10公司英文名称:II,IV,VI公司汉语名称:8,11,12中文字体1.宋体2.黑体3.方正大标宋简体4.方正大黑简体5.华文行楷6.文鼎大标宋简7.文鼎粗圆简8.文鼎特粗宋简9.文鼎特粗圆简10.文鼎特圆简11.文鼎新艺体简12.方正粗倩体快捷键文件菜单新建文档 Ctrl+N 打开一个 HTML文件 Ctrl+O或者将文件从文件管理器或站点窗口拖动到文档窗口中 在框架中打开 Ctrl+Shift+O 关闭 Ctrl+W 保存 Ctrl+S 另存为 Ctrl+Shift+S 检查链接 Shift + F8 退出 Ctrl+Q 编辑菜单撤消 Ctrl+Z 重复 Ctrl+Y 或 Ctrl+Shift+Z 剪切 Ctrl+X 或Shift+Del 拷贝 Ctrl+C 或Ctrl+Ins 粘贴 Ctrl+V 或Shift+Ins 清除 Delete 全选 Ctrl+A 选择父标签 Ctrl+Shift+ 查找和替换 Ctrl+F 查找下一个 F3 缩进代码 Ctrl+Shift+ 左缩进代码 Ctrl+Shift+ 平衡大括弧 Ctrl+ 启动外部编辑器 Ctrl+E 参数选择 Ctrl+U 页面视图标准视图 Ctrl+Shift+F6 布局视图 Ctrl+F6 工具条 Ctrl+Shift+T 查看页面元素可视化助理 Ctrl+Shift+I 标尺 Ctrl+Alt+R 显示网格 Ctrl+Alt+G 靠齐到网格 Ctrl+Alt+Shift+G 头内容 Ctrl+Shift+W 页面属性 Ctrl+J 代码编辑切换到下一个设计页面 Ctrl+Tab 打开快速标签编辑器 Ctrl+T 选择父标签 Ctrl+Shift+无 Ctrl+0 (零) 段落格式 Ctrl+Shift+P 应用标题1到6到段落 Ctrl+1 到 6 对齐左对齐 Ctrl+Shift+Alt+L 对齐居中 Ctrl+Shift+Alt+C 对齐右对齐 Ctrl+Shift+Alt+R 加粗选定文本 Ctrl+B 倾斜选定文本 Ctrl+I 编辑样式表 Ctrl+Shift+E 查找和替换文本查找 Ctrl+F 查找下一个/再查找 F3 替换 Ctrl+H 处理表格选择表格(光标在表格中) Ctrl+A 移动到下一单元格 Tab 移动到上一单元格 Shift+Tab 插入行(在当前行之前) Ctrl+M 在表格末插入一行 在最后一个单元格 Tab 删除当前行 Ctrl+Shift+M 插入列 Ctrl+Shift+A 删除列 Ctrl+Shift+ - (连字符) 合并单元格 Ctrl+Alt+M 拆分单元格 Ctrl+Alt+S 更新表格布局(在“快速表格编辑”模式中强制重绘) Ctrl+Spacebar 处理框架选择框架 框架中Alt+点击 选择下一框架或框架页 Alt+右方向键 选择上一框架或框架页 Alt+左方向键 选择父框架 Alt+上方向键 选择子框架或框架页 Alt+下方向键 添加新框架到框架页 Alt+从框架边界拖动 使用推模式添加新框架到框架页 Alt+Ctrl+从框架边界拖动 处理层选择层 Ctrl+Sh
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号