網頁設計兩側尺寸控制

1、網頁設計中邊框里的圖片如何控制其大小？

可以在css文件里設置圖片的長寬及圖片的浮動等各種特效。即用width、和height強制改變圖片的大小。如：
.a{background:url(tupian.jpg);width=20px;height=20px;} 說明：.a是類選擇器，調用時<標簽名 class="類名">（這里類名為a），url裡面是圖片的位置及名稱。width、height即強制改變的圖片的大小。
還有一種方式是可以藉助電腦的畫圖工具將圖片的大小改成目標大小，然後保存後也可以直接調用圖片。

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、網頁設計的寬度一般為多少?應該怎麼把握?

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

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

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

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

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

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

(4)網頁設計兩側尺寸控制擴展資料

網頁設計中的注意事項：

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

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

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

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

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

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

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

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

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

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

效果圖：

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

5、網頁設計寬度多少是最好啊？

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

6、網頁頁面尺寸一般設置多大才合適

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

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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左右.

7、網頁設計如果我用1920*1080的頁面，那麼內容應該限制在多大尺寸？

最好控制在1000px吧，因為還有很多用戶用的是解析度很低的，如果你的用戶都是用的大屏瀏覽器，那麼就可以寬一點，比如你的客戶是跟網站、設計類有關的，那麼他們電腦的解析度不會低的，至少是1440px，所以你可以先確定你用戶的電腦大致解析度的多大，再考慮寬度尺寸

8、網頁設計一般頁面尺寸怎麼設置呢？

長是不用設置的
寬度為930~960看起來會舒服一些

9、網頁設計的尺寸大小是多少，寬度應該是多少？？？

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