【正文】 。 首頁顯示如圖 6150所示 ， 分別用表格和 CSS布局頁面 ， 其中的文字用 CSS設(shè)置 。 首頁顯示如圖6149所示 ， 分別用表格和 CSS布局頁面 。 4） 在瀏覽器中打開遠(yuǎn)程站點(diǎn)以確保正確上傳了所有文件 。 3） 當(dāng)詢問是否要上傳整個(gè)站點(diǎn)時(shí) ， 單擊 “ 確定 ” 。 上傳本地文件 1） 在 “ 文件 ” 面板 （ “ 窗口 ” “文件 ” ） 中 ， 選擇站點(diǎn)的本地根文件夾 (rural_eatery)。 ② 單擊“站點(diǎn)定義”對話框中的“完成”關(guān)閉“管理站點(diǎn)”對話框。 “ 文件 ” 面板中將顯示遠(yuǎn)程站點(diǎn)上的根文件夾(C:\Ipub\root\rural_eatery\)， 如圖 6144所示 。 Dreamweaver創(chuàng)建到遠(yuǎn)程文件夾的連接 。 ? 如果選擇 “ 本地 /網(wǎng)絡(luò) ” （ 圖 6143） ， 單擊文本框旁邊的文件夾圖標(biāo) ，然后瀏覽到遠(yuǎn)程站點(diǎn)的根文件夾 （ 如 C:\Ipub\root\rural_eatery\） 。 7） 選擇一個(gè) “ 訪問 ” 選項(xiàng) 。 5） 在 “ 站點(diǎn)定義 ” 對話框中 ， 如果未顯示 “ 高級 ” 設(shè)置 ， 單擊 “ 高級 ”選項(xiàng)卡 。 3） 在 “ 管理站點(diǎn) ” 對話框中 ， 選擇 “ 溪水鄉(xiāng)間菜館 ” ， 如圖 6142所示。 將新的空文件夾命名為 rural_eatery（ 與本地根文件夾的名稱相同 ） 。 CSS頁面布局完成 。 頁面的背景即變?yōu)闇\灰色 。 9） 在 “ 頁面屬性 ” 對話框的 “ 外觀 ” 類別中 ， 單擊 “ 背景顏色 ” 顏色框 ， 然后從顏色選擇器中選擇淺灰色 (CCCCCC)。 7） 設(shè)置所有三個(gè)層的背景顏色后 ， 單擊它們的右側(cè) ， 確保未選中任何內(nèi)容 。flash_video層的顏色即變?yōu)辄S色 。 4） 在 “ 層 ” 面板中單擊 flash_video層的名稱選擇該層 。 3） 在 “ 背景顏色 ” 文本框中 ， 輸入十六進(jìn)制值 006600， 然后按 〈 Enter〉 鍵 。 2） 在 “ 屬性 ” 檢查器中的 “ 背景顏色 ” 文本框內(nèi)單擊一次 。 向頁面添加顏色 1） 在 “ 層 ” 面板 （ “ 窗口 ” “層 ” ） 中單擊 navigation層的名稱選擇該層， 如圖 6141所示 。 13） 拖動 text層或使用鍵盤上的方向鍵定位該層 ， 如圖 6140所示 。 11） 單擊新層的選擇柄 ， 確保選中該層 。 9） 拖動 flash_video層或使用鍵盤上的方向鍵定位該層 ， 如圖 6138所示 。 7） 單擊新層的選擇柄 ， 確保選中該層 。 5） 使用鍵盤上的向上箭頭鍵移動 navigation層 ， 直到它恰好適合center_content層 ， 如圖 6136所示 。 3） 單擊新層的選擇柄 ， 確保選中該層 。 3. 在層的內(nèi)部添加層 1） 在層的右側(cè)單擊一下 ， 確保取消選擇所有內(nèi)容 。 9） 選擇并拖動 center_content層和 footer層 ， 或使用計(jì)算機(jī)上的方向鍵定位層 ， 如圖 6134所示 。 完成操作后 ， 頁面顯示如圖 6132所示 。 繪制三個(gè)層后顯示如圖 6131所示 。 6） 接下來 ， 將另外三個(gè)層拖動到頁面上 ， 置于 banner_graphic層和flash_fma層的下面 。 4） 在新層外部單擊一下 ， 取消對其的選擇 。 3） 選中新層后 ， 在 “ 屬性 ” 檢查器中執(zhí)行操作 。 2. 添加更多層 1） 在 “ 插入 ” 欄的 “ 布局 ” 類別中 ， 單擊 “ 繪制層 ” 按鈕 ， 然后將另一個(gè)任意大小的層拖動到頁面上 ， 如圖 6129所示 。 7） 在新層外部單擊一下 ， 取消對其的選擇 。 顯示如圖 6128所示 。 4） 單擊該層左上角的選擇柄 ， 確保選中它 ， 如圖 6127所示 。 將鼠標(biāo)指針移動到頁面上時(shí) ， 它將變?yōu)榻徊婢€ 。 插入層 1. 繪制一個(gè)新層 1） 在 “ 文檔 ” 窗口中打開 ， 從 “ 插入 ” 欄中選擇 “ 布局” 模式 （ 圖 6124） ， 切換到 “ 布局 ” 工具欄 （ 圖 6125） 。 6） 在新文檔頂部的 “ 文檔標(biāo)題 ” 文本框中 ， 鍵入 “ 溪水鄉(xiāng)間菜館 ” ， 如圖 6123所示 。 5） 在 “ 文件名 ” 文本框中輸入 ， 然后單擊 “ 保存 ” 。 3） 選擇 “ 文件 ” “另存為 ” 。 創(chuàng)建基于 CSS的頁面布局 創(chuàng)建并保存新頁面 1） 在 Dreamweaver中 ， 選擇 “ 文件 ” “新建 ” 。 13） 鍵入一個(gè)右尖括號 ()完成該標(biāo)簽 ， 如圖 6122所示 。 12） 不要在引號中填寫內(nèi)容 ， 因?yàn)榇藞D像只是一個(gè)插圖 。 該圖像的 URL會作為 src屬性的值插入 ， 插入點(diǎn)出現(xiàn)在右引號之后 ， 如圖 6121所示 。 9） 按 〈 Enter〉 鍵將顯示 “ 選擇文件 ” 對話框 ， 如圖 6120所示 。 鍵入 src， 在提示菜單中選定 src屬性 （ 圖 6118所示 ）， 然后按 〈 Enter〉 鍵 。 7） 按空格鍵可以顯示該標(biāo)簽的屬性列表 。 在插入點(diǎn)處出現(xiàn)標(biāo)簽列表 ， 如圖 6117所示 。 插入點(diǎn)應(yīng)位于開始段落標(biāo)簽和結(jié)束段落標(biāo)簽之間 ， 如圖 6116所示 。 可以看到 img標(biāo)簽已經(jīng)被選中 ， 如圖 6115所示。 2） 首先在 “ 設(shè)計(jì) ” 視圖中 ， 單擊選中 ， 以便將其刪除 。 4）有關(guān)其它標(biāo)簽或?qū)傩缘男畔?，可從“參考”面板相?yīng)的彈出式菜單中選擇標(biāo)簽或?qū)傩裕鐖D 6114所示。將出現(xiàn) “ 參考 ” 面板 ， 并顯示與 alt屬性有關(guān)的信息 ， 如圖 6113所示的下部 。 2） 在 “ 文檔 ” 窗口中 ， 選定 img標(biāo)簽中 alt屬性名 （ 而不是屬性值 ） 。 標(biāo)簽檢查器中將顯示的新值 ， 并更改 “ 文檔 ” 窗口中的代碼 ， 如圖 6112所示 。標(biāo)簽檢查器的“屬性”選項(xiàng)卡將顯示有關(guān)該 img標(biāo)簽的屬性的信息，如圖 6110所示的左側(cè)。 5）在“文檔”窗口的“代碼”視圖中，單擊任何標(biāo)簽的左尖括號和右尖括號之間的任何位置，標(biāo)簽檢查器的“屬性”選項(xiàng)卡顯示有關(guān)標(biāo)簽的 HTML屬性的信息。 3） 選擇 “ 屬性 ” 選項(xiàng)卡 。 編輯標(biāo)簽 1） 如果 ， 則在 “ 代碼 ” 視圖中打開它 。 10） 單擊 “ 關(guān)閉 ” 以關(guān)閉標(biāo)簽選擇器 。 9） 單擊 “ 確定 ” 關(guān)閉該標(biāo)簽編輯器并插入標(biāo)簽 。 將出現(xiàn)一個(gè)標(biāo)簽編輯器 ， 用于編輯 div標(biāo)簽 。右窗格中將出現(xiàn)一個(gè)標(biāo)簽名列表，從該列表中選擇 div，如圖 6107所示。 5）右鍵單擊選定的文本，然后從彈出式菜單中選擇“插入標(biāo)簽”，即會顯示標(biāo)簽選擇器。確保選定了整個(gè) img標(biāo)簽，包括左尖括號和右尖括號，如圖 6106所示。 3）通過單擊“文檔”工具欄中的“代碼”視圖或通過選擇“查看” “代碼視圖”切換到“代碼”視圖。 使用標(biāo)簽選擇器添加標(biāo)簽 1）如果尚未打開 ，則打開它。 切換到編碼工作區(qū) 切換到編碼工作區(qū)的操作為：選擇“窗口” “工作區(qū)布局” “編碼器”。 使用代碼 查看代碼 1） 在文檔窗口中打開 。 3）保存該頁。 Dreamweaver 將插入用于居中對齊頁面正文內(nèi)容的 CSS div標(biāo)簽。在“代碼”視圖中可以查看。當(dāng)把鼠標(biāo)指針停留在任何一個(gè)鏈接上時(shí)，可以看到鼠標(biāo)經(jīng)過效果。 8）保存并關(guān)閉該文件。 6）將 :hover偽類添加到已粘貼的 .navigation類代碼中，如圖 698所示。 4）在該規(guī)則的末尾單擊一下，然后按幾次 〈 Enter〉 鍵以創(chuàng)建一些空行，如圖 697所示。 2）選擇整個(gè) .navigation規(guī)則，如圖 696所示。 5）完成對導(dǎo)航條的所有文本的格式設(shè)置后，保存該頁面，然后在瀏覽器中預(yù)覽。 4）對于導(dǎo)航條中的每個(gè)鏈接，重復(fù)第 1～ 3步。 在“文檔”窗口中，“特色菜肴”文本的外觀完全發(fā)生了變化。此操作將為指定的 a標(biāo)簽或鏈接選擇所有文本，如圖 692所示。 2．應(yīng)用規(guī)則 1）在“文檔”窗口中打開 ，單擊“特色菜肴”將插入點(diǎn)置于該詞中的某個(gè)位置，如圖 691所示。將看到，Dreamweaver已經(jīng)把指定的所有屬性添加到該文件中。 13）單擊“顯示設(shè)置屬性” （圖 690），以便在“屬性”窗格中僅顯示您設(shè)置的屬性。 11）找到 padding屬性，在右邊的列中單擊一次，輸入值8px，然后按 〈 Enter〉 鍵。 10）找到 display屬性（可能需要向下滾動），在右邊的列中單擊一次，然后從彈出式菜單中選擇 block，如圖 689所示。 9）單擊 backgroundcolor屬性右邊的列，輸入十六進(jìn)制值006600，如圖 688所示，然后按 〈 Ente