ps網頁設計製作規范

1、用ps做網頁尺寸一般是多大

網頁分為主區和背景區，主區一般是950px~980px的寬度，高度沒限制。背景區你可以按到1920px的寬度來做，適合適應不同的顯示器。
這方面你要和寫CSS的人溝通一下，他會告訴你什麼叫主區什麼叫背景區。

2、PS網頁設計尺寸設定

這是我在站酷網上看見的一片文章，不知道原文在哪裡，若是作者看見了，不讓弄上的話，通知我，我可以刪除。

3、網頁設計尺寸與PSWEB文件尺寸

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

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

網頁設計標准尺寸：

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。

廣告形式 像素大小 最大尺寸 備注

BUTTON 120*60（必須用gif） 7K

215*50（必須用gif） 7K

通欄 760*100 25K 靜態圖片或減少運動效果

430*50 15K

超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果

巨幅廣告 336*280 35K

585*120

豎邊廣告 130*300 25K

全屏廣告 800*600 40K 必須為靜態圖片，FLASH格式

圖文混排 各頻道不同 15K

彈出窗口 400*300（盡量用gif） 40K

BANNER 468*60（盡量用gif） 18K

懸停按鈕 80*80（必須用gif） 7K

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀（1秒/12幀）

網頁中的廣告尺寸

1.首頁右上，尺寸120*60

2.首頁頂部通欄，尺寸468*60

3.首頁頂部通欄，尺寸760*60

4.首頁中部通欄，尺寸580*60

5.內頁頂部通欄，尺寸468*60

6.內頁頂部通欄，尺寸760*60

7.內頁左上，尺寸150*60或300*300

8.下載地址頁面，尺寸560*60或468*60

9.內頁底部通欄，尺寸760*60

10.左漂浮，尺寸80*80或100*100

11.右漂浮，尺寸80*80或100*100

4、如何用Photoshop做網頁設計

如果是給個人做，怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖後，要給客戶看。等客戶確定不再修改時再做網頁，目的就在於防止客戶反復修改，動布局！
另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的後果是邊想邊做，容易把設計思路搞混了！
據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。

一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。

http://www.68design.net/
這個站每天都會有新的酷站收藏，也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。

要做好網頁設計，一定要多看，拚命的看並且吸收裡面的東西，看看高手們是怎麼處理細節的，這樣慢慢自然會有提高。
是否可以解決您的問題？

5、用photoshop設計網頁首頁時，設置多少精度網頁圖片精度高？

Photoshop製作網頁效果圖的幾個注意點：
第一點：新建文件尺寸大小； 製作網頁效果圖，首先就是要新建文件，那麼要建多大的合適呢？這可不是隨便亂定的，一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候，17英寸為主流顯示器，最佳解析度為1024*768，所以考慮到網頁在顯示器上能有最好的顯示效果，一般都定在1003px以下（這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px）。如果你的網頁超過這個尺寸，那當網頁即使最大化顯示的時候，內容也不能完全呈現，底部就會顯示水平滾動條，這樣會影響用戶體驗！ 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流，因此現在很多網頁都開始做得更寬，比如可以做成1200px寬的，但為了能讓1024解析度下都能有好顯示，建議還是定為1003px以下，比如960，980都是合適的。如果不確定應該設置多少合適，可以打開參考網站，看看他們是設置多少。 如何查看別人的網頁尺寸呢？很簡單，使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了！
第二點：字體與字型大小； 字體方面，在瀏覽器里顯示的字體是調用操作系統里的，因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體，所以在網頁效果製作時，盡量使用這些字體，如果不使用這些字體，那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了；如果非要使用其他字體，那麼在做成網頁的時候只能以圖片的形式來顯示出來，不過考慮到圖片文件都偏大，會讓網頁打開速度降低，所以盡量不要以這種形式顯示。
第三點：關於顏色； 不同的操作系統會有不一樣的調色標准，因在Web上就有定義了一個安全色表，以期能讓符合這個色表定義的顏色，在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說，不需要這么嚴格執行，所以關於顏色，我們直接使用Photoshop里默認的顏色就可以了，當然，如果你所設計的網頁對於色彩十分看中，那請認真按照Web安全色標准設計。
第四點：網頁效果圖里填充的內容； 在製作網頁效果的時候，很多地方要填充文字內容，這個時候有些初學者為了方便操作，直接把同樣的內容復制使用，最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候，最好是使用不一樣的信息，或者乾脆直接從其他網頁上截取內容填充。
第五點：要注重細節處理； 因為你製作出來的效果圖，最終是做為網頁的製作依據，因此在效果圖上，每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點：保存的圖片格式； 效果圖製作好後，建議保存成png格式。不要存jpg格式，因為這個格式對圖片壓縮比較大，會丟失細節。

6、ps製作網頁需要注意哪些方面

網頁ps可能不是好的軟體。網頁有專門的網頁製作軟體。ps可以製作圖標或者圖片值了，按鈕等等。

7、用photoshop製作的網頁要怎麼用dreamweaver製作二級頁面 至少要有兩個鏈接！

你想在dreamweaver製作二級頁面，就在dw中新建一個頁面製作。具體步驟是dw菜單中的文件，新建，頁面類型選html，點擊創建按鈕就創建了一個空白頁面。在這個空白頁面上做你要得二級頁面效果。
給你舉個例子：一級頁面是網站首頁，導航中有一個「聯系我們」，你現在要做的二級頁面就是「聯系我們」這個頁面。在dw中新建一個頁面，做成你需要的效果，然後在dw中打開一級頁面（網站首頁），在導航「聯系我們」這幾個字或者圖片加個超鏈接，鏈接到你剛剛做好的二級頁面即可。

8、PS做網頁設計畫布大小問題

全屏最大是寬1920px
主流都是做1440px
高不限，看你做的內容
解析度都是72dpi
最後就是不管你做哪一個尺寸，主要內容、圖片都要放在1000px內。
請採納，謝謝。
不懂的再問我。我就是做網頁設計的。

9、網頁設計中,最小的字型大小應該是多少

網頁設計中的字體一般設置成12px，如果網頁的東西相對比較少，也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果，如果是文本一般為14以上並且帶加粗。

字體沒有特別規定但是有常規的用法：

常規文字 12px；標題，頁頭 14px、16px；大標題，橫幅等 18px。

(9)ps網頁設計製作規范擴展資料：

網頁設計，是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化)，進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

10、用photoshop設計網頁首頁時，設置多少精度出來的網頁圖片精度高？

Photoshop製作網頁效果圖的幾個注意點：
第一點：新建文件尺寸大小； 製作網頁效果圖，首先就是要新建文件，那麼要建多大的合適呢？這可不是隨便亂定的，一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候，17英寸為主流顯示器，最佳解析度為1024*768，所以考慮到網頁在顯示器上能有最好的顯示效果，一般都定在1003px以下（這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px）。如果你的網頁超過這個尺寸，那當網頁即使最大化顯示的時候，內容也不能完全呈現，底部就會顯示水平滾動條，這樣會影響用戶體驗！ 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流，因此現在很多網頁都開始做得更寬，比如可以做成1200px寬的，但為了能讓1024解析度下都能有好顯示，建議還是定為1003px以下，比如960，980都是合適的。如果不確定應該設置多少合適，可以打開參考網站，看看他們是設置多少。 如何查看別人的網頁尺寸呢？很簡單，使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了！
第二點：字體與字型大小； 字體方面，在瀏覽器里顯示的字體是調用操作系統里的，因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體，所以在網頁效果製作時，盡量使用這些字體，如果不使用這些字體，那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了；如果非要使用其他字體，那麼在做成網頁的時候只能以圖片的形式來顯示出來，不過考慮到圖片文件都偏大，會讓網頁打開速度降低，所以盡量不要以這種形式顯示。
第三點：關於顏色； 不同的操作系統會有不一樣的調色標准，因在Web上就有定義了一個安全色表，以期能讓符合這個色表定義的顏色，在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說，不需要這么嚴格執行，所以關於顏色，我們直接使用Photoshop里默認的顏色就可以了，當然，如果你所設計的網頁對於色彩十分看中，那請認真按照Web安全色標准設計。
第四點：網頁效果圖里填充的內容； 在製作網頁效果的時候，很多地方要填充文字內容，這個時候有些初學者為了方便操作，直接把同樣的內容復制使用，最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候，最好是使用不一樣的信息，或者乾脆直接從其他網頁上截取內容填充。
第五點：要注重細節處理； 因為你製作出來的效果圖，最終是做為網頁的製作依據，因此在效果圖上，每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點：保存的圖片格式； 效果圖製作好後，建議保存成png格式。不要存jpg格式，因為這個格式對圖片壓縮比較大，會丟失細節。