很多人在設(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)頁的修改。
方法:
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打開,修改,可以加上鏈接、地圖等。
新聞熱點(diǎn)
疑難解答
圖片精選