如何用ps設計網頁

1、如何用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檢測來適應不同終端的不同展現。

2、怎麼用photoshop做網頁

1.先用Photoshop做一個網頁圖片；
2.Ctrl+R調出標尺，在圖片上繪製表格，框選出要做鏈接的部分；
3.使用切內片工具，按照容繪制的表格劃分切片
4.以上步驟完成後，進行操作「文件」>「儲存為Web和設備所用格式」，在打開的窗口中按照自己的需要為網頁圖片作設置，設置完成後，「儲存」，保存類型「html和圖片」，切片「所有切片」。
5.接下來用Dreamweaver打開html文件，為其作鏈接及其它。
6.最後保存就完了。

還不清楚的話可以Hi我！

3、如何用ps設計網頁？

?

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

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

5、怎麼將PS的圖片製作成網頁

這要牽扯三個軟體：
1.photoshop（網頁圖片製作）
2.imageReady（PS圖片放進去，導出「將優化結果存儲為..」--保存類型選擇--html）
3.Dreamweaver（打開HTML文件，你就可以看見代碼了）

6、怎麼用ps做網站？

PS是做網頁設計的。也只能做靜態網站 做不了互動的。如果需要做網站必須是編程加美工一起 才可以做的。

7、如何用PS做網頁效果圖

上次有空做了個。我用的是GIF的動態效果。你也可以直接做圖片然後保存網頁格式，尺寸什麼的自己調。不要在意這些細節。。

8、如何用Photoshop做網頁設計

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

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

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

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