導航:首頁 > 萬維百科 > 網站網頁設計寬度尺寸

網站網頁設計寬度尺寸

發布時間:2020-12-22 03:52:36

1、網頁設計 網頁尺寸

寬度全屏的話一般設置成1003像素,高度可以不固定

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

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

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

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

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、關於網頁設計尺寸和字型大小大小

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瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(5)網站網頁設計寬度尺寸擴展資料:

網頁構成

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

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

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

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

網頁通常有以下元素:

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

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

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

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

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

7、PS中網頁設計的寬度一般是多大?

網頁設計電腦端UI都是1920寬,1080像素高的尺寸設計

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)網站網頁設計寬度尺寸擴展資料

網頁設計中的注意事項:

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

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

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

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

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

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

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

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

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

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

效果圖:

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

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

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

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

與網站網頁設計寬度尺寸相關的知識