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