將psd網(wǎng)站模板轉(zhuǎn)換成html網(wǎng)頁形式，首先需要理解，psd的模版，只是對(duì)于網(wǎng)站的一個(gè)整理布局，使用圖片的形式來做的，而在瀏覽器上需要過html+css+js等等這些技術(shù)手段才可以來做出來，如PSD的網(wǎng)站的背景顏色，在網(wǎng)頁中，需要去。

網(wǎng)頁設(shè)計(jì)在初始要界定出網(wǎng)頁的尺寸大小就像繪畫給出一塊畫版來這樣才能方便設(shè)計(jì)網(wǎng)頁的尺寸受限于兩個(gè)因素一個(gè)是顯示器屏幕顯示器現(xiàn)在種類很多，以17寸為主流， 正在朝19寸及寬屏的方向發(fā)展但目前也有為數(shù)不少的15寸。

1首先下載安裝Dreamweaver，打開后，新建一個(gè)網(wǎng)頁，一般選擇“HTML”建立網(wǎng)頁選擇“經(jīng)典”界面，有助于我們更便捷使用這個(gè)軟件 2下面選擇這三個(gè)界面，代碼拆分設(shè)計(jì)，一般默認(rèn)設(shè)計(jì)界面，對(duì)于新手這個(gè)功能具有可視化，能更好的制作網(wǎng)頁。

1在Adobe Photoshop CC中打開設(shè)計(jì)好的PS圖片文件 2按鍵盤快捷鍵Ctrl+R調(diào)出參考線功能 3在標(biāo)尺上按住鼠標(biāo)左鍵拉出輔助線到相應(yīng)位置 4選擇切片工具，或鍵盤快捷鍵C ，激活切片功能點(diǎn)擊基于參考線的切片，軟件自動(dòng)。

所謂PSD模板就是別人已做好了的一些PS檔框架，并且格式是PS的，你只要將自己想改的部分添加進(jìn)去適當(dāng)修改就成了你想要的效果了，就如PS婚紗模板一樣，把自己的照片放進(jìn)去，你也就擁有了美妙的婚紗照了。

如何制作PSD文件1Photoshop打開圖片，然后編輯好2Photoshop編輯好圖片后，點(diǎn)擊文件中另存為3點(diǎn)擊存儲(chǔ)為之后，保存頁面中保存格式設(shè)置為PSD，然后點(diǎn)擊保存4點(diǎn)擊保存PSD格式文件后，PSD文件就做好了怎樣用PS套用。

1將所需的PSD文件打開 2點(diǎn)擊打開按鈕，選擇需要打開的文件 3文件打開以后，選擇工具欄的切片工具，根據(jù)需要進(jìn)行圖片的分割，選擇切片工具，然后在psd頁面上拉動(dòng)選擇位置，就可完成一張圖的切片 4將切圖保存 5選擇保存。