【正文】 以隱藏表格選擇器 。 4）如圖 632所示，單擊“確定”。注意，要經(jīng)常按 〈 Ctrl+S〉 保存文檔。 5） 在 “ 文件名 ” 文本框中輸入 ， 然后單擊 “ 保存 ” 。 1） 在 Dreamweaver中 ， 選擇 “ 文件 ” “新建 ” 。“文件”面板中的文件列表將充當(dāng)文件管理器，允許復(fù)制、粘貼、刪除、移動和打開文件，就像 Windows資源管理器一樣。 6）單擊“確定”。 4）在“本地根文件夾”文本框中，指定 rural_eatery文件夾。 1．建立本地站點根文件夾（主文件夾） 2．定義本地站點 下面把 rural_eatery文件夾定義為本地站點，操作方法為： 1）啟動 Dreamweaver，選擇“站點” “管理站點”。 設(shè)置站點 Dreamweaver的站點 1． 本地文件夾 本地文件夾是用戶的工作目錄 ， Dreamweaver將此文件夾稱為本地站點 。 3．設(shè)置“復(fù)制 /粘貼”參數(shù) “復(fù)制 /粘貼”參數(shù)用于設(shè)置從其他應(yīng)用程序粘貼文本到“設(shè)計”視圖中時是否帶有樣式。 設(shè)置首選參數(shù) 選擇“編輯” “首選參數(shù)”命令，將出現(xiàn)“首選參數(shù)”對話框。 3）輸入頁面中的其他文字，并設(shè)置顏色、大小和排列方式，最后顯示如圖 619所示。顯示如圖 617所示。單擊居中按鈕 。 4）單擊“確定”按鈕，回到網(wǎng)頁編輯窗口，如圖 616所示。在“鏈接顏色”和“已訪問鏈接”中分別選定白色（ FFFFFF），如圖 614所示。單擊“文本顏色”后的 ，將出現(xiàn)顏色選擇面板（圖 612）。出現(xiàn)“另存為”對話框，在“保存在”下拉框中選定保存文件的文件夾，在“文件名”框中輸入“ index”，如圖 611所示。本網(wǎng)頁需要一個背景圖像文件 件 。 （ 2）“文檔”工具欄 “文檔”工具欄中包含的按鈕有切換視圖、查看選項和一些常用功能，如圖 66所示。 Dreamweaver 8的“設(shè)計”視圖工作區(qū)窗口，如圖 62所示。 （ 1）“文檔”窗口 單擊“文檔”工具欄中的 ，將切換到“代碼”視圖，如圖 63所示。 （ 3）“插入”工具欄 如圖 67所示。 （ 1）創(chuàng)建靜態(tài)網(wǎng)頁 選擇“文件” “新建”。 （ 3）設(shè)置網(wǎng)頁屬性 1）設(shè)置“外觀”。 單擊“背景圖像”后的 ，出現(xiàn)“選擇圖像源文件”對話框，單擊“查找范圍”列表框選擇保存圖像的文件夾，單擊背景圖像名 ，如圖 613所示，單擊“確定”。 3）設(shè)置“標(biāo)題 /編碼”。 （ 4）編輯頁面內(nèi)容 1）輸入和編輯文本。 在“設(shè)計”視圖中，按 〈 Enter〉 鍵產(chǎn)生段落標(biāo)記 p/p。 2）插入圖像。 （ 5）在瀏覽器中預(yù)覽網(wǎng)頁 可按 〈 F12〉 鍵或單擊“文檔”工具欄中的“在瀏覽器中預(yù)覽/調(diào)試”按鈕 ，從彈出式菜單中選擇“預(yù)覽在 IExplore ”。 1．設(shè)置“常規(guī)”參數(shù) 單擊“分類”列表中的“常規(guī)”選項，對話框右側(cè)顯示其選項，如圖 622所示。單擊“分類”列表中的“復(fù)制 /粘貼”選項，對話框右側(cè)顯示其屬性，如圖 624所示。 2． 遠程文件夾 遠 程 文 件 夾 是 運 行 Web服 務(wù) 器 的 計 算 機 上 的 某 個 文 件 夾 ，Dreamweaver將此文件夾稱為遠程站點 。出現(xiàn)“管理站點”對話框，單擊“新建”按鈕，然后選擇“站點”，如圖 626所示?？梢詥螕粑募A圖標(biāo) 來瀏覽并選擇該文件夾，或者在“本地根文件夾”文本框中輸入路徑。出現(xiàn)“管理站點”對話框，顯示定義的新站點，如圖 628所示。 創(chuàng)建基于表格的頁面布局 【 例 62】 如圖 630所示為 “ 溪水鄉(xiāng)間菜館 ” 站點主頁的設(shè)計草圖 ， 下面詳細講解將其制作為 Web頁面的操作過程 。 2） 在 “ 新建文檔 ” 對話框的 “ 常規(guī) ” 選項卡上 ， 從 “ 類別 ” 列表中選擇 “ 基本頁 ” ， 從 “ 基本頁 ” 列表中選擇 “ HTML”， 然后單擊 “ 創(chuàng)建 ” 。 文件名即出現(xiàn)在應(yīng)用程序窗口頂部的標(biāo)題欄中 。 插入表格 1）在頁面上單擊一次（如圖 631所示），此時頁面左上角出現(xiàn)閃爍的插入點圖標(biāo) 。 一個三行一列的表格出現(xiàn)在文檔中，如圖 633所示。 單擊一次該表格右側(cè)外部取消對它的選擇 ， 閃爍的插入點光標(biāo)出現(xiàn)在表格右邊框外 ， 如圖 634所示 。 第二個表格 （ 該表格具有一行三列 ） 即出現(xiàn)在第一個表格下方 ， 如圖 635所示 。 11） 單擊 “ 確定 ” 。 此時可能會出現(xiàn) “ 擴展表格模式入門 ” 對話框 ， 給制作網(wǎng)頁者一個提醒 ， 單擊 “ 確定 ” 。 5） 在 “ 屬性 ” 檢查器的單元格高度文本框中輸入 165， 然后按〈 Enter〉 鍵 。 8） 下面設(shè)置第二個表格 （ 包含三列 ） 的屬性 。 11） 在 “ 屬性 ” 檢查器的單元格寬度文本框中輸入 230， 然后按 〈 Enter〉 鍵 。 14） 在 “ 屬性 ” 檢查器的 “ 單元格高度 ” 文本框中輸入 24， 然后按 〈Enter〉 鍵 。 插入圖像占位符 1） 在文檔窗口中 ， 在第一個表格的第一行內(nèi)單擊一次 。 圖像占位符出現(xiàn)在第一個表格內(nèi) ， 如圖 644所示 。 2） 單擊標(biāo)簽選擇器中的 td標(biāo)簽 （ 單元格標(biāo)簽 ） 以選定該單元格 ， 如圖 645所示 。 5） 在上述包含三列的表格的第二個單元格內(nèi)單擊一次 。 8） 重復(fù)第 5） ～ 7） ， 將第三個表格單元格的顏色也更改為 FFFF00（ 黃色 ） 。 3）單擊“確定”。該布局包含一些表格，用于放置各種資源，如圖像、文本和 Flash。 4 ） 選擇 ， 如圖 649 所示 ， 并 單 擊 “ 確定 ” 。 2． 使用 “ 插入 ” 菜單插入圖像 1） 在第一個表格的第三行內(nèi)單擊一次 ， 如圖 651所示 。 一個長條綠色圖形 （ 分隔條 ） 出現(xiàn)在該表格行中 ， 如圖 652所示 。 4． 從 “ 資源 ” 面板插入圖像 1） 在由三列組成的表格的第二列內(nèi)單擊一次 。則會顯示站點資源 ， 如圖 656右側(cè)所示 。 ? 單擊 “ 資源 ” 面板底部的 。 插入 Flash文件 1） 在 Dreamweaver的 “ 文檔 ” 窗口中打開 ， 在第一個表格的第二行內(nèi)單擊一次 。 在 “ 選擇文件 ” 對話框中 ， 瀏覽至站點的 rural_eatery根文件夾中的 ， 選擇該文件 ， 然后單擊 “ 確定 ” 。 將在 “ 文檔 ” 窗口中播放 Flash文件 ， 顯示站點訪問者在瀏覽器中查看頁面時將看到的內(nèi)容 。 2） 選擇 “ 插入 ” “媒體 ” “Flash視頻 ” 。 所選外觀的預(yù)覽會出現(xiàn)在 “ 外觀 ” 彈出式菜單下方 。 9） 保存該頁 。 4） 在 “文檔 ” 窗口中 ， 在由三列組成的表格的第三個表格單元格內(nèi)單擊一次 。 3） 按一下空格鍵并鍵入 “ 菜館環(huán)境 ” 。 5） 在插入點仍處于由三列組成的表格的第一個單元格中時 ， 在標(biāo)簽選擇器中單擊 td標(biāo)簽 ， 如圖 665所示 。 3） 在 “ 選擇文件 ” 對話框中 ， 瀏覽至 （ 與 ） ， 并單擊 “ 確定 ” 。 5） 重復(fù)上述步驟 。 這時將啟動主瀏覽器 ， 并顯示索引頁面 ， 如圖 668所示 。 3）將該頁保存（“文件” “保存”）為 。 color: 000000。 附加樣式表 1） 在 “ 文檔 ” 窗口中 ， 打開 rural_eatery中的 （ 如果該文件已打開 ， 則單擊它的選項卡 ） 。 5）在“ CSS樣式”面板（“窗口” “CSS樣式”）中，單擊位于面板右下角的“附加樣式表”按鈕 ，如圖 674所示。 查看樣式表 1） 確保 “ 文檔 ” 窗口中打開 。 值為 000000的 backgroundcolor屬性出現(xiàn)在下面的“ 屬性 ” 窗格中 ， 如圖 676所示 。 7）在“文檔”窗口中，在剛設(shè)置格式的兩個段落中的任何位置單擊一次。 創(chuàng)建新的 CSS規(guī)則 1）在“ CSS樣式”面板中，單擊面板右下角的“新建 CSS規(guī)則” ，如圖 679所示。 3）在“名稱”文本框中輸入“ .bold”。 5）單擊“確定”。 8）單擊“ CSS樣式”面板頂部的“全部”按鈕?！按煮w”類樣式將應(yīng)用到您的文本，如圖 683所示。 2）定義一個新規(guī)則，方法是在該文件的 .bold類樣式后面鍵入以下代碼： .navigation { } 這是一個空規(guī)則。 4）若未打開 ，則打開該文件。下面將使用“ CSS樣式”面板向 .navigation規(guī)則添加更多屬性。 10）找到 display屬性（可能需要向下滾動），在右邊的列中單擊一次，然后從彈出式菜單中選擇 block，如圖 689所示。 13）單擊“顯示設(shè)置屬性” （圖 690），以便在“屬性”窗格中僅顯示