PSD網站如何製作

❶ 提問誰能幫我把psd做成網頁加我

我能
啊
PSD是PhotoShop使用的專用格式，放在網站上的話最好保存為GIF或者
jpg格式
的圖片，還要做一些專業的優化，有興趣的可以和我詳聊

❷ 如何利用現有的psd模板製作網頁

可以用
切片工具
，把想放文字的地方切成一塊一塊的（背景最好是白色的部分）
然後Ctrl+shift+alt+S
輸出
存儲的時候，選html格式
用DW打開，切成塊的圖片刪掉，添上文字就可以了
如果有腳本，可以在剛刪掉的地方寫腳本，
然後保存就可以了
因為是內網，所以不用考慮文件容量問題

❸ 如何製作psd

1、打開Photoshop

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

❺ 如何「快速」將PSD做成網頁

在ps中打開你的效果圖-->拉出
參考線
(將你要切的圖片一
一對應參考線)-->按下快捷鍵K
，點擊「基於參考線的切片」-->按快捷鍵Ctrl+Alt+Shift+S，彈出一個對話框，點「儲存」，彈出一個保存對話框，在「保存類型」選擇「HTML和圖像」即可。完成

❻ 根據psd網頁設計稿製作網頁怎麼製作

1. PS自動切圖，注意：PSD里每個圖層名稱你要清晰並修改清楚，一些共同的部分，比如背景顏色，字體，超鏈接顏色等等統一寫在css里
   

2. 確定用html 還是html5語言來寫這個網頁

3. 確定這PSD從頭到尾的排版設計，好規劃自己<div>分層劃分以及css的編寫。

   總體還是先規劃好，搭建框架，再細寫代碼。
   

❼ 怎麼製作psd格式的網頁

你用FireWorks打開,然後用切片工具,對它進行分割,分割後,選菜單"文件"->導出,導出成htm格式的

一般要按欄目分割一下的,如果你不會分割,也可以不分割,直接導出成htm文件.
試一下吧

❽ PSD文件如何做成網頁

在PHOTOSHOP裡面打開PSD
然後用「切片」工具進行切片，比如說有一些地方你想做成按鈕的，就把它切成單獨的一塊~~~
然後「另存為」，在對話框的下方可以選擇保存的屬性的，就選保存「圖片及HTML」，然後就會輸出一個網頁啦。。。。。
在DW或者FP等網頁編輯器裡面可以直接編輯那個網頁啦~~
大體就是這樣~~

❾ 如何將psd應用於網站製作

PSD用fireworks切圖，然後用html代碼+div+css寫成網頁

輔助程序語言，如php等做成動態站就可以了！

❿ 網頁製作中如何使用PSD模版

其實標準的網製作完成的工作實際是：psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法：

1.打開fireworks將圖片切割導出為html。

2.直接在dreamweaver之類的工具去拖拉布局，導入相關的圖片,flash資源。

3.先在ps中完成切圖後，在文本編輯器中看著效果圖一步步的製作。

以上是大多被採用的方法，但都不好：

第一種方法最為不好，這樣的代碼根本不具維護性和可讀性。

第二種方法也不好，代碼難免會有冗餘，做出來的東西基本需要排查一遍。

第三種方法也不好，因為你需要看效果圖一點點的拼，也就是說寫html標簽的時候，你在不斷的假設這塊要怎麼去顯示。

正確的做法是：

1.拿到psd後，先不要做別的，直接在文本編輯器中將網頁的框架寫出來，不要假設這塊將來css要去怎麼渲染，完全自然化的標簽，不加任何的css。

2.寫完之後在各個瀏覽器運行之後確保大體定位都沒有問題。

3.書寫總體css,這里的css只負責大塊的定位及樣式。

4.切出需要的圖片資源，在寫好的框架中一點點的去構造，不斷的調試，最終為成品。

5.最後，為自己的代碼添加註釋，在css，html中都要合適的為自己的代碼添加註釋。

要想做出能靈活切換皮膚，讓css主導表現，還有很多要注意的地方，但大體的流程就是這樣的，當然我們一開始不能直接就做到先寫html，但起碼要有這個意識，循序漸進。。。

謝謝熱心會員"linxz"提供實際經驗，我貼上來供大家參考：
PSD出網站從兩個大點考慮
一、一個獨立的頁面
1、分析這個頁面，先在腦袋中或者草稿紙上描繪大概的結構
2、根據設計稿的的情況，分析背景圖的分布、ICO圖的分布等
3、切割相應的圖片，導出、合並圖片
4、在編輯器中寫整體結構XHTML代碼，包括頁面中出現的所有元素的結構
5、編寫CSS樣式中的整體以及模塊代碼
6、細節調整
7、收工，瀏覽器驗證是否正確

二、由多個頁面組成的小站點或者大站點
1、瀏覽所有設計稿，統一規劃站點模塊、圖片、文件分布
2、開始第一點的操作，但規劃站點的內容分布很重要

整體考慮點：
圖片的合並，減少請求量
結構的合理性，語義化
樣式的簡潔，便於後期維護
多為後期的維護以及程序開發著想，如何簡單實現效果