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

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

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

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

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

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

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