網頁製作的尺寸

2021-09-27 09:43:14 字數 3505 閱讀 1571

網頁製作尺寸規格~~~~!

(在dw裡面有設定好的標準值, 1024*768頁面的標準大小是955*600,照著它的尺寸做就行了)

由於頁面尺寸和顯示器大小及解析度有關係,網頁的侷限性就在於你無法突破顯示器的範圍,而且因為瀏覽器也將占去不少空間,留下給你的頁面範圍變得越來越小。一般解析度在800x600的情況下,頁面的顯示尺寸為:780x428個象素;解析度在640x480的情況下,頁面的顯示尺寸為:620x311個象素;解析度在1024x768的情況下,頁面的顯示尺寸為:1007x600。從以上資料可以看出,解析度越高頁面尺寸越大。

瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加,那麼當你顯示全部的工具欄時,和關閉全部工具欄時,頁面的尺寸是不一樣的。

1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。

2、1024*768下,網頁寬度保持在1002以內,就不會出現水平滾動條,高度則視版面和內決定。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右  

4、在ps裡做的圖到了網上就不一樣了,顏色等等方面,因為web上面只用到256web安全色,而ps中的rgb或者cmyk以及lab或者hsb的色域很寬顏色範圍很廣,所以自然會有失色的現象

5、1024*768 下網頁的尺寸:width=955,height=600

800*600 下網頁的尺寸:width=760,height=420

一般解析度在800x600的情況下,頁面的顯示尺寸為:780x428個象素;

解析度在640x480的情況下,頁面的顯示尺寸為:620x311個象素;

解析度在1024x768的情況下,頁面的顯示尺寸為:1007x600

頁面標準按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

468*60 全尺寸banner

392*72 全尺寸帶導航條banner

234*60 半尺寸banner

125*125 方形按鈕

120*90 按鈕#1

120*60 按鈕#2

88*31 小按鈕

120*240 垂直banner

當然這只是一般意義的對訪問者比較友好的設定,很多設計型的頁面並不是按照這個尺寸,正所謂藝高人膽大嘛,只要記住一條,站在使用者的角度去想,明白自己所設定的尺寸在顯示器裡的大概樣子就可以了。法終究是無定法的。

參考:網頁設計標準尺寸:

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

標準網頁廣告尺寸規格

一、120*120,這種廣告規格適用於產品或新聞**展示。

二、120*60,這種廣告規格主要用於做logo使用。

三、120*90,主要應用於產品演示或大型logo。

四、125*125,這種規格適於表現**效果的影象廣告。

五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈結。

六、392*72,主要用於有較多展示的廣告條,用於頁首或頁尾。

七、468*60,應用最為廣泛的廣告條尺寸,用於頁首或頁尾。

廣告形式         畫素大小                    最大尺寸            備註

button         120*60(必須用gif)             7k  

215*50(必須用gif)             7k

通欄           760*100                       25k               靜態或減少運動效果

430*50                        15k             

超級通欄       760*100 to 760*200            共40k           靜態或減少運動效果

巨幅廣告       336*280                       35k

585*120

豎邊廣告       130*300                       25k

全屏廣告       800*600                       40k               必須為靜態,flash格式

彈出視窗       400*300(盡量用gif)            40k

banner         468*60(盡量用gif)             18k

懸停按鈕       80*80(必須用gif)              7k

網頁中的廣告尺寸

1.首頁右上,尺寸120*60     

2.首頁頂部通欄,尺寸468*60     

3.首頁頂部通欄,尺寸760*60

4.首頁中部通欄,尺寸580*60   

5.內頁頂部通欄,尺寸468*60   

6.內頁頂部通欄,尺寸760*60

7.內頁左上,尺寸150*60或300*300   

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種。

網頁尺寸和網頁廣告尺寸

搜尋了一下這方面的資料,了解到一些,分享一下 網頁設計標準尺寸 1 800 600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。2 1024 768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612 615之間.就不會出現水平滾動條和垂直滾動條。3 在ps裡...

網頁的尺寸

原始的js api 來獲得和計算網頁元素的尺寸,不僅費勁,而且還有瀏覽器的相容性問題,目前最好還是用jquery 統一處理。相信react,vuejs 等也有專門的方案。不過jquery 作為老牌子的dom操作庫,非常的經典,用來理解網頁的特性也很有必要。window height window.d...

網頁設計的尺寸

網頁設計在初始要界定出網頁的尺寸大小,就像繪畫給出一塊畫版來,這樣才能方便設計。網頁的尺寸受限於兩個因素 乙個是顯示器螢幕.顯示器現在種類很多,以17寸為主流,正在朝19寸及寬屏 的方向發展.但目前也有為數不少的15寸顯示器。另乙個是瀏覽器軟體,就是我們常用的ie,遨遊,friefox 等.高度是可...