在Dreamweaver UltraDev中，新建頁面的檔案名稱預設為untitled.asp。我們要給這個頁面重新取一個名字，例如是「index.htm」。改名的方法是在檔案名稱上緩慢地點擊兩下（如下圖），不要太快，否則會變成是雙擊開啟該檔案。
其中，htm既是文件的後綴，也是這個網頁文件的類型說明，表示這個網頁文件是屬於靜態的HTML文件（也可以用後綴html表示），以後大家緊記將網頁的後綴改為htm或html，否則傳上伺服器之後，瀏覽器就無法正常開啟。
【提示】
為什麼網站的第一頁的名字通常是index.html而不是其他？舉個例子，當你在瀏覽器打入http://www.goeway.com/index.html 這個網址時，其實並沒有明確地指定開啟哪一個頁面，但伺服器就會自動尋找index.html這個文件，如果有的話，就顯示這個文件，如果沒有，就再找index.htm，再沒有的話，就很可能會顯示錯誤訊息了。而先找index.html，再找index.htm這個順序是由伺服器決定的，而且絕大多數的伺服器都是遵循這個原則，而且一般使用者無權修改這個設定。所以我們在製作網頁時，最好將網站的第一頁命名為index.html或index.htm。
設定頁面屬性
設定頁面屬性，是在正式開始製作網頁前必備的工序。雙擊開啟剛才新建的index.htm，就自動轉入編輯視窗。選擇Modify > Page Properties設定一些必要的頁面屬性，如下圖：
① Title（標題）：頁面的標題會直接顯示在瀏覽器的左上方，例如用瀏覽器開啟goEway.com 網站，可以在瀏覽器的左上角看到該頁的標題“goEway.com – 上網指南” 。務必養成為每一頁都設定標題的習慣，這既便於訪客的瀏覽，也有助於你在網頁編輯的過程中區分不同的頁面。雖然標題不是網頁必要的元素，但卻是體現網頁製作者有否從細處為瀏覽者著想。
② Background Image（背景圖片）：點選Browse按鈕，可為網頁新增背景圖片。
③ Background（背景顏色）：預設為白色，點選可以選擇其他的顏色。後面「#FFFFFF」是以16進位形式顯示的RGB色值。
④ Text（文字顏色）：在這裡將文字設定為黑色。注意，如果不對背景及文字的顏色進行設定（此時RGB色值顯示為空），那麼瀏覽器在顯示頁面的時候，就會採用系統的預設設定。但因為不同的系統的設定都可能會有所區別，這樣就回導致頁面的顯示效果也是千差萬別。因為，為了更好地讓頁面體現出你的設計思想，就千萬別忘記設定頁面的背景顏色及文字顏色。
⑤ Link（連結顏色）：設定超級連結的顏色，不設定則預設為藍色。
⑥ Left和Top：設定左部及頂部的頁邊距，一般都設定為「0」以方便網頁的編輯。
確保頁面的設定正確後，點擊OK 結束。
製作一個最簡單的網頁
萬事起頭難，就讓我們先從最簡單的網頁做起。如果你是按照先前的步驟一步一步做下來，那麼應該可以如下類似的畫面：
此時間標處於編輯視窗的最最左上角，現在可輸入你喜歡的任何文字，例如：“歡迎來到goEway.com”，選取文字，在屬性面板上的Size下拉選單
選取文字的大小，例如“6”，再點擊
使文字置中，再在文字前敲幾個回車，使文字下移，直到使文字完全至於頁面中央高度為止，如下圖：
選取選單File > Save 儲存頁面，恭喜你，你的第一個網頁就已經完成了，按F12 看看頁面效果，滿意嗎？