網(wǎng)站建設(shè)公司:在Dreamweaver軟件中調(diào)整圖像
使用網(wǎng)頁(yè)制作工具Dreamweaver制作網(wǎng)頁(yè)
主要設(shè)置說(shuō)明如下:
(1)“名稱”輸入框(可選)。“名稱”輸入框用于輸入要作為圖像占位符的標(biāo)簽顯示的文
本。如果不想顯示標(biāo)簽,則保留該文本框?yàn)榭铡CQ必須以字母開頭,并且只能包含字母和
數(shù)字,不允許使用空格。
(2)“寬度”和“高度”輸入框(必需)。“寬度”和“高度”輸入框用于設(shè)置圖像的大?。ㄒ?/span>像素表示)。
(3)“顏色”選擇框(可選)。“顏色”選擇框用于設(shè)置當(dāng)前圖像占位符的顏色。使用時(shí),可以使用顏色選擇器選擇一種顏色,也可以直接輸入顏色的十六進(jìn)制值(如#FFOOOO)或輸入網(wǎng)頁(yè)安全色名稱(如red)。
(4)“替換文本”輸入框(可選)。“替換文本”輸入框用于為使用只顯示文本的瀏覽器的訪問(wèn)者輸入描述該圖像的文本。
注意:插入圖像占位符后,網(wǎng)頁(yè)的HTML代碼中將自動(dòng)插入一個(gè)包含空src屬性的圖像標(biāo)簽。圖像占位符不在瀏覽器中顯示圖像。在發(fā)布站點(diǎn)之前,應(yīng)該用適用于Web的圖像文件替換所有添加的圖像占位符。
雖然對(duì)圖像的處理在多數(shù)情況下會(huì)使用更加專業(yè)的圖像處理工具來(lái)實(shí)現(xiàn),但是Dream-
weaver軟件也提供了簡(jiǎn)單的圖像編輯功能。其操作方法為:選擇菜單“修改”葉“圖像”命
修改圖像的顯示界面
下面介紹Dreamweaver軟件中的主要圖像編輯功能:
(1)“重新取樣”項(xiàng)。“重新取樣”項(xiàng)用于添加或減少已調(diào)整大小的JPEG和GIF圖像文件的像素,以便與原始圖像的外觀盡可能匹配。對(duì)圖像進(jìn)行重新取樣會(huì)減小該圖像的文件大小,并提高圖像的下載性能。
在Dreamweaver軟件中調(diào)整圖像大小時(shí),可以對(duì)圖像進(jìn)行重新取樣,以便其適應(yīng)新的尺寸。對(duì)位圖對(duì)象進(jìn)行重新取樣時(shí),系統(tǒng)會(huì)在圖像中添加或刪除像素,以使其變大或變小。對(duì)圖像進(jìn)行重新取樣以取得更高的分辨率時(shí),一般不會(huì)導(dǎo)致圖像的品質(zhì)下降。但重新取樣以取得較低的分辨率總會(huì)導(dǎo)致數(shù)據(jù)丟失,并且通常會(huì)使圖像的品質(zhì)下降。
(2)“裁剪”項(xiàng)。“裁剪”項(xiàng)是通過(guò)減小圖像區(qū)域而對(duì)圖像進(jìn)行編輯的工具。通常,可以通過(guò)裁剪圖像,以強(qiáng)調(diào)圖像的主題,并刪除圖像中不需要強(qiáng)調(diào)的部分。
(3)“亮J匱∥對(duì)比度”項(xiàng)。“亮度/對(duì)比度”項(xiàng)用于修改圖像中像素的亮度或?qū)Ρ榷?。這將影響圖像的高亮顯示、陰影和中間色調(diào)。修正過(guò)暗或過(guò)亮的圖像時(shí),通常要使用“亮度/對(duì)比度”項(xiàng)。
(4)“銳化”項(xiàng)。“銳化”項(xiàng)是通過(guò)增加圖像中邊緣的對(duì)比度以調(diào)整圖像焦點(diǎn)的方法。掃描圖像或拍攝數(shù)字照片時(shí),大多數(shù)圖像捕獲軟件會(huì)默認(rèn)操作柔化圖像中各對(duì)象的邊緣。這可以防止特別精細(xì)的細(xì)節(jié)從組成數(shù)字圖像的像素中丟失。不過(guò),要顯示數(shù)字圖像文件中的細(xì)節(jié),經(jīng)常需要銳化圖像,從而提高邊緣的對(duì)比度,使圖像更清晰。
注意:Dreamweaver軟件的圖像編輯功能僅適用于JPEG和GIF圖像格式。其他位圖圖像文件格式不能使用這些圖像編輯功能進(jìn)行編輯。
6.創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像
可以在頁(yè)面中插入鼠標(biāo)經(jīng)過(guò)圖像。鼠標(biāo)經(jīng)過(guò)圖像是一種能在瀏覽器中查看,并在鼠標(biāo)指針移過(guò)它時(shí)發(fā)生變化的圖像。
鼠標(biāo)經(jīng)過(guò)圖像需要用兩個(gè)圖像來(lái)創(chuàng)建,其中主圖像是首次加載頁(yè)面時(shí)顯示的圖像,次圖像是鼠標(biāo)指針移過(guò)主圖像時(shí)顯示的圖像。主圖像和次圖像應(yīng)該大小相等,如果這兩個(gè)圖像大小不同,Dreamweaver軟件將調(diào)整第二個(gè)圖像的大小以與第一個(gè)圖像的大小匹配。