資源描述：
《通過本章學習應該掌握以下內(nèi)容.ppt》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、通過本章學習，應該掌握以下內(nèi)容：第5章網(wǎng)頁圖像的處理1.能夠選擇合適的網(wǎng)頁顏色2.解網(wǎng)頁圖像的基本格式3.掌握使用網(wǎng)頁圖像的要點4.在網(wǎng)頁中插入圖像的方法5.圖像屬性的設置6.調(diào)整圖像的大小及位置5.1利用DreamweaverMX編輯圖像5.1.1網(wǎng)頁中的顏色在網(wǎng)頁中是以RGB方式來表示顏色的，RGB顏色包括幾百萬種之多，這么多的顏色卻有一個共同點，都是由紅、綠、藍這三種基色調(diào)混和而成的，RGB其實就是Red、Green、Blue的縮寫。這三種基色中每一種顏色的飽和度和透明度都是可以變化的，用0
2、（表示最弱）~255（表示最強）的數(shù)值來表示。例如純紅色表示為：Red50%、Green0%、Blue0%，簡單的表示法為（255，0，0），用十六進制數(shù)來表示的話就變成了“FF0000”。在網(wǎng)頁中運用色彩一般應遵循下列幾個原則:（1）一個頁面中切忌采用過多的顏色，否則會給人一種繁雜的感覺，也烘托不了網(wǎng)頁的主題，因此一種風格的網(wǎng)頁選用顏色一般不要超過三四種。（2）背景的顏色不要太深，顯得過于厚重，因為這樣會影響整個頁面的顯示效果。但也有例外，黑色的背景襯托出亮麗的文本和圖像，會給人一種另類的感覺。
3、（3）要保持整個網(wǎng)頁的色調(diào)統(tǒng)一。（4）要圍繞網(wǎng)頁的主題選擇顏色，色彩要能烘托出主題。5.1.2圖像格式GIF格式（GraphicsInterchangeFormat圖像交換格式）采用無損壓縮（所謂無損壓縮是指在壓縮過程中圖像的質(zhì)量不會丟失）算法進行圖像的壓縮處理，是目前在網(wǎng)頁設計中使用最普遍、最廣泛的一種圖像格式。GIF格式可以高度壓縮圖像;GIF格式支持圖像游離在背景之上的視覺效果;GIF格式的圖像可以被交錯下載;可以將很多幅圖像結(jié)合在一個GIF文件中。1．GIF格式2．JPEG格式JPEG格式
4、（JointPhotoExpertGraphics，聯(lián)合圖形專家組圖片格式）是另一種在Web上應用廣泛的圖像格式。由于它支持的顏色數(shù)幾乎沒有限制，因此適用于使用真彩色或平滑過渡色的照片和圖片。與GIF格式采用無損壓縮不同，JPEG格式使用有損壓縮來減小圖片文件的大小，因此用戶將看到隨著文件的減小，圖片的質(zhì)量也降低了。1.支持24位圖像，能夠很好地表現(xiàn)照片等全彩色的圖像；2.可以生成類似GIF格式的交錯關(guān)聯(lián)圖像——漸變JPEG；3.可以制作透明JPEG圖像。JPEG格式圖像的優(yōu)點：1.有損壓縮使之不
5、適合表達高清晰度的圖像：2.最高只能以256色顯示的用戶，可能無法觀看JPEG圖像；3.當圖像中包含fine字體時應避免用JPEG格式，在該字體與純顏色重疊的地方，JPEG壓縮作品看上去只是一種外觀近似。4.采用JPEG格式對圖像進行壓縮后，不能再重新打開圖像。5.JPEG格式不支持透明色，也沒有動畫的概念。JPEG格式圖像的缺點：PNG格式（PortableNetworksGraphics，可移植的網(wǎng)絡圖形格式）是近年來新出現(xiàn)的一種圖像格式，它適于任何類型、任何顏色深度的圖片。該格式用無損壓縮來
6、減小圖片文件的大小，同時保留圖片中的透明區(qū)域。此外，該格式是僅有的幾種支持透明度概念的圖片格式之一（透明GIF的透明度只能是50%，但PNG格式可以是0%~50%）。3．PNG格式GIF、JPEG、PNG這幾種格式都是標準的位圖格式，但現(xiàn)在Web上還可以使用新的矢量格式。所謂位圖格式就是指用圖片上每一點的信息來描述圖像，而矢量格式則是用線條和填充色等數(shù)學信息來描述圖像。相比而言，矢量格式的文件要比位圖格式的文件小得多，但表現(xiàn)力絲毫不遜色。除了表現(xiàn)一般的靜態(tài)畫面以外，動畫是矢量格式具有巨大優(yōu)勢的另一
7、個領域。4．矢量格式在Web頁上顯示圖片之前，通常需要考慮下列三個問題：①確保文件較?。?）使圖像具有所需的像素大小2）采用正確的格式進行優(yōu)化處理②控制圖像的數(shù)量和質(zhì)量；③合理使用動畫。5.1.3使用網(wǎng)頁圖像的要點在Dreamweaver中插入圖像非常簡單，具體操作步驟如下：（1）打開網(wǎng)頁，將光標移到將要插入圖像的位置。（2）用下列3種方法中的任意一種方法，打開“選擇圖像源”對話框，如圖所示。在插入“常用”面板中，單擊插入圖像按鈕。直接拖曳插入“常用”面板中的插入圖像按鈕至頁面的光標處。選擇Dre
8、amweaverMX主菜單中的“插入”
9、“圖像”命令。5.1.4在網(wǎng)頁中插入圖像1．插入圖像（3）在對話框中選擇查找圖像文件的路徑，選中“預覽圖像”復選框，選定圖像的預覽圖就顯示在對話框的右側(cè)。（4）如果文件存放在網(wǎng)站的目錄中，那么將“相對于”下拉列表調(diào)整到“文檔”項。（5）然后單擊“確認”按鈕，圖像就插入到網(wǎng)頁中了。在文檔中插入圖像后，用鼠標單擊圖像，圖像四周出現(xiàn)可編輯的縮放手柄，說明該圖像被選定。這時屬性面板中顯示出關(guān)于圖像的屬性信息，如圖所示。2．圖像屬性參數(shù)圖像屬性面板的左
