導航:首頁 > 萬維百科 > 怎麼用psd設計網頁模板

怎麼用psd設計網頁模板

發布時間:2021-02-26 11:28:21

1、psd網頁模板怎麼用?

打開後,編輯修copy改部分圖片或文字,符合自己需要後,點菜單上的》文件》存儲為web所用格式,輸出就是現成網頁。不然怎麼叫模板呢?正常用法就是這樣的。
當然你要保存為圖片在粘到現有網頁中去也隨你,那要就要用網頁編輯軟體了,比如常見的Dreamweaver、FrontPage

2、網上下的PSD 或HTML的網頁製作模板怎麼用???

添加文字最好在PS里就完成。
切片是為了加超級連接方便點。

3、PSD格式網頁模板如何用?

你可以在PS中來修改模板的LOGO以及圖片和小圖標,修改好以後,就可以切片生成網頁文件.

4、如何使用.psd網頁模板中?

http://www.newhua.org/dispbbs.asp?boardID=24&ID=540&page=1

5、PSD的網頁模板如何使用??

PSD是PHOTO SHOP的圖形格式,保存了製作時的各個圖層,網路上下載的模板大多都為這樣的專格式,屬目的是為了讓下載到的人能夠進行二次修改。

如果你沒有安裝PHOTO SHOP的話,你就無法對該文件做任務的修改了,想瀏覽圖片效果,可以用ACD SEE來查看。

6、PSD網頁模板怎麼用啊

打開後,編輯copy修改部分圖片或文字,符合自己需要後,點菜單上的》文件》存儲為web所用格式,輸出就是現成網頁。不然怎麼叫模板呢?正常用法就是這樣的。
當然你要保存為圖片在粘到現有網頁中去也隨你,那要就要用網頁編輯軟體了,比如常見的Dreamweaver、FrontPage

7、網頁製作中如何使用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、開始第一點的操作,但規劃站點的內容分布很重要

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

8、如何使用PSD做網頁?

psd是是圖像文件,只是讓你看看網站的樣式,.
如果要是做網站的話我一般使用dreamweaverMX2004.FrontPage也行內,但屬於出學者用的容
http://www.zwye.com/book/sort.asp?CateID=3&SubCateID=179
這個裡面有許多關於網站知識的,如果還有什麼不懂可以與我聯系,我的qq是511906306

9、PSD網頁模板怎麼用?

用photoshop打開後,編輯修改部分圖片或文字,符合自己需要後,點菜單上的-文件-存儲為web所用格式,輸出就是html網頁。
你要保存為GIF或JPEG在粘到現有網頁中去也隨你,那要就要用網頁編輯軟體了,比如常見的Dreamweaver、FrontPage 。

推薦幾個現國內比較知名的素材網站吧
大圖網 一個非常優秀的免費素材網站,優點是素材的質量比較好,而且素材更新速度也比較快。
愛圖網 一個很老的素材網站 素材也比較多 素材比較全,素材比較多,大部分是免費的,圖片素材很多都是打包的素材。
思緣論壇 非常多的影樓素材,PS素材,和設計素材,國內素材論壇發展最好的一個,還可以學習PS教程和設計技巧

10、怎樣用psd模板做網頁啊

首先先建立一個PSD文檔 色彩模式RGB 72像素 尺寸根據你網站的大小制定
然後就在PS里設計你的網站 就當一個平面圖設計
需要放數據文字的模塊先放一個框子空著他
這樣貼好圖後 就直接切 你在PS里切的一塊塊的 到dreamweaver 里就是一個方框的 自動分開的
基本上平面部分在PS里就能做這么多了
然後拖到dreamweaver 做鏈接 做效果 等等
簡單直白的說就是用PS的方便快捷的操作給你的網站打框架 做美工

與怎麼用psd設計網頁模板相關的知識