實例7 瑞美家居設計網頁（一）

實例說明 在接下來幾個實例中將為讀者講解一個瑞美家居設計網頁，該網頁是一個包含其他鏈接網頁的網頁，在本實例中將制作該網頁的首頁。通過本實例的學習，使讀者綜合掌握以上實例的知識點。

技術要點 在本實例中，首先設置頁面屬性中的背景顏色，然后插入表格，并設置其屬性，最后插入圖像素材，完成瑞美家居設計網頁首頁的制作。圖7-1所示為本實例完成后的效果。

1 將本書附帶光盤中的“網頁基礎設置/實例7~10：瑞美家居設計網頁”文件夾復制到本地站點路徑內。

2 運行Dreamweaver CS4，單擊起始頁面的HTML選項，創建一個新的HTML格式文件，將該文件保存在本地站點路徑內，然后將其命名為“首頁”。

3 首先設置頁面的背景顏色，單擊“屬性”面板中的“頁面屬性”按鈕，打開“頁面屬性”對話框，在“分類”顯示窗中選擇“外觀（CSS）”選項，在“頁面屬性”對話框中會顯示“外觀（CSS）”編輯窗，在該編輯窗中的“左邊距”、“右邊距”、“上邊距”和“下邊距”參數欄中均鍵入0，確定頁面邊距，如圖7-2所示。

4 將“頁面屬性”對話框中“背景顏色”顯示窗中的顏色設置為棕紅色（#752832），如圖7-3所示，單擊“確定”按鈕，退出該對話框。

5 按下鍵盤上的Enter鍵，然后參照圖7-4所示來定位鼠標。

6 執行菜單欄內的“插入”/“表格”命令，打開“表格”對話框，在“行數”參數欄中鍵入2，在“列”參數欄中鍵入5，在“表格寬度”參數欄中鍵入1004，在“邊框粗細”、“單元格邊距”、“單元格間距”參數欄中均鍵入0，如圖7-5所示。單擊“確定”按鈕，退出該對話框。

7 選擇第一行所有的單元格，單擊“屬性”面板中的“合并所選單元格，使用跨度”按鈕，將所選單元格合并。

8 在第一行單元格內單擊，執行菜單欄內的“插入”/“圖像”命令，打開“選擇圖像源文件”對話框，從該對話框中選擇復制的“實例7~10：瑞美家居設計網頁”文件夾中的dynamic.gif文件，如圖7-6所示，單擊“確定”按鈕，退出該對話框。

9 執行菜單欄內的“文件”/“保存”命令，將該網頁保存，按下鍵盤上的F12鍵瀏覽網頁，如圖7-7所示。

10 現在本實例就制作完成了，圖7-8所示為本實例完成后的效果。保存本實例，以便在實例8中使用。