- 相關(guān)推薦
使用Dreamweaver制作網(wǎng)頁(yè)常用尺寸有哪些
網(wǎng)頁(yè)常用尺寸
這里只是常用尺寸,有些尺寸還是要按實(shí)際而定的,他不像印刷尺寸是死的,這里的每一個(gè)尺寸都是活的.W3C并沒(méi)有制定標準的網(wǎng)頁(yè)設計尺寸,所以下面的尺寸只供參考.
工具/原料
Dreamweaver CS3 word
步驟/方法
1,800*600下，網(wǎng)頁(yè)寬度保持在778以?xún)�，就不�?huì )出現水平滾動(dòng)條，高度則視版面和內容決定。
2,1024*768下，網(wǎng)頁(yè)寬度保持在1002以?xún)�，如果滿(mǎn)框顯示的話(huà),高度是612-615之間.就不會(huì )出現水平滾動(dòng)條和垂直滾動(dòng)條。
3,在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì )出現滑動(dòng)條，尺寸為740*560左右
4,在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì )有失色的現象.
5,頁(yè)面標準按800*600分辨率制作，實(shí)際尺寸為778*434px
頁(yè)面長(cháng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏
每個(gè)標準頁(yè)面為A4幅面大小，即8.5X11英寸
6,全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標準尺寸
每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節不超過(guò)60K，全尺寸banner不超過(guò)14K
7,標準網(wǎng)頁(yè)廣告尺寸規格
一、120*120，這種廣告規格適用于產(chǎn)品或新聞?wù)掌故尽?/p>
二、120*60，這種廣告規格主要用于做LOGO使用。
三、120*90，主要應用于產(chǎn)品演示或大型LOGO。
四、125*125，這種規格適于表現照片效果的圖像廣告。
五、234*60，這種規格適用于框架或左右形式主頁(yè)的廣告鏈接。
六、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。
七、468*60，應用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。
八、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。
8
廣告形式像素大小最大尺寸備注
BUTTON 120*60(必須用gif) 7K
215*50(必須用gif) 7K
通欄760*100 25K 靜態(tài)圖片或減少運動(dòng)效果
430*50 15K
超級通欄760*100 to 760*200 共40K 靜態(tài)圖片或減少運動(dòng)效果
巨幅廣告336*280 35K
585*120
豎邊廣告130*300 25K
全屏廣告800*600 40K 必須為靜態(tài)圖片，FLASH格式
圖文混排各頻道不同15K
彈出窗口400*300(盡量用gif) 40K
BANNER 468*60(盡量用gif) 18K
懸停按鈕80*80(必須用gif) 7K
流媒體300*200(可做不規則形狀但尺寸不能超過(guò)300*200) 30K 播放時(shí)間小于5秒60幀(1秒/12幀)
9
網(wǎng)頁(yè)中的廣告尺寸
1.首頁(yè)右上，尺寸120*60
2.首頁(yè)頂部通欄，尺寸468*60
3.首頁(yè)頂部通欄，尺寸760*60
4.首頁(yè)中部通欄，尺寸580*60
5.內頁(yè)頂部通欄，尺寸468*60
6.內頁(yè)頂部通欄，尺寸760*60
7.內頁(yè)左上，尺寸150*60或300*300
8.下載地址頁(yè)面，尺寸560*60或468*60
9.內頁(yè)底部通欄，尺寸760*60
10.左漂浮，尺寸80*80或100*100
11.右漂浮，尺寸80*80或100*100以上幾種說(shuō)法可能有點(diǎn)小的出入，大家可以探討一下。
10
IAB和EIAA發(fā)布新的網(wǎng)絡(luò )廣告尺寸標準
在這6種格式中，除了去年iab發(fā)布的4種“通用廣告包”中的格式：160x600, 300x250, 180x150及728x90，還包括新公布的468x60 和120x600(擎天柱)2種。
[使用Dreamweaver制作網(wǎng)頁(yè)常用尺寸有哪些]相關(guān)文章：
1.使用Dreamweaver制作網(wǎng)頁(yè)常用尺寸有哪些
2.Dreamweaver網(wǎng)頁(yè)設計形成性考核冊
【使用Dreamweaver制作網(wǎng)頁(yè)常用尺寸有哪些】相關(guān)文章：
《網(wǎng)頁(yè)的制作》教案01-16
網(wǎng)頁(yè)制作的心得12-08
網(wǎng)頁(yè)制作員工作04-26
網(wǎng)頁(yè)設計與制作報告01-04
網(wǎng)頁(yè)設計與制作心得12-12