最新网页设计尺寸规范是什么?
网页设计标准尺寸:800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
如果是大屏幕设备,则向页面head部分中添加BASE标记,并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router"。
当这些请求到达服务器端,htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片",并进行相应的反馈输出。对于小屏幕的移动设备,原始尺寸的大图片永远不会被用到。
通过液态网格和液态图片技术,并且在正确的地方使用了正确的HTML标记。
响应式图片技术思想:不仅要同比的缩放图片,还要在小设备上降低图片自身的分辨率。这个技术的实现需要使用几个相关文件,我们可以在Github上获取。
包括一个JavaScript文件(rwd-images.js),一个.htaccess文件,以及一些范例资源文件。大致的原理是,rwd-images.js会检测当前设备的屏幕分辨率。
网页设计常用尺寸大小
网页设计常用尺寸大小
网页的.宽度
现在比较流行的网页宽度是950px,网页两边留出少许白边,简洁又大方。 1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615
之间.就不会出现水平滚动条和垂直滚动条。 网页设计中常用的广告尺寸
BUTTON
120*60
215*50
通栏
760*100
430*50
超级通栏 760*100或者760*200 巨幅广告
336*280
585*120
竖边广告 130*300 全屏广告 800*600 弹出窗口 400*300 BANNER 468*60 悬停按钮 80*80 流媒体
300*200
国际标准的网页BANNER大小规格 横幅广告(Banner)
文件大小:gif:14K/swf:16K
广告尺寸:468*60像素
广告位置:页面顶部
按钮广告(Button)
文件大小:gif:6K/swf:8K
广告尺寸:170*60/120*60像素 广告位置:第一屏 第二屏
备注:触发式LOGO,弹出图片尺寸为160*160 文件大小gif:9K/swf:12K
弹出窗口广告(Pop up)
文件大小:gif:18K/swf:20K
广告尺寸:360*300像素
广告位置:第一屏
通栏广告(Full collumn)
文件大小:gif:20K/swf:25K
广告尺寸:770*100像素
广告位置:第一屏 第二屏
流媒体(Flash layer)
文件大小:swf:25K
广告尺寸:200*150像素
广告位置:第一屏
形式:浏览打开页面,该广告放映8秒后消失
画中画(PIP)
文件大小:gif:20K/swf:25K
广告尺寸:360*300像素
广告位置:新闻最终页面
浮动标识(Float box)
文件大小:gif/swf/flash8k
广告尺寸:80*80像素
广告位置:第一屏右侧
全屏收缩广告 (Full screen)
文件大小:gif:20K
广告尺寸:750*550像素
广告位置:第一屏
形式:打开浏览页面前该广告以全屏形式出现3-5秒,随后消失 擎天柱(Sky-scraper)
文件大小:gif:15K/swf:17K
广告尺寸:130*200像素
广告位置:第一屏 第二屏
视频广告
文件大小:gif/swf/flash8k
广告尺寸:300*250像素
广告位置:第一屏两侧
文字链接(Text link)
规格:不超过10个汉字
广告位置:第一屏 第二屏
备注:文字链接长度以不折行为准
网页设计LOGO的标准尺寸
120×120 这种广告规格适用于产品或新闻照片展示。 120×60 这种广告规格主要用于做LOGO使用。 120×90 主要应用于产品演示或大型LOGO。 88×31
主要用于网页底部友情链接中的LOGO,或网站小型LOGO。 ;
一般网页的尺寸规范是多少?
网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960
随着电脑的发展,显示器是越来越大,分辨率也是越来越高,为了照顾所有不同显示器的用户,把网站的制作尺寸规范就定在1024*768下,网页宽度保持在1002-1004以内,高度还是以根据需要制作的内容在定,如果只想网页只在一屏内显示,不要上下滚动条, 一般高度是600-635像素之间, 就不会出现垂直滚动条。
在ps里面做网页可以在1003*600状态下显示全屏,页面的下方也不会出现滑动条,尺寸为1003*650像素左右 。
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
网站页面大小其实并没有一个统一的标准,不过网站建设好之后要记得测试各浏览器的兼容性,很可能在IE没问题的情况下,其他浏览器出现错位的情况。
暂无评论
发表评论