你好下面是新疆行知書網(wǎng)頁源代碼以及PSD源文件，望采納。鏈接: https://pan.baidu.com/s/1pMi5oUn 提取密碼: 8vc5

PSD網(wǎng)頁模板主要是為了看靜態(tài)效果圖，現(xiàn)在很少這么做了，現(xiàn)在大部分網(wǎng)站都是動態(tài)的，一般用Axure來做網(wǎng)站交互式原型設(shè)計PSD-HTML，當然不能直接轉(zhuǎn)換1、首先用Photoshop打開PSD源文件2、適當編輯修改（例如文字，顏色，布局等）3、然后使用鋼筆工具切片，盡量保證切片合拼后能復(fù)原原效果圖4、將切片圖片存儲在網(wǎng)站更目錄image文件夾下備用5、開始準備撰寫必要的html代碼6、將切片圖片插入當網(wǎng)頁相應(yīng)位置，然后通過CSS調(diào)整樣式即可不過很多以前的網(wǎng)頁前端設(shè)計師都是這么做的。

免費的素材網(wǎng)站有很多，但你要簡單好用且免費的，我建議你可以用在線設(shè)計工具（易 圖設(shè)計），所有素材是完全免費的，無版權(quán)的。功能：線上圖形設(shè)計、做海報、做PPT、信息圖等易 圖設(shè)計是一款簡單易用的線上圖形設(shè)計工具，用戶可使用平臺提供的大量的圖片、字體、模板等素材，通過簡單的拖拉拽操作就可以輕松設(shè)計出精美的海報、PPT、 信息圖等圖片。解決了大多數(shù)人的設(shè)計痛點，讓不會使用專業(yè)制圖軟件的運營人員也能快速制作出自己想要的圖片。你可以將作品直接分享給他人，也可以將作品導(dǎo)出存儲下載。優(yōu)點如下1、不需要麻煩的安裝破解，沒有復(fù)雜的操作界面，極簡的交互方式；2、大量免費的高清圖片和創(chuàng)意字體,素材都在線使用，無需百度搜圖，無需去素材站下載；3、社交、印刷、工作、生活等各種圖像場景，不同的畫布讓你不用考慮尺寸的問題；4、在線快速制作，一鍵開啟全屏演示，多種轉(zhuǎn)場動畫搭配；5、輕松制作精美的公眾號首圖、文章配圖等設(shè)計，新媒體小編必備。

設(shè)計素材網(wǎng)站大全 經(jīng)典素材，是設(shè)計師創(chuàng)意的利劍。收集整理了幾大素材門戶網(wǎng)站。 一、站酷（ZCOOL） ： http://www.zcool.com.cn/ 專業(yè)完美的素材下載與設(shè)計分享網(wǎng)站，提供矢量素材、PSD分層素材、圖標素材、高清圖片、原創(chuàng)作品等內(nèi)容。前沿時尚的設(shè)計風格，日韓歐美設(shè)計素材應(yīng)有盡有。站酷網(wǎng)站簡潔美觀，視覺沖擊力強。 二、素材中國 ： http://www.sccnn.com/ 提供各類設(shè)計素材的收集下載，包括：圖片、素材、壁紙、網(wǎng)頁素材、動畫素材、矢量圖、PSD分層素材、3D、字體、教材、圖標，等等。 三、站長素材： http://sc.chinaz.com/ 提供各類設(shè)計素材的收集下載，包括：圖片下載、網(wǎng)頁模板、圖標下載、酷站欣賞、QQ表情、矢量素材、PSD分層素材、音效下載、桌面壁紙、網(wǎng)頁素材，等等。資源豐富，更新及時，專題素材下載也是它的特色。 四、昵圖網(wǎng)： http://www.nipic.com/ 提供各類素材，包括：圖庫、圖片、攝影、設(shè)計、矢量、PSD、AI、CDR、EPS、圖片下載、共享圖庫，等等。 五、中國素材網(wǎng)： http://www.sucai.com/ 提供高精圖、矢量圖、桌面背景、LOGO、PNG圖、網(wǎng)頁模板、QQ表情、字體下載、音效、網(wǎng)頁特效、論文、范文等內(nèi)容。 六、素材資源庫： http://sc.52design.com/ 資源豐富，分類繁多，就是沒有提供資源搜索功能，使用起來不太方便。提供網(wǎng)頁模板、Flash源碼、矢量素材、PSD素材、透明Flash資源、字體下載、PS筆刷、網(wǎng)頁背景、音效素材、腳本特效，等等。 七、聯(lián)盟素材： http://sc.68design.net/ 網(wǎng)站簡潔清爽，廣告很少，這里的網(wǎng)頁設(shè)計素材是很不錯的。當然，還提供網(wǎng)頁模板、圖庫壁紙、特色圖標、矢量素材、代碼素材、Flash素材、其它素材，等等。 八、沃格斯克網(wǎng)： http://www.orgsc.com/ 內(nèi)容非常豐富，廣告也是。專于網(wǎng)頁設(shè)計素材，提供設(shè)計素材、Flash源文件、PSD源文件，等等素材下載，非常適合網(wǎng)頁設(shè)計師。 九、懶人圖庫： http://www.lanrentuku.com/ 網(wǎng)站介紹：懶人圖庫自建站以來，一直致力于網(wǎng)頁素材的提供，目標是做成國內(nèi)最大的網(wǎng)頁素材下載站。懶人圖庫口號：學(xué)會偷懶，并懶出境界是提高工作效率最有效的方法！ 專注于提供網(wǎng)頁素材下載，其內(nèi)容涵蓋網(wǎng)頁素材、矢量素材、JS廣告代碼、小圖片、網(wǎng)頁背景、導(dǎo)航菜單、PNG圖標，等等。懶人圖庫深入人心，做到了“讓任何一個網(wǎng)頁設(shè)計師都能輕松找到自己想要的素材”。 十、維奇素材網(wǎng)： http://www.veeqi.com/ 收集的素材資源豐富，但下載資源（大部分）需要收取一定維奇幣。提供免費矢量素材、PSD分層、圖標素材、網(wǎng)頁素材、中文字體、網(wǎng)頁模板與壁紙、PS教程等平面設(shè)計素材。維奇素材網(wǎng)頁面清爽明快，廣告也少。 十一、視覺中國下吧： http://down.chinavisual.com/ 由視覺中國資深編輯精心挑選的國內(nèi)外優(yōu)秀設(shè)計素材，網(wǎng)羅矢量、icon、壁紙、PSD、電子刊物、圖案、字體、三維場景、材質(zhì)貼圖、主題等多個素材門類，為用戶提供高質(zhì)量的素材資料。 十二、豬八戒學(xué)院： http://xy.zhubajie.com/ 資源豐富，其它素材站所沒有的，這里都有，值得收藏。提供矢量、欣賞、酷站、圖片、圖標、桌面、PSD、代碼、Flash、背景、字體、 顏色，等等。 十三、紅動圖爸： http://sucai.redocn.com/ 設(shè)計素材網(wǎng)站大全(2): 提供PSD分層素材、 設(shè)計 圖片、攝影圖片、 設(shè)計 字體、原創(chuàng) 設(shè)計 作品欣賞，等等。共享資源不是很多，需要資源幣才能下載。 十四、素材世界： http://www.sssccc.com/ 以高精度圖庫、PSD分層圖庫素材為主打，PSD素材 提供PSD分層素材、設(shè)計圖片、攝影圖片、設(shè)計字體、原創(chuàng)設(shè)計作品欣賞，等等。共享資源不是很多，需要資源幣才能下載。 十四、素材世界： http://www.sssccc.com/ 以高精度圖庫、PSD分層圖庫素材為主打，PSD素材資源絕對比任何素材網(wǎng)站豐富。只是網(wǎng)站過于簡潔，首頁幾乎沒什么圖片，全是文字，也不支持資源搜索，廣告太多，谷歌聯(lián)盟的廣告有意與導(dǎo)航菜單混淆，有誘惑用戶點擊廣告的嫌疑，美工有待改進，用戶體驗很非常不好。 十五、圖酷： http://www.tucoo.com/ 設(shè)計師的隨身圖庫：設(shè)計素材、插畫、卡通、CG、矢量、時尚、圖案、網(wǎng)頁素材全方位素材圖片庫。 十六、3lian素材： http://www.3lian.com/ 3lian素材網(wǎng)（ www.3lian.com ）創(chuàng)建于2004年10月，是一個以提供經(jīng)典設(shè)計素材為主的資源網(wǎng)，站點包括矢量圖、PSD分層素材、高清圖片、Flash源文件、PNG圖標、3D模型、模板、酷站、壁紙、字體、教程等。 十七、E庫素材： http://www.iecool.com/ E庫素材網(wǎng)是為廣大網(wǎng)頁設(shè)計制作愛好者、平面設(shè)計制作愛好者及其他人員提供各種素材的資源庫。網(wǎng)站共分圖片素材、矢量圖庫、高精圖庫、網(wǎng)頁素材、網(wǎng)頁模板、壁紙、明星、下載中心、技術(shù)教程、E庫論壇、IT資訊等11個欄目。擁有素材圖片、高精度圖片、PSD源文件、FLASH源文件、網(wǎng)頁圖標、網(wǎng)頁模板、源碼下載、技術(shù)教程、軟件下載、字體下載等豐富資源。圖片素材欄目具有數(shù)量多、分類細、質(zhì)量高等特點，高精圖庫是06年E庫與素材站合力推出的平面設(shè)計專用高精度圖片欄目，具有高像素（高清晰）、高分辨率、免費和大容量等特點。 十八、素材精品屋： http://www.sucaiw.com/ 提供各類圖片、壁紙、矢量圖、分層圖、模板、圖標、動畫、字體等素材收集下載。 十九、素材天下網(wǎng)： http://www.sucaitianxia.com/ 素材豐富，但網(wǎng)站美工一般，且廣告太多，連搜索也掛著百度聯(lián)盟的，嚴重影響用戶體驗。 二十、素材藝庫： http://www.ekoooo.com/ 內(nèi)容涉及設(shè)計類、辦公類、美術(shù)類等基于計算機數(shù)字影像和數(shù)字藝術(shù)領(lǐng)域方面。頁面簡潔美觀，需要金幣才能下載資源。 二一、素材酷： http://www.sccooo.com/ 頁面非常簡潔，素材精美，但更新較慢，需要登錄后才能下載。提供矢量素材、PSD分層素材、圖標（GIF/ICON/PNG）、PS筆刷、節(jié)日主題素材源文件，等等。 二二、中國設(shè)計秀設(shè)計資源站： http://sc.cnwebshow.com/ 網(wǎng)站布局過于緊湊，下載頁面廣告較多，沒有開發(fā)專業(yè)的欄目搜索功能（使用DEDECMS程序構(gòu)建）。提供矢量素材、網(wǎng)頁平面設(shè)計素材，等等。 希望這些設(shè)計素材門戶網(wǎng)站能夠給大家的設(shè)計帶來方便，有所幫助！采納哦

PSD網(wǎng)頁模板主要是為了看靜態(tài)效果圖，現(xiàn)在很少這么做了，現(xiàn)在大部分網(wǎng)站都是動態(tài)的，一般用Axure來做網(wǎng)站交互式原型設(shè)計PSD-HTML，當然不能直接轉(zhuǎn)換1、首先用Photoshop打開PSD源文件2、適當編輯修改（例如文字，顏色，布局等）3、然后使用鋼筆工具切片，盡量保證切片合拼后能復(fù)原原效果圖4、將切片圖片存儲在網(wǎng)站更目錄image文件夾下備用5、開始準備撰寫必要的html代碼6、將切片圖片插入當網(wǎng)頁相應(yīng)位置，然后通過CSS調(diào)整樣式即可不過很多以前的網(wǎng)頁前端設(shè)計師都是這么做的。

PSD最好做1366*768的尺寸，網(wǎng)頁頂部、底部、導(dǎo)航條部分需要百分百寬 內(nèi)容根據(jù)PSD設(shè)定具體像素

www.zcool.com.cn 站酷設(shè)計師互動平臺，里面有很多PSD素材都是免費的www.68design.net 網(wǎng)頁設(shè)計師聯(lián)盟，里面素材都是免費的，你可以去下載。http://down.chinavisual.com/app/down/stuff/index/ 視覺中國下吧，很不錯的下載站都是免費的。希望對你有所幫助