現(xiàn)在，以下邊的簡單網(wǎng)頁為例，敘述一下制作過程。簡單網(wǎng)頁如下圖：

在開始制作之前，我們先對這個頁面進行一下分析。看看這個頁面用到了那些東西。

□網(wǎng)頁頂端的標(biāo)題“我的主頁”是一段文字。

□網(wǎng)頁中間是一幅圖片。

□最下端的歡迎詞是一段文字。

□網(wǎng)頁背景是一深紫紅顏色。

知道了這個網(wǎng)頁的結(jié)構(gòu)以后我們就來可以制作了。

首先啟動dreamweaver mx 2004，確保你已經(jīng)用站點治理器建立好了一個網(wǎng)站（根目錄）。

為了制作方便，請您事先打開資源治理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。

【插入標(biāo)題文字】

進入頁面編輯設(shè)計視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點的位置。假如要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進行設(shè)置。

【設(shè)置文字的格式】 選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號。并選中“b”將字體變粗。

【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可。

【設(shè)置網(wǎng)頁的標(biāo)題和背景顏色】

點擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對話框（如下圖）

請在標(biāo)題輸入框填入標(biāo)題“我的主頁”。

設(shè)置背景顏色：網(wǎng)頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進行選取。假如背景要設(shè)為圖片，點擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對話框，選中背景圖片文件，點擊確定按鈕。

設(shè)計視圖狀態(tài)，在標(biāo)題“我的主頁”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。

【插入圖像】選擇以下任意一種方法：

（1）使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定。如下圖：

（2）使用插入欄（如下圖）：單擊插入欄對象按鈕>選

按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。|||

（3）使用面板組“資源”面板（如下圖）：點

按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動至工作區(qū)合適位置。

注：為了治理方便，我們把圖片放在“images”文件夾內(nèi)。假如圖片少，您也可以放在站點根目錄下。注重文件名要用英文或用拼音文字命名而且使用小寫，不能用中文，否則要出現(xiàn)一些麻煩。

一個圖片就插入完畢了。（插入*.swf動畫文件，選擇“插入”菜單＞媒體＞flash）。

【輸入歡迎文字】

在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您……”然后，利用屬性面板對文字進行設(shè)置。

保存頁面。

一個簡單的頁面就這樣編輯完畢了。

【預(yù)覽網(wǎng)頁】在頁面編輯器中按f12預(yù)覽網(wǎng)頁效果。網(wǎng)站中的第一頁，也就是首頁，我們通常在存盤時取名為index.htm。

【小結(jié)】在今天的教程中我們制作了一個簡單的網(wǎng)頁。

內(nèi)容有四：

①圖片插入和對齊設(shè)置；

②文字的格式、顏色和加粗等設(shè)置；

③背景顏色的設(shè)置；

④預(yù)覽網(wǎng)頁，查看實際效果。

不僅要把握還要舉一反三反復(fù)練習(xí)。