【正文】 。 6） 在新文檔頂部的 “ 文檔標(biāo)題 ” 文本框中 ， 鍵入 “ 溪水鄉(xiāng)間菜館 ” ， 如圖 6123所示 。 7） 選擇 “ 文件 ” “保存 ” 保存該頁(yè)面 。 插入層 1. 繪制一個(gè)新層 1） 在 “ 文檔 ” 窗口中打開(kāi) ， 從 “ 插入 ” 欄中選擇 “ 布局” 模式 （ 圖 6124） ， 切換到 “ 布局 ” 工具欄 （ 圖 6125） 。 2） 單擊 “ 繪制層 ” 按鈕 。 將鼠標(biāo)指針移動(dòng)到頁(yè)面上時(shí) ， 它將變?yōu)榻徊婢€ 。 3） 將任意大小的層拖動(dòng)到頁(yè)面上 ， 然后釋放鼠標(biāo)按鈕 ， 如圖 6126所示 。 4） 單擊該層左上角的選擇柄 ， 確保選中它 ， 如圖 6127所示 。 5） 選中新層后 ， 在 “ 屬性 ” 檢查器中執(zhí)行操作 。 顯示如圖 6128所示 。 6） 打開(kāi) “ 層 ” 面板 （ “ 窗口 ” “ 層 ” ） ， 將 看 到 已 將 新 層(banner_graphic)添加到了層列表中 ， 如圖 6128所示右側(cè)的 “ CSS”面板中的 “ 層 ” 選項(xiàng)卡 。 7） 在新層外部單擊一下 ， 取消對(duì)其的選擇 。 8） 保存頁(yè)面 。 2. 添加更多層 1） 在 “ 插入 ” 欄的 “ 布局 ” 類別中 ， 單擊 “ 繪制層 ” 按鈕 ， 然后將另一個(gè)任意大小的層拖動(dòng)到頁(yè)面上 ， 如圖 6129所示 。 2） 單擊新層的選擇柄以選中它 。 3） 選中新層后 ， 在 “ 屬性 ” 檢查器中執(zhí)行操作 。 如圖 6130所示 。 4） 在新層外部單擊一下 ， 取消對(duì)其的選擇 。 5） 選擇 “ 查看 ” “可視化助理 ” “CSS布局背景 ” 。 6） 接下來(lái) ， 將另外三個(gè)層拖動(dòng)到頁(yè)面上 ， 置于 banner_graphic層和flash_fma層的下面 。 每次拖動(dòng)新層之前一定要單擊 “ 插入 ” 欄中的“ 繪制層 ” 。 繪制三個(gè)層后顯示如圖 6131所示 。 7） 將另外三個(gè)層拖動(dòng)到頁(yè)面上之后 ， 使用 “ 屬性 ” 檢查器執(zhí)行操作 。 完成操作后 ， 頁(yè)面顯示如圖 6132所示 。 8） 接下來(lái) ， 選擇 header層 ， 并拖動(dòng)選擇柄 ， 直到 header層直接定位到 flash_fma層下邊 ， 如圖 6133所示 。 9） 選擇并拖動(dòng) center_content層和 footer層 ， 或使用計(jì)算機(jī)上的方向鍵定位層 ， 如圖 6134所示 。 10） 當(dāng)各層就位后 ， 通過(guò)選擇 “ 查看 ” “可視化助手 ” 并取消選擇“ CSS布局背景 ” 來(lái)禁用 “ CSS布局背景 ” （ 如果它尚未禁用 ） 。 3. 在層的內(nèi)部添加層 1） 在層的右側(cè)單擊一下 ， 確保取消選擇所有內(nèi)容 。 2） 在 “ 插入 ” 欄的 “ 布局 ” 類別中 ， 單擊 “ 繪制層 ” 按鈕 ， 并將另一個(gè)層拖動(dòng)到 center_content層的內(nèi)部 ， 如圖 6135所示 。 3） 單擊新層的選擇柄 ， 確保選中該層 。 4） 選中新層后 ， 在 “ 屬性 ” 檢查器中執(zhí)行操作 。 5） 使用鍵盤上的向上箭頭鍵移動(dòng) navigation層 ， 直到它恰好適合center_content層 ， 如圖 6136所示 。 6） 單擊 “ 繪制層 ” 按鈕并拖動(dòng)層在 center_content層中創(chuàng)建另一個(gè)層 ， 如圖 6137所示 。 7） 單擊新層的選擇柄 ， 確保選中該層 。 8） 選中新層后 ， 在 “ 屬性 ” 檢查器中執(zhí)行操作 。 9） 拖動(dòng) flash_video層或使用鍵盤上的方向鍵定位該層 ， 如圖 6138所示 。 10） 在 center_content層中再創(chuàng)建一個(gè)層 ， 單擊 “ 繪制層 ” 按鈕并拖動(dòng)另一個(gè)層 ， 如圖 6139所示 。 11） 單擊新層的選擇柄 ， 確保選中該層 。 12） 選中新層后 ， 在 “ 屬性 ” 檢查器中執(zhí)行操作 。 13） 拖動(dòng) text層或使用鍵盤上的方向鍵定位該層 ， 如圖 6140所示 。 14） 保存頁(yè)面 。 向頁(yè)面添加顏色 1） 在 “ 層 ” 面板 （ “ 窗口 ” “層 ” ） 中單擊 navigation層的名稱選擇該層， 如圖 6141所示 。 可以把列標(biāo)題的右邊框向左或向右拖動(dòng)來(lái)更改 “ 層 ” 面板中 “ 名稱 ” 列的寬度 。 2） 在 “ 屬性 ” 檢查器中的 “ 背景顏色 ” 文本框內(nèi)單擊一次 。“ 背景顏色 ” 文本框位于 “ 背景顏色 ” 顏色框旁 。 3） 在 “ 背景顏色 ” 文本框中 ， 輸入十六進(jìn)制值 006600， 然后按 〈 Enter〉 鍵 。 navigation層的背景顏色即變?yōu)樯罹G色 。 4） 在 “ 層 ” 面板中單擊 flash_video層的名稱選擇該層 。 5） 在 “ 屬性 ” 檢查器中 ， 在 “ 背景顏色 ” 文本框內(nèi)單擊一次， 輸 入 十 六 進(jìn) 制 值 FFFF00 ， 然 后 按 〈 Enter〉 鍵 。flash_video層的顏色即變?yōu)辄S色 。 6） 重復(fù)上述步驟將 text層的顏色也更改為黃色 。 7） 設(shè)置所有三個(gè)層的背景顏色后 ， 單擊它們的右側(cè) ， 確保未選中任何內(nèi)容 。 8） 選擇 “ 修改 ” “頁(yè)面屬性 ” 。 9） 在 “ 頁(yè)面屬性 ” 對(duì)話框的 “ 外觀 ” 類別中 ， 單擊 “ 背景顏色 ” 顏色框 ， 然后從顏色選擇器中選擇淺灰色 (CCCCCC)。 10） 單擊 “ 確定 ” 。 頁(yè)面的背景即變?yōu)闇\灰色 。 11） 保存頁(yè)面 。 CSS頁(yè)面布局完成 。 發(fā)布站點(diǎn) 定義遠(yuǎn)程文件夾 1） 在遠(yuǎn)程服務(wù)器上 ， 在服務(wù)器的 Web根文件夾中創(chuàng)建一個(gè)空文件夾 。 將新的空文件夾命名為 rural_eatery（ 與本地根文件夾的名稱相同 ） 。 2） 在 Dreamweaver中 ， 選擇 “ 站點(diǎn) ” “管理站點(diǎn) ” 。 3） 在 “ 管理站點(diǎn) ” 對(duì)話框中 ， 選擇 “ 溪水鄉(xiāng)間菜館 ” ， 如圖 6142所示。 4） 單擊 “ 編輯 ” 。 5） 在 “ 站點(diǎn)定義 ” 對(duì)話框中 ， 如果未顯示 “ 高級(jí) ” 設(shè)置 ， 單擊 “ 高級(jí) ”選項(xiàng)卡 。 6） 從左側(cè)的 “ 類別 ” 列表中選擇 “ 遠(yuǎn)程信息 ” 。 7） 選擇一個(gè) “ 訪問(wèn) ” 選項(xiàng) 。 連接到 Inter上的服務(wù)器的最常見(jiàn)方法是“ FTP”和 “ SFTP”；如果使用本地計(jì)算機(jī)作為 Web服務(wù)器 ， 連接到本地計(jì)算機(jī)的最常見(jiàn)方法是 “ 本地 /網(wǎng)絡(luò) ” 。 ? 如果選擇 “ 本地 /網(wǎng)絡(luò) ” （ 圖 6143） ， 單擊文本框旁邊的文件夾圖標(biāo) ，然后瀏覽到遠(yuǎn)程站點(diǎn)的根文件夾 （ 如 C:\Ipub\root\rural_eatery\） 。 ① 單擊 “ 確定 ” 。 Dreamweaver創(chuàng)建到遠(yuǎn)程文件夾的連接 。 ② 單擊 “ 站點(diǎn)定義 ” 對(duì)話框中的 “ 完成 ” 關(guān)閉 “ 管理站點(diǎn) ” 對(duì)話框。 “ 文件 ” 面板中將顯示遠(yuǎn)程站點(diǎn)上的根文件夾(C:\Ipub\root\rural_eatery\)， 如圖 6144所示 。 l 如果選擇“ FTP”，請(qǐng)輸入以下選項(xiàng)（圖 6145）： ① 在“ FTP主機(jī)”文本框中，輸入服務(wù)器的主機(jī)名或 IP。 ② 單擊“站點(diǎn)定義”對(duì)話框中的“完成”關(guān)閉“管理站點(diǎn)”對(duì)話框?！拔募泵姘逯袑@示遠(yuǎn)程站點(diǎn)上的根文件夾 (rural_eatery)，如圖 6146所示。 上傳本地文件 1） 在 “ 文件 ” 面板 （ “ 窗口 ” “文件 ” ） 中 ， 選擇站點(diǎn)的本地根文件夾 (rural_eatery)。 2） 單擊 “ 文件 ” 面板工具欄上的 “ 上傳文件 ” 藍(lán)色箭頭圖標(biāo) ， 如圖 6147所示 。 3） 當(dāng)詢問(wèn)是否要上傳整個(gè)站點(diǎn)時(shí) ， 單擊 “ 確定 ” 。 Dreamweaver將所有文件復(fù)制到 “ 定義遠(yuǎn)程文件夾 ” 中定義的遠(yuǎn)程文件夾 ， 如圖 6148所示 。 4） 在瀏覽器中打開(kāi)遠(yuǎn)程站點(diǎn)以確保正確上傳了所有文件 。 ? 如果連接到本地計(jì)算機(jī)的 Web服務(wù)器 ， 在瀏覽器的地址欄中輸入： ? 如果連接到 Inter上的服務(wù)器 ， 在瀏覽器的地址欄中輸入 （ IP地址替換為自己的 ） ： /rural_eatery/ 習(xí)題 6 1． 在創(chuàng)建一個(gè)文件夾為 best_desktop的本地站點(diǎn) ， 首頁(yè)文件為， 圖像文件保存在 best_desktop\image中 。 首頁(yè)顯示如圖6149所示 ， 分別用表格和 CSS布局頁(yè)面 。 2． 在創(chuàng)建一個(gè)文件夾為 cate_world的本地站點(diǎn) ， 首頁(yè)文件為， 圖像文件保存在 cate_world\image中 。 首頁(yè)顯示如圖 6150所示 ， 分別用表格和 CSS布局頁(yè)面 ， 其中的文字用 CSS設(shè)置 。 3． 設(shè)計(jì)和制作一個(gè)公司網(wǎng)站 ， 要求包含公司徽標(biāo) 、 名稱 、 介紹 ，產(chǎn)品展示等內(nèi)容 。