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

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

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

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

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

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

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