如何設計網頁頁面尺寸

1、網頁設計中頁面的尺寸怎麼定?用PS設計的時候有哪些注意事項?才能在切圖的時候符合網頁布局?

寬度大概在960~1000px; 但是有的時候你需要考慮網頁中1000以外的東西怎麼延伸和擴展問題。因為目前為止，最小的解析度是1024的，所以符合最小解析度的就可以。

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

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

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

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

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

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

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

(2)如何設計網頁頁面尺寸擴展資料

網頁設計中的注意事項：

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

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

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

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

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

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

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

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

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

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

效果圖：

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

3、在做網頁設計時 如何設定尺寸

我一般的做法是參照某一個網頁，然後利用QQ截圖選中要製作的部分，這時候可以看到截圖的長度和寬度，就可以知道尺寸了。望採納

4、如何設置html頁面的大小

html是個容器，它的寬度和高度與顯示器解析度有關。
如果你的網頁中放置的對象版是無格權式的文本，將自動按解析度的寬度排列（全屏顯示時）或瀏覽器當前窗口的寬度排列，自動換行，當高度超過顯示器解析度的高度或瀏覽器當前窗口的高度時，會自動出現滾動條；如是有一定大小的表格的表格或其它對象，那麼容不下時，自動出現滾動條。
你想控制所顯示的內容所佔范圍，可以將它放到容器中，如表格或DIV中，通過控制容器大小來控制內容的范圍的大小，也可能就是你所說的html頁面的大小。
body的屬性中是沒有寬度和高度的。

5、網頁製作中怎樣改變網頁的大小?

打開網頁後，有時會遇到顯示文字太大或太小、看起來不方便的情況。此回時要想在Internet Explorer上改變文字大小答的話，從菜單的「查看」選項中選擇「文字大小」，再選定「大」等各種尺寸。

但如果網頁已經將文字大小固定下來時，這種方法就不好用了。此時要想改變文字大小，就得打開Internet Explorer的「工具」選項，選擇「Internet選項」。在顯示面面的「常規」頁標中，點擊「輔助功能」。在展開菜單中選擇「不使用網頁中指定的字體大小」並點擊「確定」。然後再對上一層菜單也點擊「確定」。這樣在Internet Explorer菜單「查看」選項中的「文字大小」處就可以改變文字的大小了。

但如果設定為「不使用網頁中指定的字體大小」的話，網頁畫面可能會顯示不充分。因此一般情況下最好是取消以上選定，只在必要的時候再進行選定以便改變文字的大小。

6、網頁一般設置尺寸是多大呢 怎麼知道什麼網頁需要什麼尺寸？

高度：
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。

寬度:
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左右.

網頁設計標准尺寸:
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

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

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

8、PS排版網頁，應如何設置頁面大小？

不合適，最好適應主流顯示器，做成1000的比較好

因為如果你做成1360寬的話，17寸顯示器看起來就會有橫向滾動條，只顯示一半左右。

如果你做成1000寬度，無論是17，19，或者更大的顯示，都會顯示完整,你看新浪搜狐的頁面大小都在1000以內。

9、html頁面怎麼設置頁面寬度

1、直接設置選擇標記的寬度。首先，在文件中創建一個新的HTML文件和兩內個select下拉列表

2、然後容在頂部的head標記中設置樣式表。首先，設置第一個選擇標記的寬度。在這里，將select1的樣式標簽的寬度設置為300px，這是一個精確的值，並設置高度和背景色，以便查看下一步的效果：

3、然後設置select2的寬度。在這里，使用百分比設置寬度。百分比代表整個屏幕的比例，設置為50%：

4、最後，當進入瀏覽器時，可以看到兩個具有不同寬度的選擇下拉列表。上面是控制HTML頁面中下拉列表寬度的方法：

10、怎麼設置頁面大小

以WPS 2019為例，在頁面布局選項卡下找到紙張大小，可設置頁面大小