1、確定網頁的主體色調風格。我們製作自己的網頁首先應該對自己的網頁有一個整體的規劃，是建一個什麼類型的網站，網站主色調使用哪種顏色、設計佈局採用什麼樣的方式等這些都需要有一個很好的規劃。
2、規劃網站的整體佈局——導航、按鈕、圖片、文字的排版方式。做什麼事都不能盲目地沒有目的地進行，那樣只能浪費時間浪費精力，在我們製作網頁之前一定要對網頁的基本元素進行一些設計。可以簡單的畫草圖，或者瀏覽幾個自己比較喜歡的網站學習借鑑。
3、準備和歸類素材——圖片、音頻、視屏、文章等。製作一個網頁需要大量的文件，我們必須先將這些不同類型的文件進行歸類放置，整理到一個文件夾中。
4、打開Dreamweaver軟件，新建一個站點，然後在站點下建立不同的文件夾存放素材。
5、建立自己的主頁，按照之前的定的風格設計佈局。不要急着添加圖片和文字，先將導航欄，標題欄和內容欄都規劃好然後在進行素材的導入。注意無論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態很容易報錯，文件添加後就不要更改文件路勁了，否則會導致文件的丟失。
6、製作網頁是一個非常複雜的過程，如果想從頭到尾自己製作一個網頁的話是很難説清楚的，所以這裏就分享一個很簡單的方法。找到一個適合自己風格或是自己比較喜歡的網頁，右擊鼠標——另存為。這時瀏覽器就會將這個網頁中的所有的元素都複製下來，存放到一個文件夾中。
7、打開Dreamweaver軟件代開剛剛下載的網頁，這時Dreamweaver中就會顯示你下載網頁的所有元素，不會出現丟失的情況。
8、替換網頁中的元素即可。選擇需要進行修改的圖片或是文字直接更換即可。選擇一個元素然後在下面的屬性欄中進行更換即可。同時還可以更換圖片的大小和其他的屬性。
9、按下F12進行預覽效果即可。不滿意的地方進行修改，一定要注意隨時保存文件。
哇咔範
