網(wǎng)頁設(shè)計的尺寸大小
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
網(wǎng)頁設(shè)計在初始要界定出網(wǎng)頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設(shè)計.
網(wǎng)頁的尺寸受限于兩個因素:一個是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個是瀏覽器軟件,就是我們常用的IE,遨游,Friefox等. 高度: 高度是可以向下延展的,所以一般對高度不限制. 對于一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件占了半個屏幕,所以高度沒有確切值。 寬度: 1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網(wǎng)頁多高都會有右側(cè)的滾動條框。 2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001 注:Firefox或Opear在內(nèi)容少于瀏覽器高度時不顯示右側(cè)滾動條。 所以如果是1024的分辨率,你的網(wǎng)頁不如設(shè)成1000安全一點。設(shè)成900兩側(cè)空白更大,視覺上更舒服一點.也方便做一些浮動層的設(shè)計. 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設(shè)定的再稍微小一點,應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁設(shè)計標(biāo)準(zhǔn)尺寸: 1、800*600下,網(wǎng)頁寬度保持在778以內(nèi),就不會出現(xiàn)水平滾動條,高度則視版面和內(nèi)容決定。 2、1024*768下,網(wǎng)頁寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏,頁面的下方又不會出現(xiàn)滑動條,尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現(xiàn)象. 頁面標(biāo)準(zhǔn)按800*600分辨率制作,實際尺寸為778*434px 頁面長度原則上不超過3屏,寬度不超過1屏 每個標(biāo)準(zhǔn)頁面為A4幅面大小,即8.5X11英寸 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K 標(biāo)準(zhǔn)網(wǎng)頁廣告尺寸規(guī)格 一、120*120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60,這種廣告規(guī)格主要用于做LOGO使用。 三、120*90,主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125,這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60,這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。 六、392*72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。 七、468*60,應(yīng)用最為廣泛的廣告條尺寸,用于頁眉或頁腳。 八、88*31,主要用于網(wǎng)頁鏈接,或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運動效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片,F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200(可做不規(guī)則形狀但尺寸不能超過300*200) 30K 播放時間 小于5秒60幀(1秒/12幀) 網(wǎng)頁中的廣告尺寸 1.首頁右上,尺寸120*60 2.首頁頂部通欄,尺寸468*60 3.首頁頂部通欄,尺寸760*60 4.首頁中部通欄,尺寸580*60 5.內(nèi)頁頂部通欄,尺寸468*60 6.內(nèi)頁頂部通欄,尺寸760*60 7.內(nèi)頁左上,尺寸150*60或300*300 8.下載地址頁面,尺寸560*60或468*60 9.內(nèi)頁底部通欄,尺寸760*60 10.左漂浮,尺寸80*80或100*100 文章來源:http://hi.baidu.com/2007hjl/blog/item/3b699a8b0a5ebc769e2fb49f.html 該文章在 2010/2/2 0:49:57 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |