① 如何把網站首頁做成psd圖片
你該會PS吧?網站前台?
網路下 網站截圖~~~我記得有這樣的軟體---------因為有些網站是很「高」的,你直接截圖截不完全~~當然你會PS也可以分幾次截圖~
------------------
你要是PS愛好者,上面的可以解決你的問題了,但你要是網站前台美工,PS切片後很難做出滿意的效果(我這么感覺的)~所以,想模仿別人網站首頁的布局,最好的方法就是打開對方網站,點IE瀏覽器--文件-另存為--(網頁,全部)~~~~~
當然,也可以存為其他的
② 網頁製作中如何使用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、開始第一點的操作,但規劃站點的內容分布很重要
整體考慮點:
圖片的合並,減少請求量
結構的合理性,語義化
樣式的簡潔,便於後期維護
多為後期的維護以及程序開發著想,如何簡單實現效果
③ 為什麼網站模板都是psd格式的,這個應該怎麼使用
這個叫效果圖, 當然是PSD的源文件, 只要您在做網站布局的時候要用到的元素圖用PS或其他軟體從源文件中剪切並另存為一個個單個的元素圖, 再進DM或其他軟體進行編輯或DIV+CSS布局, 這樣一個網站模板就做好了;
④ 網頁素材psd如何使用
用Photoshop打開,然後導入PSD,,圖層都是分層的,然後你就可以任意編輯。
⑤ 如何將psd應用於網站製作
PSD用fireworks切圖,然後用html代碼+div+css寫成網頁
輔助程序語言,如php等做成動態站就可以了!
⑥ 網上下了一些網頁設計的圖標素材都是像這種psd圖片的,我要怎麼用啊,摳圖摳下來嗎 - -
你好,一般像素材圖片,特別是PSD的,都是有圖層的,所以你可以用PS軟體打開,裡面會有圖層顯示,每個按鈕都是有圖層的,你只需選擇你要的某個按鈕的圖層,拖到你的設計文件裡面使用即可。如果只是一張JPG圖,全部合了層的,你才需要摳圖,當然效果都一樣。只是這個素材有圖層的話更方便。更多設計方面的專業文章請瀏覽唯美客設計網站!
⑦ 已有空間,怎樣用psd模版建立自己的網站新手,求詳細方法
你可以用psd模板進行修改成你網站需要的內容樣子,然後導成圖片,使用fireworks進行切圖「導出向導」導出圖片,css,htm,然後用DW進行代碼編寫,如果你懂html代碼,div+css的話應該沒問題。
新手不懂的話可以上網搜下,都有教程的,開始做時就得有耐心。
不知道對你有沒有幫助。