網頁設計規范尺寸2016

1、PSD製作網頁圖的規定尺寸是多少

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.

高度：

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。

寬度:

1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在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之間.就不會出現水平滾動條和垂直滾動條。

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，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。

八、88*31，主要用於網頁鏈接，或網站小型LOGO。

廣告形式 像素大小 最大尺寸 備注

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格式

圖文混排 各頻道不同 15K

彈出窗口 400*300(盡量用gif) 40K

BANNER 468*60(盡量用gif) 18K

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

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀(1秒/12幀)

網頁中的廣告尺寸

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

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

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

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

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

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

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

8.下載地址頁面，尺寸560*60或468*60

9.內頁底部通欄，尺寸760*60

10.左漂浮，尺寸80*80或100*100

11.右漂浮，尺寸80*80或100*100

希望對你有幫助

2、網頁設計最合適的頁面尺寸是多少？

網頁設計標准尺寸：

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

2. 1024×768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612눯之間，就不會出現水平滾動條和垂直滾動條。

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

4. 在PS里做的圖到了網上就不一樣了，顏色等等方面，因為web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象。

3、網頁設計合適的頁面尺寸是多少？

其實也沒有硬性規定，但是為了兼容大多數瀏覽器一般是設置960px，隨著現在瀏覽器解析度的變化，已開始向著1000px,1200px寬度發展，例如淘寶(1000px）京東商城（1200px）。

如果需要兼容不同瀏覽器尺寸，現在比較流行的做法是做成響應式的，即根據不同解析度顯示不同的尺寸，工作量也就隨之增加了。貌似國內的大網站也沒有使用。

4、一般做網頁設計背景尺寸定多大？

網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
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

5、一般設計網頁尺寸是多少啊

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

2、1024*768解析度下，網頁寬度保持在1002以內，如果全屏顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。(在dw裡面有設定好的標准值, 1024*768頁面的標准大小是955*600,照著它的尺寸做就行了)

只要你的width不超過1003就好，現在很多網站width在1000px 或者980 這樣大氣點，高度無所謂

6、網頁設計尺寸與PSWEB文件尺寸

網頁設計在初始要界定出網頁的尺寸大小。就像繪畫給出一塊畫版來。這樣才能方便設計。

網頁的尺寸受限於兩個因素：一個是顯示器屏幕。顯示器現在種類很多，以17寸為主流， 正在朝19寸及寬屏的方向發展。但目前也有為數不少的15寸顯示器。另一個是瀏覽器軟體，就是我們常用的IE,遨遊，Friefox等。

高度：

高度是可以向下延展的，所以一般對高度不限制。 對於一屏來說，一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。

寬度：

1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0（或更低）無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在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之間。就不會出現水平滾動條和垂直滾動條。

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，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。

八、88*31，主要用於網頁鏈接，或網站小型LOGO。

廣告形式 像素大小 最大尺寸 備注

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格式

圖文混排 各頻道不同 15K

彈出窗口 400*300（盡量用gif） 40K

BANNER 468*60（盡量用gif） 18K

懸停按鈕 80*80（必須用gif） 7K

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀（1秒/12幀）

網頁中的廣告尺寸

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

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

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

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

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

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

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

8.下載地址頁面，尺寸560*60或468*60

9.內頁底部通欄，尺寸760*60

10.左漂浮，尺寸80*80或100*100

11.右漂浮，尺寸80*80或100*100

7、關於網頁設計尺寸和字型大小大小

html頁面中的文字大小在用戶瀏覽器下默認渲染是「16px",也沒有強行規定一定要用多大的，這個要看設計圖來定。

CSS上可以用"em"來替代「px」,em是一個相對的大小，我們可以這樣來設置1em，0.5em，1.5em等，而且「em」還可以指定到小數點後三位，比如「1.365em」。

為什麼要用em,而不用px的關鍵點：

1. IE無法調整那些使用px作為單位的字體大小；

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位；3. Firefox能夠調整px和em，但是96%以上的中國網民使用IE瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(7)網頁設計規范尺寸2016擴展資料：

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵，選擇菜單中的 「查看源文件」 ，就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。

它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋並生成頁面，於是就得到你現在所看到的畫面。 

為什麼在源文件看不到任何圖片？ 網頁文件中存放的只是圖片的鏈接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一台計算機上。

網頁通常有以下元素：

文字資料圖像檔案Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

8、網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素，使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計，一般採用全屏展示和兩側留白的方式。
全屏展示，是整個網站看起來大氣一些，但是布局要合理安排，不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸，能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域，內容限時區域在好控制在1000px-1200px。

9、網頁設計的寬度一般為多少?應該怎麼把握?

百度統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640，這是豎屏，一般在醫院、學校中才能見到，暫且不談。

排名第二的是1920×1080，佔比13.07%。

1366×768排第三，佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度，1024×768，是最小的電腦尺寸了，僅佔3.13%，很少有人使用。在做pc端的網頁設計時，不用考慮這個尺寸，而應在做pad端和手機端的適配時，將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下，適應於不同寬度，確保各寬度下的展示效果。但這樣的成本也會相應增加，在開發網站時，需綜合考慮實際需求和開發成本。time（《時代周刊》官網）是個很好的響應式網頁案例。

(9)網頁設計規范尺寸2016擴展資料

網頁設計中的注意事項：

1、網頁設計的尺寸標准：

面向1024-768顯示器解析度開發的網頁尺寸，寬910px；

面向800-600顯示器解析度開發的網頁尺寸，寬778px；

2、網頁設計中的畫布設定：

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體：尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體，12px 是中文操作系統可以表現的最小的字體，內容。

文字大小一-般用兩種，12px 或14px(現在的新的vista據說能表現10px的中文字，但現在使用並不多)。

英文字體：其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體，比起arial字體更美觀和均衡。

效果圖：

網頁效果圖中的網頁字體，雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素，一定要認真使用，因為你不單要設計文字與整體網頁的關系，還要設計字體的樣式表顏色。