網頁設計ps步驟

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

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

2、PS設計網頁頁面的教程

網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。

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

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

3、描述網頁設計的一般步驟

一、網站結構設計
網站結構設計包含網站欄目設計和網站模塊設計以來確定網站提供服務的一種邏輯表現形式，也是網頁之間的層次關系。
1.網站欄目能起到提綱挈領額作用
2.網站欄目具有清晰導航的功能
3.網站模塊要做到順序清晰且緊密結合

二、網站主題設計
網站主題設計實際就是網站視覺呈現風格的設計。網站的主題風格要能充分吸引用戶的注意力，為用戶提供愉快的訪問體驗。
1.設計能反映網站內容的logo,並且將logo放在網站的醒目位置。
2.網站的顏色要統一，要突出網站的主調色彩。
3.相同類型的圖像要有相同的效果。
4.網站要有一句明晰的宣傳標語。

 
三、網站布局類型
1. 國字型布局
這種布局類型分為上邊欄、左邊欄、中間內容區、右邊欄和底部的頁腳區域，其形狀酷似一個「國」字。國字型結構是目前比較常用的一個網頁布局結構，它適用於信息分類繁多、需要良好組織的網站。
2. T字型布局
這種布局類型由上邊欄、左邊欄、內容區、下邊欄組成，其形狀有點像一個英文字母寫的「T」字。T字型結構網站目前在一些權威機構、企事業單位的公司網站出現得比較多。
3. 左右框架型布局
這類網站主要由左邊欄和內容區組成，組成比較簡潔，主要用於精彩內容的呈現，主要是很多個人站點、博客的首選。
4. 上下框架型布局
這類網站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置網頁的內容。上下型網站經常用來進行個性化展示，在企業門戶網站的公司展示中也比較常用。
5. 標題正文型布局
這類網站的布局結構由上邊欄和內容區組成，上邊欄用於顯示文章的標題。主要用於顯示文章的標題，內容區放置文章的內容，這類布局在一些論文、學術網站的設計中比較常用。
網站設計都不會單獨使用以上列出的某一種布局結構，而是通過混合使用多種布局結構來實現自己想要的效果，這類布局通常稱為「綜合性布局」。

四、網站頁面設計
網站頁面是網站的最終表現形式。網站頁面由頁面內容的質量度和頁面的美觀度來決定。頁面設計應該遵循的原則如下：
1.符合企業的行業屬性和企業特點。客戶打開網站能直觀感受企業所傳遞的理念和特徵。
2.符合用戶的瀏覽習慣。根據網站內容的重要性進行排序，讓用戶花最短的時間能夠找到自己需要的信息。
3.符合用戶的使用習慣。將用戶經常使用的功能放在網站的醒目位置。
4.圖文搭配。
5.利於搜索引擎優化。減少圖片和動畫，多使用文字描述，以便於搜索引擎收錄，讓客戶更容易找到你。格子網路解答。

4、網頁上的PS圖標是怎麼製作的？教程及製作方法與過程

這就是ps製作按鈕
給你幾個回網站吧答
http://www.missyuan.com/thread-156119-1-1.html
http://www.68ps.com/jc/ps_an.asp

5、用photoshop做網頁方法

800*600我一般寬會設成780px，1024*768 寬度會設成 1000px，高度當然要看內容多少來定。
布局就不好說了 要看設計者的喜好、習慣、網站的功能、設計風格來定了。
接下來就是切圖了，切圖是個很麻煩但又很關鍵的步驟。切圖前必須考慮好圖片大小（大圖為了瀏覽時能順利打開最好切割成N小快），是否為背景圖（有的圖很大，但實際上都是小圖片的平鋪效果，所以遇到這種圖只取小圖，在網頁中設為背景就可以了）。除此之外還要考慮是否可以用圖片以外的元素代替，比如有的純色塊完全沒必要用圖片，只要在網頁中調整表格的顏色就可以得到相同的效果。photoshop有專門的切割工具，按需要把設計好的網頁切割好後用ctrl+alt+shift+s保存，就會生成一個html文件了，你會發現html的圖片文件夾里已經有你切好的一塊一塊的小圖片。瀏覽這個web頁面，顯示的效果和ps中的完全一致，似乎布局已經完成了。
但Dreamweaver現在才剛剛開始排的上用場，因為網頁畢竟不是純粹的圖片，還需要文字、flash、聲音等元素的添加，Dreamweaver要做的就是繼續完善你的頁面，圖片越少越好，該刪的刪、該設背景的設為背景該用表格顏色代替的用顏色代替。
哇塞 想想都麻煩^ ^
歸根結底 photoshop 是用來構圖設計的，而Dreamweaver是為了完成並完善圖片到網頁的轉換過程。

6、用ps製作網站首頁的過程（步驟）

第一步：手工繪制；第二步：ps製作；第三步：切割圖片；第四步：導出網頁圖片；第五步：轉換成網頁代碼；

7、網頁設計製作流程是什麼樣的？

網頁設計的兩大要點是：整體風格和色彩搭配。
確定網站整體風格
在這里，我提供給大家一些參考經驗：
1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。
2．突出你的標准色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

8、ps網頁設計製作過程。

第一:整個網站的風格要把握 第二:圖片的處理,圖片的大小不能太大。 第三:安全性問題 第四:客戶的體驗。比如你的投票板塊放在哪裡客戶會給你投票而不是讓客戶反感