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

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

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

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

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

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

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

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

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

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

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

這時瀏覽器就會將這個網(wǎng)頁中的所有的元素都復(fù)制下來，存放到一個文件夾中。

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

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

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

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