使用photoshop生成網(wǎng)頁的方法
我要評論很多人在設(shè)計網(wǎng)頁時選擇photoshop，而不是dreamweaver，因為ps它的圖像處理技術(shù)更加強大。在ps中設(shè)計好網(wǎng)頁后，需要將它生成網(wǎng)頁，一般情況下，還需要使用dreamweaver來進行網(wǎng)頁的修改。
方法：
1、在這里，我借用百度經(jīng)驗的主頁來給大家演一下（嘻嘻）。打開photoshop，打開設(shè)計好的圖片。
2、一般來說，我們需要使用切片工具將它分為幾個區(qū)域。一方面網(wǎng)頁不至于過大而難以加載，另一方面也方便在dreamweaver中按區(qū)域來修改。
3、將圖片、文字等按照自己的設(shè)計需求來分割。在這里我就粗略的切一下。切完后也可以及時修改區(qū)域的大小。
4、我們選擇文件，存儲為web格式。
5、這時會跳出來一個窗口，你可以在其中在此簡單修改每個區(qū)域的畫質(zhì)等。不需要的話則直接點儲存。
6、比如，其中的百度經(jīng)驗圖標需要高像素，我們就選擇該切片，在右側(cè)的屬性中修改。
7、不需要畫質(zhì)高的圖片，也可以修改，這樣可以方便加載出來。
8、儲存時一定需要注意，要選擇“html和圖像”。它彈出的警告不需要理會，直接點確定就可以。一般來說，主頁是index。
9、儲存完好，網(wǎng)頁便生成了，同時還有包含有其中切片的文件夾。
10、這時的網(wǎng)頁也只是圖片，用dreamweaver打開，修改，可以加上鏈接、地圖等。
相關(guān)文章
Adobe photoshop CC 2017安裝到別的盤圖文詳細教程
Adobe photoshop是一款修圖軟件，很多朋友們還不知道Adobe photoshop CC 2017如何安裝到別的盤？下面小編就給大家?guī)碓敿毜慕坛?，一起來看看?/div> 2016-11-25Adobe Photoshop CC 2017破解圖文安裝教程(附注冊破解補丁)
官方正式發(fā)布最新版 Adobe Photoshop CC 2017 v18.0.0，使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作，此次與Creative Cloud軟件包中的Premiere Pro、After Ef2016-11-05這篇文章主要介紹了Photoshop教程之蒙版的使用技巧10則的相關(guān)資料,需要的朋友可以參考下2016-10-24怎樣提高photoshop工作效率呢?簡單的五個步驟讓你工作方便快捷2016-08-26導(dǎo)讀:photoshop是每個平面設(shè)計工作者都要掌握的一款軟件，它功能強大，能勝任任何圖片處理操作。通過下面幾點PS教程來教大家怎么快速入門，步入平面設(shè)計領(lǐng)域。2016-10-21在本篇教程中將會為大家?guī)淼氖莗hotoshop的前景色和背景色工具的介紹，非常簡單，但是一定要了解哦!2016-08-24Photoshop保存時提示內(nèi)存不足（RAM）怎樣處理
接下來的教程將會為你帶來ps保存時提示內(nèi)存不足(RAM)的處理方法。2016-08-11photoshop中有很多常用的快捷鍵，具體是哪些，小編接下來整理了一下，希望可以幫到大家2016-08-11一張一張圖片改大小很麻煩，怎么辦?在這篇教程中就來告訴你photoshop怎么批量修改圖片大小!2016-08-10photoshop cs4出現(xiàn)無法完成請求因為程序錯誤解決辦法 ps無法完成請求
今天使用photoshop CS4編輯昨天剛保存的一個文件，里面都是字體文件，一打開之后它就有提示一看文字圖層上面有嘆號。感覺出現(xiàn)問題了果然一點文字編輯它就出來提示：無法完2015-10-09最新評論
