【正文】 r〉 鍵。下面將使用“ CSS樣式”面板向 .navigation規(guī)則添加更多屬性。 6）在“ CSS規(guī)則定義”對話框的“類型”項中（圖 686），執(zhí)行操作。 4）若未打開 ，則打開該文件。 3）保存 。 2）定義一個新規(guī)則，方法是在該文件的 .bold類樣式后面鍵入以下代碼： .navigation { } 這是一個空規(guī)則。 4）保存頁面?！按煮w”類樣式將應(yīng)用到您的文本，如圖 683所示。 將類樣式應(yīng)用到文本 1）在“文檔”窗口中，選擇第二段文本前幾個字：“特色菜：”。 8）單擊“ CSS樣式”面板頂部的“全部”按鈕。 6）在“ CSS規(guī)則定義”對話框中（圖 681），執(zhí)行操作。 5）單擊“確定”。 4）在“定義在”彈出式菜單中，選擇 。 3）在“名稱”文本框中輸入“ .bold”。該選項應(yīng)該是默認選中的。 創(chuàng)建新的 CSS規(guī)則 1）在“ CSS樣式”面板中，單擊面板右下角的“新建 CSS規(guī)則” ，如圖 679所示。在“正在”模式中， CSS面板顯示當(dāng)前所選內(nèi)容的屬性的摘要。 7）在“文檔”窗口中，在剛設(shè)置格式的兩個段落中的任何位置單擊一次。 6）單擊 p規(guī)則。 值為 000000的 backgroundcolor屬性出現(xiàn)在下面的“ 屬性 ” 窗格中 ， 如圖 676所示 。 3） 若未展開 樣式 標(biāo)簽類別 ， 則單擊加號 (+)展開該類別 。 查看樣式表 1） 確保 “ 文檔 ” 窗口中打開 。 7）單擊“確定”。 5）在“ CSS樣式”面板（“窗口” “CSS樣式”）中，單擊位于面板右下角的“附加樣式表”按鈕 ，如圖 674所示。 3）在“屬性”檢查器中查看（圖 673），并確保使用段落標(biāo)簽設(shè)置了該段落的格式。 附加樣式表 1） 在 “ 文檔 ” 窗口中 ， 打開 rural_eatery中的 （ 如果該文件已打開 ， 則單擊它的選項卡 ） 。 padding: 3px。 color: 000000。 4）在樣式表中鍵入以下代碼： p{ fontfamily: 宋體 。 3）將該頁保存（“文件” “保存”）為 。 2） 在 “ 新建文檔 ” 對話框中的 “ 類別 ” 列中選擇 “ 基本頁 ” ， 在 “ 基本頁 ” 列中選擇 “ CSS”， 然后單擊 “ 創(chuàng)建 ” ， 如圖 669所示 。 這時將啟動主瀏覽器 ， 并顯示索引頁面 ， 如圖 668所示 。 在瀏覽器中預(yù)覽頁面 1） 在文檔窗口中打開 。 5） 重復(fù)上述步驟 。 4） 在頁面上單擊一次以取消選擇 “ 特色菜肴 ” 。 3） 在 “ 選擇文件 ” 對話框中 ， 瀏覽至 （ 與 ） ， 并單擊 “ 確定 ” 。 注意 ， 不要選中它后面的空格 。 5） 在插入點仍處于由三列組成的表格的第一個單元格中時 ， 在標(biāo)簽選擇器中單擊 td標(biāo)簽 ， 如圖 665所示 。 鍵入時不要按 〈 Enter〉 鍵。 3） 按一下空格鍵并鍵入 “ 菜館環(huán)境 ” 。 2． 插入導(dǎo)航條文本 1） 在由三列組成的表格的第一列 （ 紅棕色的列 ） 中單擊一次 。 4） 在 “文檔 ” 窗口中 ， 在由三列組成的表格的第三個表格單元格內(nèi)單擊一次 。 2） 在 “文檔 ” 窗口中 ， 按 〈 Ctrl+A〉 選中所有文本 ，然后選擇 “ 編輯 ” “復(fù)制 ” （ 或按 Ctrl+C〉 ） 復(fù)制該文本 。 9） 保存該頁 。 6） 在 “ 寬度 ” 和 “ 高度 ” 文本框中 ， 執(zhí)行操作 。 所選外觀的預(yù)覽會出現(xiàn)在 “ 外觀 ” 彈出式菜單下方 。 4） 在 URL文本框中 ， 指定 ， 方法是單擊 “ 瀏覽 ” ， 瀏覽至 （ 位于站點的 rural_eatery根文件夾中 ） ， 并選擇該 FLV文件 。 2） 選擇 “ 插入 ” “媒體 ” “Flash視頻 ” 。 7） 保存該頁 。 將在 “ 文檔 ” 窗口中播放 Flash文件 ， 顯示站點訪問者在瀏覽器中查看頁面時將看到的內(nèi)容 。 如果它不處于選中狀態(tài) ， 單擊 Flash內(nèi)容占位符將其選中 。 在 “ 選擇文件 ” 對話框中 ， 瀏覽至站點的 rural_eatery根文件夾中的 ， 選擇該文件 ， 然后單擊 “ 確定 ” 。 2） 在 “ 屬性 ” 檢查器中 ， 從 “ 水平 ” 彈出式菜單中選擇 “ 居中對齊 ” ， 然后從 “ 垂直 ” 彈出菜單中選擇 “ 居中 ” ， 如圖 657所示 。 插入 Flash文件 1） 在 Dreamweaver的 “ 文檔 ” 窗口中打開 ， 在第一個表格的第二行內(nèi)單擊一次 。 8） 在表格外單擊一次以取消選中該圖像 。 ? 單擊 “ 資源 ” 面板底部的 。 6） 在 “ 資源 ” 面板中 ， 選擇 。則會顯示站點資源 ， 如圖 656右側(cè)所示 。 3） 按一次 〈 Enter〉 鍵 ， 創(chuàng)建更多空間 ， 如圖 655所示 。 4． 從 “ 資源 ” 面板插入圖像 1） 在由三列組成的表格的第二列內(nèi)單擊一次 。 2） 在 “ 文件 ” 面板 （ “ 窗口 ” “文件 ” ） 中 ， 在 images文件夾中找到 ， 將該文件拖到最后一個表格的插入點 ， 如圖 653所示 。 一個長條綠色圖形 （ 分隔條 ） 出現(xiàn)在該表格行中 ， 如圖 652所示 。 3） 在 “ 選擇圖像源文件 ” 對話框中 ， 瀏覽至 rural_eatery文件夾中的 images文件夾 ， 雙擊選定 。 2． 使用 “ 插入 ” 菜單插入圖像 1） 在第一個表格的第三行內(nèi)單擊一次 ， 如圖 651所示 。 5） 在表格外單擊一次以取消選中該圖像 。 4 ） 選擇 ， 如圖 649 所示 ， 并 單 擊 “ 確定 ” 。 2） 雙擊頁面頂部的圖像占位符 banner_graphic， 如圖 649所示 。該布局包含一些表格，用于放置各種資源，如圖像、文本和 Flash。 4）保存頁面。 3）單擊“確定”。 2． 設(shè)置整個頁面的背景顏色 1） 選擇 “ 修改 ” “頁面屬性 ” 。 8） 重復(fù)第 5） ～ 7） ， 將第三個表格單元格的顏色也更改為 FFFF00（ 黃色 ） 。 7） 在 “ 屬性 ” 檢查器中 ， 在 “ 背景顏色 ” 文本框內(nèi)單擊一次 ， 輸入十六進制值FFFF00， 然后按 〈 Enter〉 鍵 。 5） 在上述包含三列的表格的第二個單元格內(nèi)單擊一次 。 4） 在 “ 背景顏色 ” 文本框中 ， 輸入十六進制值 006600， 然后按 〈 Enter〉 鍵 。 2） 單擊標(biāo)簽選擇器中的 td標(biāo)簽 （ 單元格標(biāo)簽 ） 以選定該單元格 ， 如圖 645所示 。 5） 保存頁面 。 圖像占位符出現(xiàn)在第一個表格內(nèi) ， 如圖 644所示 。 3） 在 “ 圖像占位符 ” 對話框中 ， 如圖 643所示 ， 執(zhí)行操作 。 插入圖像占位符 1） 在文檔窗口中 ， 在第一個表格的第一行內(nèi)單擊一次 。 15） 單擊 “ 文檔 ” 窗口頂部的擴展表格模式 “ 退出 ” 鏈接 ， 返回到 “ 標(biāo)準(zhǔn) ” 模式 。 14） 在 “ 屬性 ” 檢查器的 “ 單元格高度 ” 文本框中輸入 24， 然后按 〈Enter〉 鍵 。 如果已打開表格選擇器 （ “ 查看 ” “可視化助理 ” “表格寬度 ” ） ， 將能看到剛才在各個表格列上輸入的三個像素值 ， 如圖 641所示 。 11） 在 “ 屬性 ” 檢查器的單元格寬度文本框中輸入 230， 然后按 〈 Enter〉 鍵 。 9） 在 “ 屬性 ” 檢查器的單元格寬度文本框中輸入 140， 然后按 〈 Enter〉鍵 。 8） 下面設(shè)置第二個表格 （ 包含三列 ） 的屬性 。 7） 在 “ 屬性 ” 檢查器的 “ 單元格高度 ” 文本框中輸入 24， 然后按〈 Enter〉 鍵 。 5） 在 “ 屬性 ” 檢查器的單元格高度文本框中輸入 165， 然后按〈 Enter〉 鍵 。 3） 在 “ 屬性 ” 檢查器 （ “ 窗口 ” “屬性 ” ） 的單元格高度文本框中輸入 90（ 圖 637） ， 然后按 〈 Enter〉 鍵 。 此時可能會出現(xiàn) “ 擴展表格模式入門 ” 對話框 ， 給制作網(wǎng)頁者一個提醒 ， 單擊 “ 確定 ” 。 單擊該表格右側(cè)取消對它的選擇 ， 頁面顯示如圖 636所示 。 11） 單擊 “ 確定 ” 。 閃爍的插入點光標(biāo)出現(xiàn)在第二個表格右邊框外 。 第二個表格 （ 該表格具有一行三列 ） 即出現(xiàn)在第一個表格下方 ， 如圖 635所示 。 7） 在 “ 插入表格 ” 對話框中 ， 對第二個表格執(zhí)行操作 。 單擊一次該表格右側(cè)外部取消對它的選擇 ， 閃爍的插入點光標(biāo)出現(xiàn)在表格右邊框外 ， 如圖 634所示 。 5） 插入表格后會看