【文章內(nèi)容簡(jiǎn)介】 插入 Flash視頻 1） 在 Dreamweaver的 “ 文檔 ” 窗口中打開(kāi) ， 在由三列組成的表格的中間一列中放置的圖形之上單擊一次 ， 如圖 659所示 。 2） 選擇 “ 插入 ” “媒體 ” “Flash視頻 ” 。 3） 在 “ 插入 Flash視頻 ” 對(duì)話(huà)框中 ， 從 “ 視頻類(lèi)型 ” 彈出式菜單中選擇 “ 累進(jìn)式下載視頻 ” ， 如圖 660所示 。 4） 在 URL文本框中 ， 指定 ， 方法是單擊 “ 瀏覽 ” ， 瀏覽至 （ 位于站點(diǎn)的 rural_eatery根文件夾中 ） ， 并選擇該 FLV文件 。 5） 從 “ 外觀(guān) ” 彈出式菜單中選擇 Halo Skin 2。 所選外觀(guān)的預(yù)覽會(huì)出現(xiàn)在 “ 外觀(guān) ” 彈出式菜單下方 。 “ 外觀(guān) ” 選項(xiàng)指定將包含 Flash視頻內(nèi)容的 Flash視頻組件的外觀(guān) 。 6） 在 “ 寬度 ” 和 “ 高度 ” 文本框中 ， 執(zhí)行操作 。 7） 其余選項(xiàng)保留默認(rèn)的選擇值： 8） 單擊 “ 確定 ” 關(guān)閉對(duì)話(huà)框 ， Flash視頻內(nèi)容將添加到 Web頁(yè)面 。 9） 保存該頁(yè) 。 插入文本 1． 插入正文文本 1） 在 “ 文件 ” 面板中 ， 找到 （ 在 rural_eatery中 ） 并雙擊該文件的圖標(biāo) ， 在 Dreamweaver中打開(kāi)它 ， 如圖 661所示 。 2） 在 “文檔 ” 窗口中 ， 按 〈 Ctrl+A〉 選中所有文本 ，然后選擇 “ 編輯 ” “復(fù)制 ” （ 或按 Ctrl+C〉 ） 復(fù)制該文本 。 3） 單擊文檔右上角中的關(guān)閉 。 4） 在 “文檔 ” 窗口中 ， 在由三列組成的表格的第三個(gè)表格單元格內(nèi)單擊一次 。 5） 按 〈 Ctrl+V〉 （ 或選擇 “ 編輯 ” “粘貼 ” ） 。 2． 插入導(dǎo)航條文本 1） 在由三列組成的表格的第一列 （ 紅棕色的列 ） 中單擊一次 。 2） 鍵入 “ 特色菜肴 ” ， 如圖 663所示 。 3） 按一下空格鍵并鍵入 “ 菜館環(huán)境 ” 。 4） 重復(fù)前面的步驟 ， 輸入以下標(biāo)題 ， 并且在每個(gè)標(biāo)題之間留一個(gè)空格：特別推薦 、 菜館位置 、 菜單 、 聯(lián)系方式 。 鍵入時(shí)不要按 〈 Enter〉 鍵。 只使用一個(gè)空格鍵分隔標(biāo)題 ， 并使這些標(biāo)題自動(dòng)換行 ， 如圖 664所示 。 5） 在插入點(diǎn)仍處于由三列組成的表格的第一個(gè)單元格中時(shí) ， 在標(biāo)簽選擇器中單擊 td標(biāo)簽 ， 如圖 665所示 。 創(chuàng)建鏈接 1） 當(dāng) ， 選中由三列組成的表格的第一個(gè)單元格中的 “ 特色菜肴 ” ， 如圖 666所示。 注意 ， 不要選中它后面的空格 。 2） 在屬性檢查器中 ， 單擊 “ 鏈接 ” 文本框旁的文件夾圖標(biāo) ， 如圖 667所示 。 3） 在 “ 選擇文件 ” 對(duì)話(huà)框中 ， 瀏覽至 （ 與 ） ， 并單擊 “ 確定 ” 。 選中的文件出現(xiàn)在 “ 鏈接 ” 框中 ， 也可以在框中輸入 。 4） 在頁(yè)面上單擊一次以取消選擇 “ 特色菜肴 ” 。 “ 特色菜肴 ” 文本出現(xiàn)下劃線(xiàn)并變成藍(lán)色 ， 表示它現(xiàn)在是一個(gè)鏈接 。 5） 重復(fù)上述步驟 。 6） 保存頁(yè)面 。 在瀏覽器中預(yù)覽頁(yè)面 1） 在文檔窗口中打開(kāi) 。 2） 按 〈 F12〉 鍵 ， 或單擊文檔工具欄上的下列表中選 “ 預(yù)覽在 IExplore ”， 或選擇 “ 文件 ” “在瀏覽器中預(yù)覽 ” 。 這時(shí)將啟動(dòng)主瀏覽器 ， 并顯示索引頁(yè)面 ， 如圖 668所示 。 使用 CSS設(shè)置頁(yè)面 創(chuàng)建新的樣式表 1） 選擇 “ 文件 ” “新建 ” 。 2） 在 “ 新建文檔 ” 對(duì)話(huà)框中的 “ 類(lèi)別 ” 列中選擇 “ 基本頁(yè) ” ， 在 “ 基本頁(yè) ” 列中選擇 “ CSS”， 然后單擊 “ 創(chuàng)建 ” ， 如圖 669所示 。 空白樣式表將出現(xiàn)在“文檔”窗口中，如圖 670所示。 3）將該頁(yè)保存（“文件” “保存”）為 。保存樣式表時(shí)，要確認(rèn)將其保存到 rural_eatery文件夾（ Web站點(diǎn)的根文件夾）中。 4）在樣式表中鍵入以下代碼： p{ fontfamily: 宋體 。 fontsize: 14px。 color: 000000。 lineheight: 150%。 padding: 3px。 } 完成后的代碼類(lèi)似于如圖 671所示中文檔窗口中的顯示。 附加樣式表 1） 在 “ 文檔 ” 窗口中 ， 打開(kāi) rural_eatery中的 （ 如果該文件已打開(kāi) ， 則單擊它的選項(xiàng)卡 ） 。 2） 選中在上一節(jié)中粘貼到頁(yè)面中的第一段文本 ， 如圖 672所示 。 3）在“屬性”檢查器中查看（圖 673），并確保使用段落標(biāo)簽設(shè)置了該段落的格式。 4）對(duì)第二段重復(fù)第 3）步。 5）在“ CSS樣式”面板（“窗口” “CSS樣式”）中，單擊位于面板右下角的“附加樣式表”按鈕 ，如圖 674所示。 6）在“附加外部樣式表”對(duì)話(huà)框中（圖 675），單擊“瀏覽”并瀏覽到上一節(jié)創(chuàng)建的 。 7）單擊“確定”?！拔臋n”窗口中的文本將根據(jù)外部樣式表中的 CSS規(guī)則來(lái)設(shè)置格式。 查看樣式表 1） 確保 “ 文檔 ” 窗口中打開(kāi) 。 2） 在 “ CSS樣式 ” 面板中 ， 單擊面板頂部的 “ 全部 ” ， 然后檢查 CSS規(guī)則 。 3） 若未展開(kāi) 樣式 標(biāo)簽類(lèi)別 ， 則單擊加號(hào) (+)展開(kāi)該類(lèi)別 。 4） 單擊正文 （ body） 規(guī)則 。 值為 000000的 backgroundcolor屬性出現(xiàn)在下面的“ 屬性 ” 窗格中 ， 如圖 676所示 。 5）單擊加號(hào) (+)展開(kāi) 。 6）單擊 p規(guī)則。在外部樣式表中為 p規(guī)則定義的所有屬性和值將顯示在下面的“屬性”窗格中，如圖 677所示。 7）在“文檔”窗口中，在剛設(shè)置格式的兩個(gè)段落中的任何位置單擊一次。 8）在“ CSS樣式”面板中，單擊面板頂部的“正在”，然后檢查 CSS樣式。在“正在”模式中， CSS面板顯示當(dāng)前所選內(nèi)容的屬性的摘要。顯示的屬性與外部樣式表中 p規(guī)則的屬性相對(duì)應(yīng)，如圖 678所示。 創(chuàng)建新的 CSS規(guī)則 1）在“ CSS樣式”面板中，單擊面板右下角的“新建 CSS規(guī)則” ，如圖 679所示。 2）在“新建 CSS規(guī)則”對(duì)話(huà)框中，從“選擇器類(lèi)型”選項(xiàng)中選擇“類(lèi)”。該選項(xiàng)應(yīng)該是默認(rèn)選中的。如圖 680所示。 3）在“名稱(chēng)”文本框中輸入“ .bold”。所有類(lèi)樣式必須以小數(shù)點(diǎn)開(kāi)頭。 4）在“定義在”彈出式菜單中，選擇 。該文件應(yīng)該是默認(rèn)選中的。 5）單擊“確定”。出現(xiàn)“ CSS規(guī)則定義”對(duì)話(huà)框，表示正在 .bold的類(lèi)樣式。 6）在“ CSS規(guī)則定義”對(duì)話(huà)框中（圖 681），執(zhí)行操作。 7）單擊“確定”。 8）單擊“ CSS樣式”面板頂部的“全部”按鈕。 9）若未展開(kāi) ，則單擊該類(lèi)別旁邊的加號(hào)(+)按鈕，如圖 682所示。 將類(lèi)樣式應(yīng)用到文本 1）在“文檔”窗口中，選擇第二段文本前幾個(gè)字：“特色菜：”。 2）在“屬性”檢查器中，從“樣式”彈出式菜單中選擇“ bold”。“粗體”類(lèi)樣式將應(yīng)用到您的文本，如圖 683所示。 3）重復(fù)第 2步，將“粗體”類(lèi)樣式應(yīng)用到“店名：”。 4）保存頁(yè)面。 設(shè)置導(dǎo)航條文本的格式 1．為導(dǎo)航創(chuàng)建新規(guī)則 1）打開(kāi) ，或單擊其選項(xiàng)卡來(lái)顯示該文件。 2）定義一個(gè)新規(guī)則，方法是在該文件的 .bold類(lèi)樣式后面鍵入以下代碼： .navigation { } 這是一個(gè)空規(guī)則。 文檔中的代碼類(lèi)似 于如圖 684所示。 3）保存 。接下來(lái)，將使用“ CSS樣式”面板向規(guī)則添加屬性。 4）若未打開(kāi) ，則打開(kāi)該文件。 5）在“ CSS樣式”面板中，確保選中了“全部”模式，選擇新的 .navigation規(guī)則，然后單擊面板右下角的“編輯樣式”圖標(biāo) ，如圖 685所示。 6）在“ CSS規(guī)則定義”對(duì)話(huà)框的“類(lèi)型”項(xiàng)中（圖 686），執(zhí)行操作。 7）單擊“確定”。下面將使用“ CSS樣式”面板向 .navigation規(guī)則添加更多屬性。 8）在“ CSS樣式”面板中，確保選中了 .navigation規(guī)則，然后單擊“顯示列表視圖”圖標(biāo) ，如圖 687所示。 9）單擊 backgroundcolor屬性右邊的列，輸入十六進(jìn)制值006600，如圖 688所示，然后按 〈 Enter〉 鍵。若要查看屬性的完整內(nèi)容，把鼠標(biāo)指針停留在該屬性上。 10）找到 display屬性（可能需要向下滾動(dòng)），在右邊的列中單擊一次，然后從彈出式菜單中選擇 block，如圖 689所示。 讓 “文檔”窗口中處于打開(kāi)狀態(tài)，當(dāng)在“ CSS樣式”面板中做出選