如何將網(wǎng)頁效果圖制作成網(wǎng)頁

發(fā)布日期：[2009/11/9] 編輯：奇億廣州網(wǎng)站建設(shè)

一般網(wǎng)站制作前都需要先設(shè)計(jì)好頁面，對于很多設(shè)計(jì)愛好者來說設(shè)計(jì)頁面不成問題，倒是制作成最終的網(wǎng)站頁面格式給難住了，本文將介紹幾種簡單的制作方法。對很多初學(xué)者也很適用哦。

方法一，利用FIREWORKS軟件直接制作成網(wǎng)頁。用FIREWORKS打開設(shè)計(jì)好的網(wǎng)頁圖，選中整張效果圖，點(diǎn)左邊工具欄的“切片”工具，在WEB區(qū)域下，有點(diǎn)青色的按鈕，很容易看到。點(diǎn)了以后你會看到鼠標(biāo)變成十字形了，這時(shí)你將效果圖的每一個(gè)區(qū)域分別用鼠標(biāo)拖曳選中，選中區(qū)域變成綠色，待網(wǎng)頁效果圖的所有區(qū)域都選中變成綠色時(shí)點(diǎn)左上菜單欄的文件選項(xiàng)，然后選擇導(dǎo)出，跳出框選擇保存類型為“HTML和圖象”（一般情況不用設(shè)置，默認(rèn)即可）保存到你要放的某個(gè)文件夾里，這時(shí)你會看到保存的文件夾里多了一個(gè)HTML結(jié)尾的文件和一個(gè)圖片文件夾。雙擊運(yùn)行HTML后綴的文件看看，是不是變成網(wǎng)頁了。將網(wǎng)頁文件和圖片文件夾傳到空間里就能通過域名訪問了，如果要修改網(wǎng)頁則用Dreamweaver打開修改吧。
此方法不一定非要用FIREWORKS，其他軟件也有類似功能，如PHOTOSHOP等。

方法二，針對頁面結(jié)構(gòu)比較單一或清晰明了的比較適合，直接用DREAMWEAVER進(jìn)行布局結(jié)構(gòu)，然后將網(wǎng)頁效果需要用到的圖片用圖形處理軟件一張張切出來，把網(wǎng)頁每一塊區(qū)域用到的圖片放到DREAMWEAVER布局的對應(yīng)結(jié)構(gòu)中即可。這個(gè)比較適合較熟悉DREAMWEAVER布局網(wǎng)頁的人。

方法三，針對網(wǎng)頁不需要輸入文字的頁面，打開DREAMWEAVER，新建一HTML網(wǎng)頁文件，保存網(wǎng)頁文件在存放效果圖的同一目錄中。然后選擇插入-圖像，選擇整張網(wǎng)頁效果圖確定，然后保存網(wǎng)頁即可。

其中方法一比較適合設(shè)計(jì)愛好者，方法二比較適合網(wǎng)頁制作愛好者，方法三最適合初學(xué)者。有了這方法，你就可以將自己設(shè)計(jì)的網(wǎng)頁效果圖或者別人設(shè)計(jì)的精美網(wǎng)頁效果圖制作成網(wǎng)頁格式了。如果傳到空間就直接能訪問。