設計網站自適應尺寸是多少

① 網頁的標准規格是多少

現在網頁普遍的尺寸在1024*768，當然大屏幕也在上升的趨勢

其實現在很多網頁都是自適應的

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

② 一般網頁的尺寸規范是多少

網站 首頁頁面寬度 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沒問題的情況下，其他瀏覽器出現錯位的情況。

③ 用ps設計一個網站要設置多大的寬和高解析度是多少

第一個回答的太搞笑了吧，1920，胡扯，也行他打錯字了。一般的960、980、1000這三種，主要是考慮到瀏覽器兼容性的問題，為了穩妥，建議你960就夠了。高是按你的實際需求來做，看你的網站類型了，所以不好跟你說，企業站高比較低，門戶站或者信息站高的數值比較大。解析度72就行。太大占網速。親，望採納。

④ 手機網頁設計多大好

網站設計尺寸標准

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

網頁廣告標准尺寸規格

1、120*120，這種廣告規格適用於產品或新聞照片展示。

2、120*60，這種廣告規格主要用於做LOGO使用。

3、120*90，主要應用於產品演示或大型LOGO。

4、125*125，這種規格適於表現照片效果的圖像廣告。

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

6、392*72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。

7、468*60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。

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

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

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

⑥ 網頁設計中頁面尺寸標准

對於固定寬度的網站布局，設計師常用的解析度有：760px、780px、920px、950px等，如今大尺寸、寬屏幕的顯示器越來越多，越來越普及，有些設計師也開始採用1000px、1003px這樣的解析度。

頁面最大化、滿屏化的網站看著的確是舒服，但過高的解析度在設計師顯示器上合適，並不代表在瀏覽者的顯示器上也合適。現在用的最多的解析度還是1024×768，在這種解析度下，含滾動條的頁面最大寬度應不超過994px，所以一般頁面寬度定位在990px以內比較適宜。

這一講主要來說說網頁設計的標准尺寸

一、在800×600解析度下，頁面寬度應在778px以內，這樣不會出現橫向滾動條，高度可以依據版面和內容而定。

二、在1024×768解析度下，頁面寬度應在1003px以內，如果僅一屏顯示的頁面，高度在612px～615px之間，這樣橫向和縱向滾動條都不會出現。

三、在photoshop中做800×600解析度下僅一屏的網頁時，尺寸可以設為740×560左右。

頁面標准按800×600解析度製作，尺寸為778px×434px

頁面長度一般不要超過三屏，寬度不宜出現橫向滾動條為宜

每個標准頁面為A4幅面大小，即8.5×11英寸

全尺寸banner為468px×60px，半尺寸banner為234px×60px，小banner為88px×31px

小圖標的標准尺寸還有120px×90px、120px×60px等

每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不宜超過14k

標准網頁廣告尺寸規格

1、120×120，這種廣告規格適用於產品或新聞照片展示。

2、120×60，這種廣告規格主要用於做LOGO使用。

3、120×90，主要應用於產品演示或大型LOGO。

4、125×125，這種規格適於表現照片效果的圖像廣告。

5、234×60，這種規格適用於框架或左右形式主頁的廣告鏈接。

6、392×72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。

7、468×60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。

8、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

以上幾種說法可能有點小的出入，大家可以探討一下。

拓展閱讀：網頁設計防止頁面被撐開的方法

一、直接在網頁里設置圖片大小，比如代碼：img src="/uploads/allimg/200907/20090701160532188.jpg" width="600" height="500" border="0"，這樣雖然可以限制了圖片大小，但是需要在上傳圖片之前手動修改圖片大小，否則上傳的圖片就會變形。

二、使用如下代碼：img src="/uploads/allimg/200907/20090701160532188.jpg" onload="javascript:if(this.width600}{this.resized=true;this.style.width=600;}"

這種方法會在調用圖片的時候，自動按比例縮小到指定的寬度，不會引起圖片的變形，並且也不會撐破表格，但是缺點是，如果圖片太大，在圖片下載過程中，也就是圖片顯示過程中，會先以圖片原大小顯示，這時就會撐破表格，頁面很難看，二當圖片完全顯示後，圖片又會自動縮小。

三、我們可以針對表格的'屬性來限制大小防止被撐開，比如在table width="600" border="0" cellpadding="0" cellspacing="0"里添加代碼「」，其中「table-layout:fixed; 」是為了將表格布局固定住，就可以有效地防止表格被撐開，「word-wrap:break-word; 」是控制換行的，也就是強制執行換行，這個在文本內容較多的情況下需要使用到，特別是重復的內容出現，不執行換行的話，表格就被撐開了；而「word-break: break-all; 」可以解決IE的框架被英文（非亞洲語言文本行）撐開的問題，但是不會強制換行，只顯示表格寬度里的內容。一般情況下只要用到「」就可以。當然，上面調用的語句可以定義在css里，比如

table {

table-layout: fixed;

word-wrap:break-word;

}

四、用css控制圖片自適應大小，代碼如：

img {

max-width: 600px;

width:expression(this.width 600 ? "600px" : this.width);

overflow:hidden;

}

其中 max-width:600px; 在IE7、FireFox等其他非IE瀏覽器下最大寬度為600px，但在IE6中無效；width:600px; 在所有瀏覽器中圖片的大小為600px，當圖片大小大於600px，自動縮小為600px，在IE6中有效；而 overflow:hidden; 指將超出設置大小的部分隱藏，避免控制圖片大小失敗而引起的表格撐開變形。

五、最後總結一下最實用的代碼：

如果是表格，請用：

table {

table-layout: fixed;

word-break: break-all;

}

如果是div層，請用：

div {

table-layout: fixed;

word-wrap: break-word;

width: 加上寬度;

overflow: hidden; (讓多出來的不顯示。)

}

⑦ 網站設計時網頁最佳寬度值應該設計多少適合

高品質網站特別是品牌營銷型網站對網頁寬度的把握非常重要。網頁要設計的容易閱讀，目前主流的瀏覽器是1024*768像素，所以網頁的寬度應該設置在900-1005之內為佳。

如果網頁太窄了，頁面顯得局促，在視覺上顯得比較小氣，不能體現出企業的自身形象和實力，對企業來說損失就比較大了，這種企業網站建設是失敗的設計，太寬了，底下會出現滾動條，不利於用戶閱讀，用戶看著不順眼不舒服就會關閉頁面並跟出網站。
有的網站採用自適應的模式，即網頁寬度是用百分比定義，而不是用像素規定，有的網站採用更高解析度的屏幕時，專業網站設計顯示的頁面會自動變寬，如自動適應為100%的寬度。
網站設計需要符合用戶的瀏覽體驗，優質的網站設計能夠第一時間展示公司的品牌形象和實力，並最終為業務實現交易打下基礎和支持。