很多人在設計網頁時選擇photoshop,而不是dreamweaver,因為ps它的圖像處理技術更加強大。在ps中設計好網頁后,需要將它生成網頁,一般情況下,還需要使用dreamweaver來進行網頁的修改。
方法:
1、在這里,我借用百度經驗的主頁來給大家演一下(嘻嘻)。打開photoshop,打開設計好的圖片。

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

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

4、我們選擇文件,存儲為web格式。

5、這時會跳出來一個窗口,你可以在其中在此簡單修改每個區域的畫質等。不需要的話則直接點儲存。
6、比如,其中的百度經驗圖標需要高像素,我們就選擇該切片,在右側的屬性中修改。

7、不需要畫質高的圖片,也可以修改,這樣可以方便加載出來。
8、儲存時一定需要注意,要選擇“html和圖像”。它彈出的警告不需要理會,直接點確定就可以。一般來說,主頁是index。

9、儲存完好,網頁便生成了,同時還有包含有其中切片的文件夾。

10、這時的網頁也只是圖片,用dreamweaver打開,修改,可以加上鏈接、地圖等。
新聞熱點
疑難解答
圖片精選