如何利用Dreamweaver編輯和處理圖像

網(wǎng)頁(yè)中的顏色：

　　圖像與顏色是分不開的。在網(wǎng)頁(yè)中是以RGB方式來(lái)表示顏色的，RGB顏色包括幾百萬(wàn)種之多，這么多的顏色卻有一個(gè)共同點(diǎn)，都是由紅、綠、藍(lán)這三種基色調(diào)混和而成的，RGB其實(shí)就是Red、Green、Blue的縮寫。

　　在網(wǎng)頁(yè)中運(yùn)用色彩一般應(yīng)遵循下列幾個(gè)原則。

　　（1）一個(gè)頁(yè)面中切忌采用過(guò)多的顏色，否則會(huì)給人一種繁雜的感覺(jué)，也烘托不了網(wǎng)頁(yè)的主題，因此一種風(fēng)格的網(wǎng)頁(yè)選用顏色一般不要超過(guò)三四種。

　?。?） 背景的顏色不要太深，顯得過(guò)于厚重，因?yàn)檫@樣會(huì)影響整個(gè)頁(yè)面的顯示效果。但也有例外，黑色的背景襯托出亮麗的文本和圖像，會(huì)給人一種另類的感覺(jué)。

　?。?）要保持整個(gè)網(wǎng)頁(yè)的色調(diào)統(tǒng)一。

　?。?）要圍繞網(wǎng)頁(yè)的主題選擇顏色，色彩要能烘托出主題。

圖像格式：

　　由于受網(wǎng)絡(luò)帶寬的限制，在Web頁(yè)上使用的圖像都是一些壓縮格式，最常用的包括：GIF格式、JPEG格式、PNG格式和矢量格式。

　　1．GIF格式

　　GIF格式采用無(wú)損壓縮算法進(jìn)行圖像的壓縮處理，是目前在網(wǎng)頁(yè)設(shè)計(jì)中使用最普遍、最廣泛的一種圖像格式。

　　2．JPEG格式

　　JPEG格式是另一種在Web上應(yīng)用廣泛的圖像格式。由于它支持的顏色數(shù)幾乎沒(méi)有限制，因此適用于使用真彩色或平滑過(guò)渡色的照片和圖片。與GIF格式采用無(wú)損壓縮不同，JPEG格式使用有損壓縮來(lái)減小圖片文件的大小，因此用戶將看到隨著文件的減小，圖片的質(zhì)量也降低了。

　　3．PNG格式

　　PNG格式是近年來(lái)新出現(xiàn)的一種圖像格式，它適于任何類型、任何顏色深度的圖片。

　　4．矢量格式

使用網(wǎng)頁(yè)圖像的要點(diǎn)：

　　在Web頁(yè)上顯示圖片之前，通常需要考慮下列三個(gè)問(wèn)題：

　?、?確保文件較??；
　?、?控制圖像的數(shù)量和質(zhì)量；
　?、?合理使用動(dòng)畫。

在網(wǎng)頁(yè)中插入圖像：

　　1．插入圖像

　　在Dreamweaver中插入圖像非常簡(jiǎn)單，具體操作步驟見課本。

　　2．圖像屬性參數(shù)

　　在文檔中插入圖像后，用鼠標(biāo)單擊圖像，圖像四周出現(xiàn)可編輯的縮放手柄，說(shuō)明該圖像被選定。這時(shí)屬性面板中顯示出關(guān)于圖像的屬性信息。

　　3．改變圖像的尺寸

　　改變圖像的尺寸大小可以通過(guò)在屬性面板中的"Ｗ"和"Ｈ"直接輸入數(shù)值來(lái)改變圖像的尺寸大小 。此外，還可以通過(guò)拖放圖像邊框來(lái)改變圖像的尺寸。

　　4．調(diào)整圖像在網(wǎng)頁(yè)中的相對(duì)位置

設(shè)置網(wǎng)頁(yè)背景：

　　改變網(wǎng)頁(yè)背景的狀態(tài)可以通過(guò)兩種方法來(lái)實(shí)現(xiàn)，一種是設(shè)置背景顏色；另一種是設(shè)置背景圖像。

　　1．設(shè)置網(wǎng)頁(yè)背景顏色

　　設(shè)置網(wǎng)頁(yè)背景色在頁(yè)面屬性對(duì)話框里設(shè)置 。

　　2．設(shè)置背景圖像

　　設(shè)置網(wǎng)頁(yè)背景色，只能得到單一顏色的背景。如何能使背景發(fā)生更多的變化，這就需要設(shè)置網(wǎng)頁(yè)的背景圖像。

在Dreamweaver中巧妙地處理圖像：
 
　　1．給圖像加文字說(shuō)明

　　利用Dreamweaver 中為圖像加文字說(shuō)明的功能，可使網(wǎng)頁(yè)中的圖像在不能被瀏覽器正常顯示時(shí)，以說(shuō)明文字代替，以幫助訪問(wèn)者了解圖像的信息。

　　2．制作低分辨率圖像

　　3．為圖像添加熱點(diǎn)

　　熱點(diǎn)即圖像上不可見的區(qū)域，該區(qū)域分配了一個(gè)超鏈接。為圖像添加熱點(diǎn)就是在圖像上劃分區(qū)域，從而設(shè)定圖像上制作超鏈接的范圍。

科普云 煙臺(tái)網(wǎng)站建設(shè) 網(wǎng)頁(yè)設(shè)計(jì)部整理發(fā)布

文章標(biāo)題：如何利用Dreamweaver編輯和處理圖像
文章網(wǎng)址：http://m.federalmarketingsolutions.com/jishufenxiang/nr138.html
歡迎轉(zhuǎn)載收藏