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

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

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

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

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

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

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