第5章 使用圖像和多媒體創(chuàng)建豐富多彩的網頁

1、第5 5章使用圖像和多媒體創(chuàng)建豐富多彩的網頁在網絡上隨意瀏覽一個頁面，都會發(fā)現除了文字以外還有各種各樣的其他元素，如圖像、動畫和聲音。了解網頁中圖像的使用常識掌握在網頁中使用圖像掌握插入其他網頁圖像掌握添加Flash影片掌握使用代碼提示添加背景音樂掌握創(chuàng)建鼠標經過圖像導航欄掌握創(chuàng)建圖文混合網頁5.1 5.1 網頁中圖像的使用常識網頁中圖像的格式通常有3種，即GIF、JPEG和PNG。目前GIF和JPEG 文件格式的支持情況最好，大多數瀏覽器都可以查看它們。5.2 5.2 在網頁中使用圖像在網頁制作中，還有一個很重要的元素，那就是圖像。正是由于圖像的存在，才使得網頁內容變得豐富多彩。5.2.1

2、插入圖像在網頁中插入圖像的方法非常簡單，具體操作步驟如下。5.2.2 設置圖像屬性插入圖像后，如果圖像的大小和位置并不合適，還需要對圖像的屬性進行具體的調整，如大小、位置和對齊方式等。設置圖像屬性的效果如圖5.4所示，具體操作步驟如下。Dreamweaver CS6中提供了直接在文檔中裁剪圖像的功能，不再需要在其他圖像編輯軟件中進行操作。5.2.3 5.2.3 裁剪圖像裁剪圖像調整圖像的亮度和對比度的具體操作步驟如下。5.2.4調整圖像的亮度和對比度銳化圖像的具體操作步驟如下。5.2.6 銳化圖像下面講述在網頁中其他圖像的使用，如設置背景圖像，插入鼠標經過圖像。5.3.1 背景圖像在網頁中，可

3、以把圖像設置為網頁的背景，這個圖像就是背景圖。設置背景圖像的效果如圖5.16所示。5.3.2 創(chuàng)建鼠標經過圖像鼠標經過圖像就是當鼠標經過圖像時，原圖像會變成另外一張圖像。鼠標經過圖像其實是由兩張圖像組成的：原始圖像和鼠標經過圖像。Flash是一個非常成功的產品，在以前的Web頁面中所有的動態(tài)視頻元素不是視頻就是GIF動畫，現在已經慢慢轉化為使用Flash動畫了。所以Flash影片在頁面中的置入是非常重要的。5.4 5.4 添加添加FlashFlash影片影片5.55.5使用代碼提示添加背景音樂使用代碼提示添加背景音樂通過代碼提示，可以在【代碼】視圖中插入代碼，在輸入某些字符時，將顯示一個列表，列出完成條目所需要的選項，下面通過代碼提示講述插入背景音樂的效果，如圖5.32所示。5.6 5.6 實戰(zhàn)演練實戰(zhàn)演練以上主要講述了圖像的基本操作、添加Flash影片、插入視頻文件和插入其他媒體對象。下面通過兩個例子進一步鞏固所學知識。5.7.1 實例1創(chuàng)建鼠標經過圖像導航欄創(chuàng)建鼠標經過圖像最常用的是在網站的導航欄中，鼠標經過圖像導航欄前如圖5.40所示，鼠標經過圖像導航欄時如圖5.41所示。5.7.2 實例2創(chuàng)建圖文混和網頁文字和圖像是網頁中最基