1、如何用ps製作網站首頁
首先你要知道首頁的尺寸，現在一般寬度為1920，當然也有小一點的，高度根據排放的內容
不定。
然後是定出首頁的各個模塊
你要先有一個大體的規劃，首頁放哪些模塊
然後用輔助線劃分出來設計就可以了。
2、如何用photoshop進行網頁製作
HTML+CSS+JS，這是廣義上的網頁三元素，HTML負責骨骼，CSS負責血肉，JS負責行為動作。其中瀏覽器中表現的畫面約等於(html+css)，但僅僅擁有他們是表現不出設計師們大腦中天馬行空，不拘一格的想像力的，因此才引入了PSD作為設計稿。
這就好比，你完全自己DIY一個高達，你需要先有一副高達圖片（PSD），再通過圖片中的表現自己搭建支撐的骨架（HTML），再用各式噴漆、馬克筆（CSS）去勾畫、完善細節。
那麼回到問題上來，怎麼用PS做網頁？假定adobe體系中，PS永遠只能設計網頁，而Dreamweaver才能製作網頁，但是依然要你自己根據設計去解構設計然後劃分網頁骨架，具體到html上就是根據不同的頁面表現來寫Div標簽，製作Button按鈕，用CSS控制他們的大小和位置以及表現。更進一步的話，大部分前端會手寫html和css代碼，因為DW有各式包括啟動速度，冗餘代碼之類的問題。
至於響應式，這又是基於成型的html以後另一個話題了，但還是html+css，只不過通過UA檢測來適應不同終端的不同展現。
3、ps網頁設計教程
PS軟體應用十分的廣泛，修改圖像，運用圖層蒙版設計簡單網頁，文字排版，網頁優化，包括導航圖，網頁底端的頁腳，網頁主題內容，特效文字的製作，動作按鈕的設計等。今天一起來學習如何用PS來設計簡單的網頁這篇文章吧。
如何用PS來設計簡單的網頁
新建一個800X600像素的空白背景，顏色模式設置為RGB模式。RGB模式顏色是由紅色，綠色，藍色三種顏色相交構成，可以更好的顯示網頁中的色彩內容。
新建文件，點擊確定，空白文件會自動顯示在軟體中。對於新建空白文件來說，圖像的寬度和高度的大小要按照等比例進行設計，也可以不勾選重新定義新像素來實現。
打開一張車的圖片，移動到白色背景畫布中，選擇圓角矩形工具，選擇路徑為了方便轉換為選區，設置為5個像素，像素越大，圓角矩形的四個圓角就是更加的明顯，然後選擇漸變工具，選中系統自帶的黑白漸變，修改黑白漸變的顏色，改為灰白，也可以設置前景色為灰色，背景色為白色進行漸變的填充，然後點擊確定。
然後選擇工作路徑，滑鼠CRL點擊工作路徑，設置為選區，選中線性漸變類型，然後畫出漸變的顏色。漸變的方向是從上到下為白色到淺灰色的漸變效果圖。
然後選擇修改收縮2個像素，就是將選區收縮小2個像素，變小一些，然後再次從下向上漸變，然後alt快捷鍵復制2個，如圖所示，然後找到車的一個的圖標按鈕，然後用磁性套索工具勾勒好，然後滑鼠左鍵拉動到合適位置，然後選擇3個圖層，然後水平分布，和居中分布對齊。然後選擇左對齊分布，分布均勻。分布按鈕是在選擇工具上方的工具欄中，有平均分布對齊等多個按鈕。
然後再次用鋼筆工具勾畫另外一個車的圖標，然後再用自由變換調整到合適位置，然後點擊2個圖層之後，進行左對齊分布。分布到形狀中的最左邊位置即可。
再次選擇一個不同的車的圖標設計圖片，然後用鋼筆工具進行勾畫圖標，或者為了方便，可以直接用魔棒工具來選擇，選中其需要圖形的一部分。
然後再次選中圖形，形狀圖形，全部選中相應圖層，調整水平分布和左對齊分布。當分布不均勻，可以按住滑鼠左鍵自動進行調整。
所有的圖標都自由變換，調整到合適位置，如圖。按住crl+t來實現圖形的自由變換的內容。如圖
輸入相應的文字，文字的顏色設置為黑色，將其三個文字圖層，按住shift鍵和左右方向鍵進行移動調整來改變。之後將車的圖片進行調整，便於觀看，文字進行排版即可。
4、如何用Photoshop做網頁設計
如果是給個人做，怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖後，要給客戶看。等客戶確定不再修改時再做網頁，目的就在於防止客戶反復修改，動布局！
另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的後果是邊想邊做，容易把設計思路搞混了！
據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。
一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。
http://www.68design.net/
這個站每天都會有新的酷站收藏，也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。
要做好網頁設計，一定要多看，拚命的看並且吸收裡面的東西，看看高手們是怎麼處理細節的，這樣慢慢自然會有提高。
是否可以解決您的問題？
5、怎麼用ps做網頁設計
根據樓主的提問可以把問題分成2塊理解
第一層怎麼用PS軟體設計網頁
這個的話，一般你看上好看的網站之後保存為圖片格式
導入到PS軟體，調整好網頁的大小，針對性的地方進行修改便可。
第二層的理解是你不知道怎麼把把設計好的網頁導出為WEB所有格式。
簡單的圖片格式的保存為網頁格式的話
第一、在PS裡面設計好網頁
第二、利用切片工具把網頁切成一塊一塊，要想提高頁面訪問速度的話就切片切的小一點
第三、保存為WEB所有格式 （圖片及HTML） 這樣的話你直接打開HTML的話
就形成了頁面訪問的網頁了。
6、如何用photoshop進行網頁設計
你是想要在原來的設計下面加上一塊空白，那可以選擇「圖象」-「畫布大小」，在彈出的對話框中，先設置定位，如果在下面加長就點擊向上的鍵頭，這樣就會在原圖的下方加入空白，現在再輸入設定高度數字就OK了！
7、怎麼使用PS製作一個網頁
你好!
准確的說，ps是製作網頁的其中一個軟體之一,製作網頁有專用的「網頁三劍客」：PS、DW、flash。
想要做網頁的話，你起碼要會前兩個，其中
ps在網頁製作裡面的作用主要就是：劃分切片+圖片處理。
劃分切片：就是將你在ps裡面做好的網頁版面進行合理的劃分，劃分為一個個小的切片，然後用DW對這些切片進行布局。
圖片處理：這個很好理解，就是對網頁圖片進行優化+處理，以節省空間和達到你想要的圖片效果。
最終的網頁文件是在DW這個軟體裡面完成的，單靠ps做不出來一個完整的網頁。