導航:首頁 > 萬維百科 > 門戶網頁設計模板psd

門戶網頁設計模板psd

發布時間:2021-01-19 23:22:23

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

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

2、做網頁界面設計一定要用PS出PSD文件嗎

做界面設計當然要保存psd文件,這樣便於修改,導出成jpeg就不能再次編輯修改了

3、什麼網站可以下載到psd格式的網頁設計

柚果網站有,
設計帝國網站也有,
紅動中國上也有,您可以去看看。

但最好的辦法是搜索,使用問題中的關鍵詞應該就能搜索到的。

4、根據psd網頁設計稿製作網頁怎麼製作?

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

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

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

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

5、網頁設計大賽一般是psd的模板還是靜態html頁面啊?有參加過網頁設計大賽的沒有啊,或者知道的,介紹介紹

既然是網頁設計大賽,自然比的是網頁的成品。
當然這要看你所說的「網頁設計大賽」的規則,現在的大賽太多了吧。如果這個大賽別出心裁,允許「psd的模板」參賽,那自然是可以只提交psd文件。不過這樣的比賽也該改名為「網頁及網頁半成品設計大賽」

6、網頁設計所需要的模板網站,和經常找的一些圖片素材,可以下載免費的PSD格式,都有哪些網站,要免費的。

如果想要方便快捷的,建議最好是找一個收費的。裡面東西全還好,想做好就花點錢吧,在說也不貴的。

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相關的知識