用ps做網頁設計

1. 用Photoshop做網頁設計圖的教程有哪些

photoshop是處理圖片的軟體，並非做網頁的。
網頁需要格局，代碼等。如果只是拿PS做一張圖，再用firework去隔，會很簡單，很枯燥的。
再學學dreamweaver

2. 怎麼使用PS製作一個網頁

你好!
准確的說，ps是製作網頁的其中一個軟體之一,製作網頁內有專用的「網頁三劍客」：容PS、DW、flash。
想要做網頁的話，你起碼要會前兩個，其中
ps在網頁製作裡面的作用主要就是：劃分切片+圖片處理。

劃分切片：就是將你在ps裡面做好的網頁版面進行合理的劃分，劃分為一個個小的切片，然後用DW對這些切片進行布局。

圖片處理：這個很好理解，就是對網頁圖片進行優化+處理，以節省空間和達到你想要的圖片效果。

最終的網頁文件是在DW這個軟體裡面完成的，單靠ps做不出來一個完整的網頁。

3. 如何用ps設計網頁

如果是給個人做，怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖後，要給客戶看。等客戶確定不再修改時再做網頁，目的就在於防止客戶反復修改，動布局！
另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的後果是邊想邊做，容易把設計思路搞混了！
據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。
一般顯示器解析度
寬:1024
高:
768
寬減去滾動條的寬度,
一般為1003-1004
不會有橫拉條
高度
根據頁而定
網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。
http://www.68design.net/
這個站每天都會有新的酷站收藏，也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。
要做好網頁設計，一定要多看，拚命的看並且吸收裡面的東西，看看高手們是怎麼處理細節的，這樣慢慢自然會有提高。

4. 如何用Photoshop製作網頁模板

網頁中的元素有很多，像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中，這樣方便以後的再編輯。 不過圖層一多，就顯得很凌亂，可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇「新建組」，在隨後出現的對話框中為新建組取一個名稱(如：「網頁頂部」)，確定即可。這時圖層面板中多出一個文件夾圖標，即圖層組。把相關聯的圖層都拖放到同一組中，比如網頁頂部的所有元素，標題、菜單、Logo等都放到「網頁頂部」組中(見圖1)。同樣方法可以建立多個組，在組的下面還可以建立子組。 點擊圖層組前面的小三角，就可以像文件夾一樣展開或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作，如整體復制、刪除、隱藏、合並等。 小提示： ★如果你想借鑒某個網頁的設計，不妨把它截成圖片放在最下面的圖層中，再拉出多個參考線劃出網頁的大致版式，再在此基礎之上邊參考邊製作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之後，下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層，其實沒有必要，合不合並圖層對最終生成的網頁沒有多大影響，反而會妨礙以後的編輯修改。 第1步：我們最終需要的，只是Photoshop中製作的圖形和框架。選擇切片工具(快捷鍵為K)，把需要的每個圖形獨立切分出來。每切分出一個圖形，在它的左上角會顯示出切片編號(見圖2)。 第2步：在工具箱右擊切片工具，從彈出菜單中選擇「切片選擇工具」，用它可以選取、移動切片，並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。

5. 在Photoshop中如何製作網頁

soso問問里答案：
首先是在Photoshop中製作網頁的框架。網頁中的元素有很多，像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中，這樣方便以後的再編輯。
不過圖層一多，就顯得很凌亂，可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇「新建組」，在隨後出現的對話框中為新建組取一個名稱（如：「網頁頂部」），確定即可。這時圖層面板中多出一個文件夾圖標，即圖層組。把相關聯的圖層都拖放到同一組中，比如網頁頂部的所有元素，標題、菜單、Logo等都放到「網頁頂部」組中。同樣方法可以建立多個組，在組的下面還可以建立子組。
點擊圖層組前面的小三角，就可以像文件夾一樣展開或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作，如整體復制、刪除、隱藏、合並等。
小提示：
★如果你想借鑒某個網頁的設計，不妨把它截成圖片放在最下面的圖層中，再拉出多個參考線劃出網頁的大致版式，再在此基礎之上邊參考邊製作自己的網頁。
從Photoshop到Dreamweaver的轉換
在Photoshop中設計好之後，下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層，其實沒有必要，合不合並圖層對最終生成的網頁沒有多大影響，反而會妨礙以後的編輯修改。
第1步：我們最終需要的，只是Photoshop中製作的圖形和框架。選擇切片工具（快捷鍵為K），把需要的每個圖形獨立切分出來。每切分出一個圖形，在它的左上角會顯示出切片編號。
第2步：在工具箱右擊切片工具，從彈出菜單中選擇「切片選擇工具」，用它可以選取、移動切片，並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。
第3步：切分出所有圖片後，執行「文件→存儲為Web所用格式」命令，打開存儲對話框，根據需要設置好圖片的格式、調色板等參數後，點擊右上角「存儲」按鈕調出保存對話框，選擇HTML網頁格式，使用默認設置，選擇「所有用戶切片」，保存即可。

第4步：在Dreamweaver中打開剛才保存的網頁，添加文字並進行各種編輯修改就可以了。怎麼樣，簡單吧！注意：Photoshop導出的實際上就是一個大的表格，所有空白的地方也都會轉換為圖片填充，在DW中編輯時，直接刪除這些圖片再添加相應的內容即可。
小提示：
★在Photoshop中編輯好圖形後，點擊工具箱最下面的按鈕（快捷鍵為Ctrl+Shift+M），可以轉到ImageReady里進行編輯，在這里，切片工具的功能更為強大，輸出的圖形控制也更豐富。

6. 怎麼用ps做網頁設計

你是要做效果圖，還是生成網頁？
生成網頁的話，直接用
切片工具
，切好，然後存儲為web所用格式，選擇格式為html就可以啦。

7. 用ps做網頁尺寸一般是多大

網頁的背景來多大要看對網頁的要源求的，
網頁設計標准尺寸:
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
希望幫到你~~

8. 怎麼用ps製作網頁

ps是圖片處理器，不是用來製作網頁的

9. 用PS做一個網頁設計圖

挺簡單的，現在fireworks中做下抄PSD圖，然後在DW中處理一下就行了

我也有現成的，加些分留個郵箱可以發給你。。。。

網站分為好多類型，像個人主頁、門戶、論壇等，你可以選擇其中的一個來做。。如果你是新手的話，那就做個個人主頁吧，比較自由，做成什麼樣的都可以。。。。
如果你的程序搞的比較好的話，那就做個論壇吧、

10. 如何用Photoshop做網頁設計

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

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

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

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