在開始製作之前，我們先對這個頁面進行分析。看看這個頁面用到了哪些東西。
□網頁頂端的標題「我的主頁」是一段文字。
□網頁中間是一幅圖片。
□最下端的歡迎詞是一段文字。
□網頁背景是一深紫紅顏色。
構思好這個網頁的結構，我們就可以開始製作了。
首先啟動Dreamweaver，確保你已經用網站管理員建立了一個網站（根目錄）。
為了製作方便，請事先開啟資源管理器，把要使用的圖片收集到網站目錄images資料夾內。
【插入標題文字】
進入頁面編輯設計視圖狀態。在一般情況下，編輯器預設左對齊，而遊標在左上角閃爍，遊標位置就是插入點的位置。如果想要讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入「我的主頁」四個字。字小不要緊，我們可以對它設定。
【設定文字的格式】 選取文字，在上圖屬性面板中將字體格式設定成預設字體，大小可任意更改字號。並選中“B”將字體變粗。
【設定文字的顏色】先選取文字，在屬性面板中，點選顏色選擇圖標，在彈出的顏色選擇器中用滴管選取顏色即可。
【設定網頁的標題和背景顏色】
點選「修改」選單選「頁面屬性」。系統彈出頁面屬性對話框（如下圖）
請在標題輸入框填入標題「我的主頁」。
設定背景顏色： 網頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖開啟背景顏色選擇器進行選取。若背景要設為圖片，點選背景圖象「瀏覽」按鈕，系統彈出圖片選擇對話框，選取背景圖片文件，點選確定按鈕。
設計視圖狀態，在標題「我的主頁」右邊空白處點擊滑鼠，回車換一行，按照以下的步驟插入一幅畫圖片，並使這張圖片居中。您也可以透過屬性面板中的左對齊按鈕讓其居左安置。
【插入影像】選擇以下任一種方法：
（1）使用插入選單：在“插入”選單選“圖像”，彈出“選擇圖像來源檔案”對話框，選取該圖像文件，按確定。如下圖：
（2）使用插入列：點選插入欄物件按鈕>選按鈕，跳出「選擇影像來源檔案」對話框，其餘操作同上。
（3）使用面板組「資源」面板（如下圖）：點按鈕，展開根目錄的圖片資料夾，選定該文件，用滑鼠拖曳至工作區適當位置。
註：為了管理方便，我們把圖片放在「images」資料夾內。如果圖片少，您也可以放在網站根目錄下。注意檔案名稱要用英文或用拼音文字命名而且使用小寫，不能用中文，否則要出現一些麻煩。
一張圖片就插入完畢了。 （插入*.swf動畫文件，選擇「插入」選單＞媒體＞Flash）。
【輸入歡迎文】
在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您…”然後，利用屬性面板對文字進行設定。
儲存頁面。
一個簡單的頁面就這樣編輯完畢了。
【預覽網頁】在頁面編輯器中按F12預覽網頁效果。
網站中的第一頁，也就是首頁，我們通常在記憶體時取名為index.htm。
【小結】我們製作了一個簡單的網頁。
內容有四：
①圖片插入和對齊設定；
②文字的格式、顏色和加粗等設定；
③背景顏色的設定；
④預覽網頁，查看實際效果。
不僅要掌握還要舉一反三反覆練習。