如何將網頁效果圖制作成網頁

發布日期：[2009/11/9] 編輯：奇億廣州網站建設

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

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

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

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

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