導航:首頁 > 萬維百科 > 網頁設計盒子最大寬度

網頁設計盒子最大寬度

發布時間:2021-02-12 23:45:44

1、網頁設計最合適的頁面尺寸是多少?

網頁設計標准尺寸:

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

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

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

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

2、一般做網頁設計背景尺寸定多大?

網頁的背景多大要看對網頁的要求的,
網頁設計標准尺寸:
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

3、網站設計網頁的固定寬度設置為多少最為合適?

目前還是1024X768解析度佔多數
所以用得較多的寬度是960 包括一些門戶站

太寬了 會給人窒息的感覺

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

標准網頁廣告尺寸規格

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

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

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

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

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

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

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

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

5、如何成功定義頁面的max-width最大寬度?

主流瀏覽器來IE對max-width是不支持的,源對這一屬性的設置在IE中是無效的。同樣的對min-width的設置也是無效的。

這里有一種方法,可以在IE中實現max-width最大寬度的效果,並在FF中也測試通過,我需要說明的是,這一個方法只能是max-width單獨存在,也就是說,只能設置容器的最大寬度,也不能對此容器設置最小寬度,如果你想試試的話,結果只有一個,IE不知道怎麼辦了,程序出錯!如果你有更好的辦法,歡迎你來我的主頁52css.com給我留言。

我們是通過腳本的方法來設置max-width。我們沒有寫出單獨的腳本代碼,我們將腳本通過expression直接嵌入在CSS文件中。主是要的代碼是:

width:expression(document.body.clientWidth > 500? "500px": "auto" );

6、網頁設計的尺寸大小是多少,寬度應該是多少???

其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。

7、網頁設計寬度多少是最好啊?

網頁的尺寸受限於兩個因素:一個是顯示器屏幕。
現在顯示器現在種類很多,以21寸為主流, 正在朝23寸及寬屏的方向發展。但目前也有為數不少的19寸顯示器,甚至是17寸的。

另一個是瀏覽器軟體,就是我們常用的IE,Friefox,360瀏覽器等。

基本上網頁寬頻是屏幕大小減去22px就是頁面的寬度,比如對於800*600解析度的屏幕,頁面的寬度要低於778像素,1024的寬度的頁
面要設置成不大於1002px(一般就是950或者960),等等。當然還有些人覺得設置成fixed比較好,就是滿屏,100%寬度。

目前各大網站基本在960/950為主,促使各大網站改為寬屏的原因是,1024*768解析度的瀏覽器早已成為主流,更寬的屏幕也越來越多,比如1280*1024。而這些網站的寬度,大都是950px/960px而非1002px(騰訊網的是1002px)。

這個問題上面每個人的觀點是不一樣的,我認為這里主要要考慮兩個因素:

視覺效果和用戶體驗。

從視覺效果來說,屏幕邊緣區域並不是用戶的有效視覺區域,也就是說,用戶很少去看屏幕的邊緣地帶的。所以我最近在很多國外的網站看到一些100%寬度設計的網站,兩邊都會留20px左右的空白(而且這樣看起來更加舒服)。

而從用戶體驗來說,太寬的屏幕,意味著一行會有更多的字,這一點是不好的。大家在看報紙或看書的時候會注意到分欄,比如報紙,無論是對開還是4
開的報紙,都會分成幾欄來顯示,如南方都市報是分5欄,每欄15個5號字,這樣就很容易閱讀,如果不分欄,那麼就相當於一行75個字,只有一兩行字的話還
行,如有二十幾行,誰能讀下去?!

現在顯示器的屏幕越來越寬,如果網頁的寬度也一味的寬下去,用戶肯定要糾結了!

所以,我認為950-980的頁面寬度是最合適的。
網頁設計原則:http://www.wzyunying.com/post/74.html

8、設計網頁尺寸該用多大的寬度才合適?

網頁多寬才合適,這個問題可能並沒有一個標准,也沒有對錯之分,可能我們在使用網頁尺寸的時候更多的想的並因該是用多大的寬度,而是我們的訪問者更適合多大的網頁寬度!1、結論:固定寬度只適合功能型網站,不適合希望用戶認真閱讀的瀏覽型網站。UCD大社區是瀏覽型網站,它的定位是「知識庫」,希望你停留在這里認真瀏覽和閱讀。2、大屏幕不是用來顯示更寬文字內容的,大屏幕下必然會面臨滑鼠長途奔襲的問題。建議用大屏幕的人:為自己的身體健康著想,在大屏幕下閱讀的時候,養成縮小窗口的習慣。共勉 :)3、希望用戶認真閱讀的網站,主要內容區域的寬度必須固定,不能過長,否則會傷害到閱讀者的眼睛,而且不適合閱讀的流暢性。固定寬度在650左右最合適。有興趣的人可以去搜索相關報告,為什麼是650左右。(Google是按照英文算的寬度,我們可以按照中文相對調整)4、一個頁面只有一個主要內容區域,其他所有都是輔助內容,能隱藏就隱藏,能忽視就忽視。在用戶瀏覽的時候,輔助內容不要緊挨著主要內容。那樣會干擾閱讀,側面影響內容攝取的質量。特別是當輔助內容不能很少的時候。5、瀏覽型網站盡量別用三欄,三欄太難設計,一個合理的頁面不需要一下子擺出來那麼多內容。6、所以:對於瀏覽型網站,在大屏幕下,瀏覽區域和輔助區域需要有分隔。 即使因為不用固定寬度會帶來視覺上的不協調。7、雖然屏幕越來越大,對於一些網站來說1024的寬度不一定會是主流,但至少需要向下兼容這個寬度,把他們作為一個很重要的人群考慮。8、寬度問題其實是一個蠻值得討論的問題。在屏幕越來越大,尺寸越來越多樣的時候,這個問題會越來越凸顯。
但如果糾結於「不要有空白」、「功能和內容不能分開」,沒有任何意義。有些可用性原則,沒有挑戰餘地。就好像公共場所的門必須向外打開一樣。9、對於這個問題,設計者應該為用戶考慮更有益的方式。而不是聽用戶說他們想要什麼樣的方式。因為:大多數嗓門大的用戶,並不知道什麼樣的方式對自己最有益。0、為了保證更好的閱讀體驗,UCD大社區的設計者們正在考慮:是否不再錄入那些閱讀體驗很差的網站的文章,或者將這些文章的默認鏈接改為我們的快照頁面(點大社區文章標題前的「望遠鏡」ICON就是快照頁面)。

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

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

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

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

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

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

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

(9)網頁設計盒子最大寬度擴展資料

網頁設計中的注意事項:

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

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

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

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

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

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

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

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

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

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

效果圖:

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

與網頁設計盒子最大寬度相關的知識