臨滄寬屏網站設計中間寬多少

❶ 網頁設計寬度多少是最好啊

回答：960無疑是最合適的一個寬度了！下面的原因摘抄自網路，可看可不看，我們需要的是結果！

Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960
根據上面的簡單分析可以認為：當搭建頁面結構復雜的門戶型網站時，開發工程師們不約而同地都選擇將頁面寬度定為950px/960px.

這是一件很有趣的事情，為什麼要選擇這個寬度呢？這個寬度值究竟有什麼魔力？

神奇的960
設計師們對蘋果情有獨衷。在 1024 x 768 的解析度下，打開Firefox：
自然狀態下，Firefox窗體的大小約為 974 x 650. 減掉左右兩邊7px的邊框，網頁的實際大小為上圖中的紅色部分，高寬為 960 x 650.

有趣的960就這樣出現了。是的，可以認為一切就這么簡單。柵格系統最早出現在平面設計領域，設計師們愛用蘋果，蘋果下瀏覽器的默認寬度為960px, 於是960就這么「自然」地出現了。

數字背後的奧妙
上面的「自然」出現，細究自然是不讓人信服的。蘋果系統的設計者們在沒有喝醉酒的情況下選擇了960，而不是其它什麼1000之類的整數，自然另有奧妙。

科學界有很多問題都可以歸結到數學問題上，我們也從數學著手：

960可以分解為2的6次方乘以3和5, 這使得960可以分割成以下寬度的整數倍：

2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,
48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480共26種（26 = 7 * 2 * 2 – 2, 減去2是去掉1和960自身），我們標記為：

N(960) = N(2^6 * 3 * 5) = 26根據上面的演算法，可以得到：

N(360) = N(2^3 * 3^2 * 5) = 22
N(480) = N(2^5 * 3 * 5) = 22
N(720) = N(2^4 * 3^2 * 5) = 28
N(750) = N(2 * 3 * 5^3) = 14
N(800) = N(2^5 * 5^2) = 16
N(960) = N(2^6 * 3 * 5) = 26
N(1000) = N(2^3 * 5^3) = 14
N(1024) = N(2^10) = 9
N(1440) = N(2^6 * 3^2 * 5) = 34
N(1920) = N(2^7 * 3 * 5) = 30根據直覺（嚴格證明也不難，不過還是留給數學系的學生去證明吧），我們得到一個有趣的結論：

要使得N(width)最大，width的取值有兩個系列：
A系列： …, 320, 720, 1440, …
B系列： …, 480, 960, 1920, …

N越大，可組合的寬度值就越多。對柵格系統來說，這意味著越靈活！

目前絕大多數顯示器都支持 1024 x 768 及其以上解析度。為了有效的利用屏幕寬度同時保證柵格的靈活度，可以看出960是非常合適的。這樣，在目前主流顯示器下，960就成為網頁柵格系統中的最佳寬度了。（也許不久的將來，將會流行1440）

對
於結構復雜的網站，不少設計師們喜歡採用960固定寬度布局。但要注意的是，960並不是萬能鑰匙，大部分網站沒有也不需要柵格系統。Amazon採用的
是寬度自適應布局，最大限度的呈現信息。Google更是簡簡單單，主題部分就一個列表。eBay的頁面非常簡潔，商品頁面寬度自適應，信息自然流暢，噪
音少，購物很踏實。類似的站點還有很多，對於這些站點來說，寬度自適應布局更受青睞。

有個很有意思的網站是Yahoo!, 看起來是固定寬度布局，實際上在CSS中只要去掉一行，就能搖身一變自適應寬度了：

#page {
width: 70em;
}

為
什麼Yahoo!最後選擇了定寬布局呢？這很可能是因為定寬布局比寬度自適應布局更容易控制。對於結構復雜的網站來說，可維護性和可擴展性非常重要。
Yahoo!是以信息展示為主的門戶型網站，960的寬度對於信息的閱讀比較友善（Joe
Clark寫了一篇屏幕閱讀時有關行長的有趣文章）。種種因素使得Yahoo!最後採用了定寬布局（Tommy
Olsson總結了每種布局設計的優缺點）。

這里將只關註定寬布局，適用的場景是搭建復雜的門戶型網站。對於寬度自適應布局和相應的柵格系統，暫不討論（根據實現的技術手段不同，寬度自適應布局又分為流體布局和彈性布局。我個人蠻喜歡彈性布局，以後有時間再研究）。

好了，已經將范圍縮小到定寬布局的網頁柵格系統，那我們開始吧。

並不遙遠的750
還記得800×600的顯示器不？雖然才時隔幾年，感覺卻好像是上個世紀的事了。Mark Boulton做了最早的探索：

將750分割成均等的6份，這就形成了柵格系統，稍加組合劃分就形成了兩欄布局和三欄布局。Mark Boulton還研究了Gutter（垂直欄之間的間隙）對柵格的影響，有興趣的可以閱讀原文，或者跟著我往下看吧，下面將詳細闡述。

幾個術語和一個公式
一個標準的柵格系統，包括以下部分：

將Flowline的總寬度標記為W, Column的寬度標記為c, Gutter寬度標記為g, Margin的寬度標記為m, Column的個數標記為N, 我們可以得到以下公式：

W = c * N + g * (N - 1) + 2 * m一般來說，Gutter的寬度是Margin的兩倍，上面的公式可以簡化為：

W = c * N + g * (N - 1) + g = (c + g) * N將c+g標記為C, 公式變得非常簡單：

W = C * N上面的公式就是柵格系統的基礎，很簡單吧。

950的來歷
具體應用時，Margin其實是一個空白邊，從視覺上看並不屬於總寬度。不少柵格設計里習慣性地設定Gutter為10px, 這樣Margin就是5px. 當W為960，分割成6列時，柵格如下圖：

上圖的處理是左右Margin各為5px. 也可以將Margin集中放在一邊，比如右邊：

無論Margin放在何處（這隻影響技術實現，不影響設計），我們真正要關注的是去除Margin之後的部分：

這就是我們要真正關注的950！將W的含義變為去除Margin的總寬度，公式變化為：

W = N * C - g將上面的公式實例化一下：

950 = 12 * 80 - 10
950 = 16 * 60 - 10
950 = 24 * 40 - 10這就形成了960蛋糕的三種常見切法。

12 x 80

16 x 60

24 x 40

上面三種切法，N越大，靈活度越高。可以根據網頁的實際復雜度來選用對應的切法。在960 Grid System首頁中，展示了12 x 80的應用：

我們來看下上篇文章中開頭列舉的網站的柵格應用情況。

Yahoo!是很標準的 24 x 40 柵格：

淘寶網目前只有商城上部分使用了柵格系統（大的兩欄布局遵守了 24 x 40 的柵格化，主體部分使用的另一套740的柵格劃分）：

網易很不錯，採用的是 16 x 60 的柵格系統：

研究（1）中的其它站點都沒有真正嚴格地採用柵格系統。

柵格系統的優勢
上面的「發現」是讓人有點沮喪的。目前嚴格採用柵格系統的站點非常少，為什麼我們還要努力的讓網頁柵格化呢？

柵格系統具有以下優勢：

能大大提高網頁的規范性。在柵格系統下，頁面中所有組件的尺寸都是有規律的。這對於大型網站的開發和維護來說，能節約不少成本。
基於柵格進行設計，可以讓整個網站各個頁面的布局保持一致。這能增加頁面的相似度，提升用戶體驗。
對於設計師們來說，靈活地運用柵格系統，能做出很多優秀和獨特的設計。（詳見《超越CSS》一書）
對於大型網站來說，我相信柵格化將是一種潮流和趨勢。

下面討論柵格系統中的黃金分割。

黃金分割
黃金分割可以歸結為數學問題：對於長度為1的線段，將其分成兩部分 x 和 1 – x, 使得：

x / 1 = (1 - x) / x化為簡單的二次方程：

x^2 + x - 1 = 0正數解為：

x
= (sqrt(5) - 1) / 2 ~=
0.618這就是黃金分割。這個比例不僅僅出現在諸如繪畫、雕塑、音樂、建築等藝術領域，在管理、工程設計等方面也有著不可忽視的作用。
（這是個自然界的魔數，類似的還有真空光速、普朗克常數、精細結構等等，感興趣的Google吧）

在平面設計領域，黃金分割點被廣泛採用。比如下面這種圖：

數一數上面有多少黃金分割？

對於960柵格，實際寬度是950. 兩欄布局時，黃金分割為：

對於 24 x 40 的情景，最接近黃金分割的兩欄布局是 350 : 590, 欄數比例為 9 : 15. 但實際使用時，因為窄欄經常用來做導航或放輔助信息，並不需要350px這么寬。因此實際情況下經常被採用的布局是：

上面講的都是寬度方向上的柵格化，下面我們看看高度方向上如何應用。

高度方向上的柵格
還記得研究（1）中那張紅紅的很刺眼的圖嗎？注意高度值560也是很神奇的。

N(560) = N(2^4 * 5 * 7) = 18
560 / 960 ~= 0.583N(560)比較大，同時可以讓高寬比接近黃金分割。針對560, 我們採用 14 x 40 柵格：

這樣，我們就在寬度和高度兩個方向上都實現了柵格化。

❷ 一般的網頁寬高是多少，解析度是多少

現在的普遍要適應的電腦瀏覽器，在PHOTOSHOP中寬為960像素最為合適，你可以參考新浪、網易等門戶網站的寬度值。

下面，是幾點解析度在不同時期的參考值。

1、屏幕解析度低時(640 x 480)，這是2000年左右，普遍的瀏覽器是這個解析度，但已經被淘汰了。
2、接是1024x768的解析度，很流行，實際在設計中，在PHOTOSHOP寬的設計值為760像素最合適。
3、隨著現在寬屏時代的到來，1024也慢慢被淘汰了，現在都是大屏時代，基本上，從設計網頁的角度來看，在PHOTOSHOP上，寬為960像素最為合適。
4、隨現在瀏覽的工具越來越多，包括手機、IPAD等，出現了自適應的網頁設計功能，需要HTML5及DIV+CSS的代碼調用了。

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

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

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

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

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

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

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

(3)臨滄寬屏網站設計中間寬多少擴展閱讀

網頁設計中的注意事項：

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

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

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

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

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

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

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

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

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

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

效果圖：

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

❹ 網頁解析度多少合適

問題一：一般的網頁寬高是多少，解析度是多少 我做的網頁寬度大部矗是940-980之間。高度是肯定沒法固定的，這個要看網頁的布局。PS排版的時候，解析度肯定是72的，你要弄高了，不好切圖。

問題二：網頁尺寸多少合適？ 如果你是初學，建議你就針對1024的頁面可以1005寬也可以，900多的也可以，qq的就是910，你別考慮的太多，qq的都不知道這些問題嗎？如果你規劃的好也可以用%來定義寬度，但是很不好控制，一般98%寬度。因為不可能都兼顧到，除非你針對不同的解析度做不同的頁面，想在一個頁面里達到適應多個解析度，本來就是費力不討好的事情。

問題三：網頁設計---解析度是多少？ 這個寬高沒錯，把解析度調為72。一般平面像名片、VI、包裝盒這些解析度是300，噴繪有150或者200的。網頁解析度大多都是世廳72。

問題四：網頁 解析度多少合適？72 還是300？ 網頁設計圖解析度72足夠了，你又不是去印刷出海報。網站圖片質量這個已經夠用了。
頁面寬度至於用多少看你打算做800像素兼容的，還是1024像素兼容的。現在上網用戶的硬體已經進步很快了，用800像素的人已經很少了。所以現在建議弗網站的頁面寬度最好都兼容1024。

問題五：請問一般網頁的解析度大小多少合適？ 一般做網頁，和網頁中使用的圖片，解析度都是72。
做網頁設計時候，網頁寬度一般是1002px，這個寬度在1024*768的屏幕解析度下正好是全屏的！

問題六：請問製做網頁圖片的解析度一般設為多少 網頁上72是最合適，太高不但會影響文件大小從而影響圖片下載，而且在IE中顯示效果也不會很明顯！

問題七：像現在一般網頁設計多少像素合適 像淘寶天貓的網頁全屏是1920像素的寬，首頁中間區域是天貓是990像素，淘寶是950像素，一般電腦虛知顯示部分是1440像素，寬屏的可以顯示1920像素，高不限制

問題八：網頁一般的寬度是多少像素 以目前依然還在使用的1024*768解析度的顯示器來講,最寬不要超過998像素比較好,寬了就會出現橫向的滾動條,如果是大解析度的,暫時不要考慮了吧,因為畢竟1024*768解析度目前還款被完全淘汰掉,還是差返消要顧及到這些用戶的. PS:我現在設計頁面通常都設計成980像素的,因為在切片時,好計算,如果你要做正正好好的滿屏,就998比較合適
求採納

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

問題十：怎樣調節網頁的解析度 查看-縮放-200%或更高，覺得那個合適就用那個，或是頁面右下角有個 縮放：100% 調節合適大小，就把頁面放大了

❺ 網頁寬度一般是多少

網頁的尺寸受限於兩個因素:一個是顯示器屏幕。
現在顯示器現在種類很多，以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的頁面寬度是最合適的。

❻ 網站設計寬度多少最合適

網頁的尺寸受限於兩個因素:一個是顯示器屏幕。

現在顯示器現在種類很多，以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的頁面寬度是最合適的。