資源描述：
《向網頁添加內容》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。
1、第8章向網頁添加內容學習如何向網頁中添加圖像、FLASH和文本等向網頁添加內容向虛構餐館CafeTownsend的主頁添加圖像、MacromediaFlash文件、MacromediaFlash視頻文件和文本。完成后的頁面將如圖所示：替換圖像占位符雙擊頁面頂部的圖像占位符banner_graphic。在“選擇圖像源文件”對話框中，選擇站點根文件夾的cafe_townsendimages文件夾下的banner_graphic.jpg文件并單擊“確定”。向網頁添加內容替換圖像占位符向網頁添加內容Dreamweaver將圖像占位符替換為
2、CafeTownsend的橫幅圖形使用“插入”菜單插入圖像在第一個表格的第三行（低于剛插入的橫幅圖形兩行，彩色表格單元格之上）內單擊一次。選擇“插入”>“圖像”。在“選擇圖像源文件”對話框，選擇cafe_townsendimages文件夾下的body_main_header.gif文件，然后單擊“確定”。一個長的彩色圖形出現(xiàn)在該表格行中。它看上去更像表格單元格的背景色，而不是圖形，但如果仔細看，您將看到該圖形具有圓角。添加完所有資源之后，這種圓角效果將使頁面的下半部分呈現(xiàn)一種有趣的外觀。向網頁添加內容通過拖動插入圖像在頁面上最后一
3、個表格的最后一行（彩色表格單元格之下）中單擊一次。在“文件”面板（“窗口”>“文件”）中，找到body_main_footer.gif文件（它位于images文件夾中），將該文件拖到最后一個表格的插入點。向網頁添加內容從“資源”面板插入圖像單擊第二個表格的中間一列。在“屬性”檢查器中，設置“水平”為“居中對齊”，“垂直”為“頂端”。按一次Enter鍵，創(chuàng)建更多空間。向網頁添加內容從“資源”面板插入圖像單擊“文件”面板中的“資源”選項卡，或選擇“窗口”>“資源”。如果未選擇“圖像”視圖，則單擊“圖像”以查看圖像資源。向網頁添加內容“資
4、源”面板可以使用“資源”面板查看和管理當前站點中的資源?！百Y源”面板顯示與文檔窗口中的活動文檔相關聯(lián)的站點資源。從“資源”面板插入圖像在“資源”面板中，選擇street_sign.jpg文件。將street_sign.jpg文件拖到中心位置的表格單元格中的插入點或單擊“資源”面板底部的“插入”。street_sign.jpg圖形即顯示在頁面上向網頁添加內容插入并播放Flash文件插入一個播放CafeTownsend的特色食品的照片幻燈片的Flash文件在第一個表格的第二行內單擊一次。在“屬性”檢查器中，將“水平”和“垂直”均設為“居
5、中”。選擇“插入”>“媒體”>“Flash”。在“選擇文件”對話框中，選擇cafe_townsend根文件夾中的flash_fma.swf文件，然后單擊“確定”。插入并播放Flash文件在“屬性”檢查器（“窗口”>“屬性”）中單擊“播放”。Dreamweaver在“文檔”窗口中播放Flash文件，顯示站點訪問者在瀏覽器中查看頁面時將看到的內容。插入Flash視頻單擊第二個表格中間一列中放置的圖形之上單擊一次。選擇“插入”>“媒體”>“Flash視頻”在“插入Flash視頻”對話框中，從“視頻類型”彈出式菜單中選擇“漸進式下載視頻”。
6、插入Flash視頻在URL文本框中，指定cafe_townsend_home.flv文件的相對路徑從“外觀”彈出式菜單中選擇HaloSkin2?！皩挾取?80，“高度”135插入文本現(xiàn)在向網頁添加一些文本。可以在Dreamweaver文檔窗口中直接鍵入文本，也可以從其它源（如MicrosoftWord或純文本文件）復制并粘帖文本。然后，使用層疊樣式表(CSS)設置文本格式。插入正文文本在“文件”面板中，找到sample_text.txt文件（在cafe_townsend根文件夾中）并雙擊該文件的圖標，在Dreamweaver中打開它
7、。此窗口處于“代碼”視圖中，并且不能切換到“設計”視圖，因為該文件不是HTML文件。插入正文文本在sample_text.txt“文檔”窗口中，按Ctrl+A組合鍵選擇所有文本，然后按Ctrl+C復制所有文本。關閉sample_text.txt文件。單擊index.html中第二個表格中的第三個單元格，按Ctrl+V，將sample_text.txt中的文本粘貼至此。在“屬性”檢查器中，從“垂直”彈出式菜單中選擇“頂端”。插入導航條文本接下來插入導航條文本。在后續(xù)課程中學習如何利用CSS設置這些文本格式之后，它們看上去才會像導航條。
8、單擊第二個表格的第一列（紅棕色的列）鍵入單詞Cuisine。按空格，并鍵入ChefIpsum。重復前面的步驟，依次輸入Articles、SpecialEvents、Location、Menu、ContactUs。鍵入時不要按Enter
