很多人在設(shè)計(jì)網(wǎng)頁時(shí)選擇photoshop，而不是dreamweaver，因?yàn)閜s它的圖像處理技術(shù)更加強(qiáng)大。在ps中設(shè)計(jì)好網(wǎng)頁后，需要將它生成網(wǎng)頁，一般情況下，還需要使用dreamweaver來進(jìn)行網(wǎng)頁的修改。

軟件名稱：Photoshop CS6特別版(PS CS6中文精簡(jiǎn)版免激活版) 西門探花作品 64位軟件大小：166MB更新時(shí)間：2012-12-22

軟件名稱：Adobe Dreamweaver CC 簡(jiǎn)體中文正式版軟件大小：332MB更新時(shí)間：2014-01-22

方法：

1、在這里，我借用百度經(jīng)驗(yàn)的主頁來給大家演一下（嘻嘻）。打開photoshop，打開設(shè)計(jì)好的圖片。

2、一般來說，我們需要使用切片工具將它分為幾個(gè)區(qū)域。一方面網(wǎng)頁不至于過大而難以加載，另一方面也方便在dreamweaver中按區(qū)域來修改。

3、將圖片、文字等按照自己的設(shè)計(jì)需求來分割。在這里我就粗略的切一下。切完后也可以及時(shí)修改區(qū)域的大小。

4、我們選擇文件，存儲(chǔ)為web格式。

5、這時(shí)會(huì)跳出來一個(gè)窗口，你可以在其中在此簡(jiǎn)單修改每個(gè)區(qū)域的畫質(zhì)等。不需要的話則直接點(diǎn)儲(chǔ)存。

6、比如，其中的百度經(jīng)驗(yàn)圖標(biāo)需要高像素，我們就選擇該切片，在右側(cè)的屬性中修改。

7、不需要畫質(zhì)高的圖片，也可以修改，這樣可以方便加載出來。

8、儲(chǔ)存時(shí)一定需要注意，要選擇“html和圖像”。它彈出的警告不需要理會(huì)，直接點(diǎn)確定就可以。一般來說，主頁是index。

9、儲(chǔ)存完好，網(wǎng)頁便生成了，同時(shí)還有包含有其中切片的文件夾。

10、這時(shí)的網(wǎng)頁也只是圖片，用dreamweaver打開，修改，可以加上鏈接、地圖等。