1.確定網(wǎng)頁(yè)的主 體色調(diào)風(fēng)格。

我們制作自己的網(wǎng)頁(yè) 首先應(yīng)該對(duì)自己的網(wǎng)頁(yè)有一個(gè)整 體的規(guī)劃，是建一個(gè)什么類(lèi)型的網(wǎng)站，網(wǎng)站主色調(diào)使用哪種顏色、設(shè)計(jì)布局采用什么樣的方式等這些都需要有一個(gè)很好的規(guī)劃。

2.規(guī)劃網(wǎng)站制作的整體布局——導(dǎo)航、按鈕、圖片、文字的排版方式。

做什么事都不能盲目的沒(méi)有目的的進(jìn)行，那樣只能浪費(fèi)時(shí)間浪費(fèi)精力，在我們制作網(wǎng)頁(yè)之前一定要對(duì)網(wǎng)頁(yè)的基本元素進(jìn)行一些設(shè)計(jì)?？梢院?jiǎn)單的畫(huà)草圖，或者瀏覽幾個(gè)自己比較喜歡的網(wǎng)站學(xué)習(xí)借鑒。

3.準(zhǔn)備和歸類(lèi)素材——圖片、音頻、視屏、文章等。

制作一個(gè)網(wǎng)頁(yè)需要大量的文件，我們必須先將這些不同類(lèi)型的文件進(jìn)行歸類(lèi)放置，整理到一個(gè)文件夾中。

打開(kāi)軟件，新建一個(gè)站點(diǎn)，然后在站點(diǎn)下建立不同的文件夾存放素材。

4.建立自己的主頁(yè)，按照之前的定的風(fēng)格設(shè)計(jì)布局。

不要急著添加圖片和文字，先將導(dǎo)航欄，標(biāo)題欄和內(nèi)容欄都規(guī)劃好然后在進(jìn)行素材的導(dǎo)入。注意無(wú)論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態(tài)很容易報(bào)錯(cuò)，文件添加后就不要更改文件路勁了，否則會(huì)導(dǎo)致文件的丟失。

5.制作網(wǎng)頁(yè)是一個(gè)非常復(fù)雜的過(guò)程，如果想從頭到尾自己制作一個(gè)網(wǎng)頁(yè)的話是很難說(shuō)清楚的，所以這里就分享一個(gè)很簡(jiǎn)單的方法。

找到一個(gè)適合自己風(fēng)格或是自己比較喜歡的網(wǎng)頁(yè)，右擊鼠標(biāo)——另存為。

這時(shí)瀏覽器就會(huì)將這個(gè)網(wǎng)頁(yè)中的所有的元素都復(fù)制下來(lái)，存放到一個(gè)文件夾中。

6.打開(kāi)軟件代開(kāi)剛剛下載的網(wǎng)頁(yè)，這時(shí)中就會(huì)顯示你下載網(wǎng)頁(yè)的所有元素，不會(huì)出現(xiàn)丟失的情況。

7.替換網(wǎng)頁(yè)中的元素即可。

選擇需要進(jìn)行修改的圖片或是文字直接更換即可。選擇一個(gè)元素然后在下面的屬性欄中進(jìn)行更換即可。同時(shí)還可以更換圖片的大小和其他的屬性。

8.按下F12進(jìn)行預(yù)覽效果即可。不滿意的地方進(jìn)行修改，一定要注意隨時(shí)保存文件。