【正文】 擊 ， 可以隱藏表格選擇器 。 6） 選擇 “ 插入 ” “表格 ” 以插入另一個表格 。 8） 單擊 “ 確定 ” 。 9） 單擊該表格右側外部取消對它的選擇 。 10） 通過選擇 “ 插入 ” “表格 ” ， 然后在 “ 插入表格 ” 對話框中輸入值來插入第三個表格 。 第三個表格 （ 該表格具有一行一列 ） 即出現(xiàn)在第二個表格下方 。 設置表格屬性 1） 選擇 “ 查看 ” “表格模式 ” “擴展表格模式 ” 。 2） 在第一個表格的第一行內單擊一次 ， 顯示如圖 637所示 。 4） 在第一個表格的第二行內單擊一次表格 ， 顯示如圖 638所示 。 6） 在第一個表格的第三行內單擊一次 。 現(xiàn)在第一個表格中的三行應具有不同的高度 ， 如圖 639所示 。 在第二個表格的第一列內單擊一次 ， 如圖 640所示 。 10） 在第二個表格的第二列內單擊一次 。 12） 將第三列的寬度設置為 330個像素 。 13） 最后 ， 在最后一個表格 （ 該表格包含一行和一列 ） 內單擊一次 。 表格布局后的頁面如圖 642所示 。 16） 保存頁面 。 2） 選擇 “ 插入 ” “圖像對象 ” “圖像占位符 ” 。 4） 單擊 “ 確定 ” 。 圖像占位符顯示最終放置于此處的圖像的標簽和大小屬性 （ 可以切換到 “ 代碼 ” 視圖中查看 ） 。 向頁面添加顏色 1． 設置表格單元格的背景顏色 1） 單擊表格右側外部取消對它的選擇 ， 在包含三列的表格的第一個單元格內單擊一次 。 3） 在 “ 屬性 ” 檢查器中 ， 在 “ 背景顏色 ” 后的文本框內單擊一次 。表格單元格的顏色變?yōu)榫G色 ， 如圖 646所示 。 6） 單擊標簽選擇器中的 td標簽 （ 單元格標簽 ） 以選擇該單元格 。 表格單元格的顏色變?yōu)辄S色 。 9） 設置完這三個單元格的顏色后 ， 單擊一次表格的外部 ， 取消選擇該表格 。 2） 在 “ 頁面屬性 ” 對話框的 “ 外觀 ” 類別中 ， 單擊 “ 背景顏色 ” 顏色框 ， 然后從顏色選擇器中選擇淺灰色 (CCCCCC)， 如圖 647所示 。頁面的背景變?yōu)闇\灰色，如圖 648所示。至此頁面布局完成。 向頁面添加內容 插入圖像 1． 替換圖像占位符 1） 在 Dreamweaver中 ， 打開在上一節(jié)中創(chuàng)建的 。 3） 在 “ 選擇圖像源文件 ” 對話框中 ， 瀏覽至定義為站點根文件夾的rural_eatery文件夾中的 images文件夾 。 ， 如圖 650所示 。 6） 保存該頁 （ “ 文件 ” “保存 ” ） 。 2） 選擇 “ 插入 ” “圖像 ” 。 如果出現(xiàn) “ 圖像標簽輔助功能屬性 ”對話框 ， 則單擊 “ 確定 ” 。 3． 通過拖動插入圖像 1） 先單擊表格外部取消選中表格 ， 在頁面上最后一個表格的最后一行中單擊一次 。 3） 在表格外單擊一次 ， 并保存該頁面 （ “ 文件 ” “保存 ” ） 。 2） 在 “ 屬性 ” 檢查器 （ “ 窗口 ” “屬性 ” ） 中 ， 從 “ 水平 ” 彈出式菜單中選擇“ 居中對齊 ” （ 圖 654所示 ） 。 4） 單擊 “ 文件 ” 面板中的 “ 資源 ” 選項卡 ， 或選擇 “ 窗口 ” “資源 ” 。 5） 如果未選擇 “ 圖像 ” 視圖 ， 則單擊 “ 圖像 ” 以查看圖像資源 。 7） 執(zhí)行下列操作之一： ? 將 。 ，如圖 656所示 。 9） 保存該頁 。 即緊接上一節(jié)中插入的橫幅圖形的表格行 。 3） 選擇 “ 插入 ” “媒體 ” “Flash”。 4） 在插入 SWF文件之后 ， 只要不單擊頁面上的其它位置 ， Flash內容占位符就會保持為選中狀態(tài) 。 5） 在 “ 屬性 ” 檢查器中單擊 ， 如圖 658所示 。 6） 在 “ 屬性 ” 檢查器中 ， 單擊可以結束播放 Flash文件 。 插入 Flash視頻 1） 在 Dreamweaver的 “ 文檔 ” 窗口中打開 ， 在由三列組成的表格的中間一列中放置的圖形之上單擊一次 ， 如圖 659所示 。 3） 在 “ 插入 Flash視頻 ” 對話框中 ， 從 “ 視頻類型 ” 彈出式菜單中選擇 “ 累進式下載視頻 ” ， 如圖 660所示 。 5） 從 “ 外觀 ” 彈出式菜單中選擇 Halo Skin 2。 “ 外觀 ” 選項指定將包含 Flash視頻內容的 Flash視頻組件的外觀 。 7） 其余選項保留默認的選擇值： 8） 單擊 “ 確定 ” 關閉對話框 ， Flash視頻內容將添加到 Web頁面 。 插入文本 1． 插入正文文本 1） 在 “ 文件 ” 面板中 ， 找到 （ 在 rural_eatery中 ） 并雙擊該文件的圖標 ， 在 Dreamweaver中打開它 ， 如圖 661所示 。 3） 單擊文檔右上角中的關閉 。 5） 按 〈 Ctrl+V〉 （ 或選擇 “ 編輯 ” “粘貼 ” ） 。 2） 鍵入 “ 特色菜肴 ” ， 如圖 663所示 。 4） 重復前面的步驟 ， 輸入以下標題 ， 并且在每個標題之間留一個空格：特別推薦 、 菜館位置 、 菜單 、 聯(lián)系方式 。 只使用一個空格鍵分隔標題 ， 并使這些標題自動換行 ， 如圖 664所示 。 創(chuàng)建鏈接 1） 當 ， 選中由三列組成的表格的第一個單元格中的 “ 特色菜肴 ” ， 如圖 666所示。 2） 在屬性檢查器中 ， 單擊 “ 鏈接 ” 文本框旁的文件夾圖標 ， 如圖 667所示 。 選中的文件出現(xiàn)在 “ 鏈接 ” 框中 ， 也可以在框中輸入 。 “ 特色菜肴 ” 文本出現(xiàn)下劃線并變成藍色 ， 表示它現(xiàn)在是一個鏈接 。 6） 保存頁面 。 2） 按 〈 F12〉 鍵 ， 或單擊文檔工具欄上的下列表中選 “ 預覽在 IExplore ”， 或選擇 “ 文件 ” “在瀏覽器中預覽 ” 。 使用 CSS設置頁面 創(chuàng)建新的樣式表 1） 選擇 “ 文件 ” “新建 ” 。 空白樣式表將出現(xiàn)在“文檔”窗口中，如圖 670所示。保存樣式表時，要確認將其保存到 rural_eatery文件夾（ Web站點的根文件夾）中。 fontsize: 14px。 lineheight: 150%。 } 完成后的代碼類似于如圖 671所示中文檔窗口中的顯示。 2） 選中在上一節(jié)中粘貼到頁面中的第一段文本 ， 如圖 672所示 。 4）對第二段重復第 3）步。 6）在“附加外部樣式表”對話框中（圖 675），單擊“瀏覽”并瀏覽到上一節(jié)創(chuàng)建的 。“文檔”窗口中的文本將根據(jù)外部樣式表中的 CSS規(guī)則來設置格式。 2） 在 “ CSS樣式 ” 面板中 ， 單擊面板頂部的 “ 全部 ” ， 然后檢查 CSS規(guī)則 。 4） 單擊正文 （ body） 規(guī)則 。 5）單擊加號 (+)展開 。在外部樣式表中為 p規(guī)則定義的所有屬性和值將顯示在下面的“屬性”窗格中，如圖 677所示。 8）在“ CSS樣式”面板中，單擊面板頂部的“正在”，然后檢查 CSS樣式。顯示的屬性與外部樣式表中 p規(guī)則的屬性相對應，如圖 678所示。 2）在“新建 CSS規(guī)則”對話框中，從“選擇器類型”選項中選擇“類”。如圖 680所示。所有類樣式必須以小數(shù)點開頭。該文件應該是默認選中的。出現(xiàn)“ CSS規(guī)則定義”對話框，表示正在 .bold的類樣式。 7）單擊“確定”。 9）若未展開 ，則單擊該類別旁邊的加號(+)按鈕，如圖 682所示。 2）在“屬性”檢查器中，從“樣式”彈出式菜單中選擇“ bold”。 3）重復第 2步，將“粗體”類樣式應用到“店名：”。 設置導航條文本的格式 1．為導航創(chuàng)建新規(guī)則 1）打開 ，或單擊其選項卡來顯示該文件。 文檔中的代碼類似 于如圖 684所示。接下來，將使用“ CSS樣式”面板向規(guī)則添加屬性。 5）在“ CSS樣式”面板中，確保選中了“全部”模式，選擇新的 .navigation規(guī)則，然后單擊面板右下角的“編輯樣式”圖標 ，如圖 685所示。 7）單擊“確定”。 8）在“ CSS樣式”面板中，確保選中了 .navigation規(guī)則，然后單擊“顯示列表視圖”圖標 ，如圖 687所示。若要查看屬性的完整內容，把鼠標指針停留在該屬性上。 讓 “文檔”窗口中處于打開狀態(tài)，當在“ CSS樣式”面板中做出選擇時，將同時看到Dreamweaver在樣式表中寫入 CSS代碼。 12）找到 width屬性，在右邊的列中單擊一次，在第一個文本框中輸入 140，從彈出式菜單中選擇像素，然后按〈 Enter〉 鍵。 14）單擊 示該文件。 15）保存并關閉