網頁模板psd
❶ 網上下載的網頁模板文件是psd格式的,怎麼變成網頁格式
關鍵是你想做成什麼東西的問題。PSD是保留的源文件想怎麼做都行。
❷ 如何將psd網站模板轉換成html網頁形式
將psd網站模板轉換成html網頁形式,首先需要理解,psd的模版,只是對於網站的一個整理布局,使用圖片的形式來做的,而在瀏覽器上需要過html+css+js等等這些技術手段才可以來做出來,如PSD的網站的背景顏色,在網頁中,需要去使用background:#f00,來實現,psd其實就是一種參考,具體我們看下,一些小的代碼設計:
<html>
<head>
<style>
body{
width:960px; //限定網頁的寬度
margin:0 auto;
boreder:1px solid #f00 //加個邊框利於觀察
}
</style>
</head>
<body>
<p>我是測試文字</p>
</body>
</html>
❸ PSD網頁模板怎麼用
用photoshop打開後,編輯修改部分圖片或文字,符合自己需要後,點菜單上的-文件-存儲為web所用格式內,輸出就是html網頁容。
你要保存為GIF或JPEG在粘到現有網頁中去也隨你,那要就要用網頁編輯軟體了,比如常見的Dreamweaver、FrontPage 。
推薦幾個現國內比較知名的素材網站吧
大圖網 一個非常優秀的免費素材網站,優點是素材的質量比較好,而且素材更新速度也比較快。
愛圖網 一個很老的素材網站 素材也比較多 素材比較全,素材比較多,大部分是免費的,圖片素材很多都是打包的素材。
思緣論壇 非常多的影樓素材,PS素材,和設計素材,國內素材論壇發展最好的一個,還可以學習PS教程和設計技巧
❹ 急求整站的網頁模板,PSD格式的。就是包括主頁和子頁面整個網站的。謝謝!
你可以把你們老師的具體要求發出來,根據你們老師的要求來做,一般來說也還是很簡單的。
❺ 網頁製作中如何使用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格式的,怎麼用啊直接打不開
用PHOTHSHOP軟體就可以打開
是圖層格式的
❼ PSD的模板文件,怎麼用PS轉化成網頁模板
1、在電腦上打開PS軟體,在軟體的菜單欄中找到文件,點擊後選擇打開按鈕。
❽ 套用psd網頁模板
直接把你看到的頁面資源都下載下來。psd一般都是人家設計出的,除非你是在資源站看到的頁面,要不然除了出頁面的設計師沒有人會有你指定的psd文件
❾ 急將psd網頁模版轉換為html的詳細講解
我來回答~
psd,是photoshop文件。你切片好後,點文件---存儲為web所用格式---存儲---選對路徑就好了。等你存好後,你可以看見兩個東西,一個是image文件夾,裡面是你切片後形成的一張一張的圖片,另一個文件是html文件,可以用dreamweaver打開,編輯。
圖片上的文字和圖像做徹底的分離,這個要用photoshop,這個是圖層的問題,如果你用過photoshop就一定知道了。
關於css,你切片好後,是table的,不是加css的,css只是格式的控制,排版可以用兩個,table(表格)和div(層),這些是dreamweaver的基本東西,可以去學學,我是做網站的,要分啊。要是說的好的話就把分給我吧~
不知道你的基礎怎麼樣,所以不太好說。歡迎提問~