WIKI使用導(dǎo)航
站長(zhǎng)百科導(dǎo)航
站長(zhǎng)專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計(jì)算
- 微博營(yíng)銷
- 虛擬主機(jī)管理系統(tǒng)
- 開放平臺(tái)
- WIKI程序與應(yīng)用
- 美國(guó)十大主機(jī)
Dreamweaver/插入圖像
Dreamweaver 中編輯圖像[ ]
Dreamweaver 提供基本圖像編輯功能，使您無(wú)需使用外部圖像編輯應(yīng)用程序（例如 Macromedia FireWorks）即可修改圖像。Dreamweaver 圖像編輯工具旨在使您能與內(nèi)容設(shè)計(jì)者（負(fù)責(zé)創(chuàng)建 Web 站點(diǎn)上使用的圖像文件）輕松地協(xié)作。
注意: 您無(wú)需在計(jì)算機(jī)上安裝 Macromedia FireWorks，即可使用 DreamWeaver 圖像編輯功能。
Dreamweaver 具有以下圖像編輯功能：
圖像重新取樣添加或減少已調(diào)整大小的 JPEG 和 GIF 圖像文件中的像素，以與原始圖像的外觀盡可能地匹配。對(duì)圖像進(jìn)行重新取樣會(huì)減小圖像文件的大小，其結(jié)果是下載性能的提高。
在 Dreamweaver 中重新調(diào)整圖像的大小時(shí)，您可以對(duì)圖像進(jìn)行重新取樣，以容納其新尺寸。重新取樣位圖對(duì)象時(shí)，會(huì)在圖像中添加或刪除像素，以使其變大或變小。重新取樣圖像以取得更高的分辨率一般不會(huì)導(dǎo)致品質(zhì)下降。但重新取樣以取得較低的分辨率總會(huì)導(dǎo)致數(shù)據(jù)丟失，并且通常會(huì)使品質(zhì)下降。
裁剪可讓您通過(guò)減小圖像區(qū)域編輯圖像。通常，您可能需要裁剪圖像以強(qiáng)調(diào)圖像的主題，并刪除圖像中強(qiáng)調(diào)部分周圍不需要的部分。
亮度/對(duì)比度修改圖像中像素的亮度或?qū)Ρ榷?。這將影響圖像的高亮顯示、陰影和中間色調(diào)。修正過(guò)暗或過(guò)亮的圖像時(shí)通常使用“亮度/對(duì)比度”。
銳化可通過(guò)增加圖像中邊緣的對(duì)比度來(lái)調(diào)整圖像的焦點(diǎn)。掃描圖像或拍攝數(shù)碼照片時(shí)，大多數(shù)圖像捕獲軟件的默認(rèn)操作是柔化圖像中各對(duì)象的邊緣。這可以防止特別精細(xì)的細(xì)節(jié)從組成數(shù)碼圖像的像素中丟失。不過(guò)，要顯示數(shù)碼圖像文件中的細(xì)節(jié)，經(jīng)常需要銳化圖像，從而提高邊緣的對(duì)比度，使圖像更清晰。
注意:DreamWeaver 圖像編輯功能僅適用于 JPEG 和 GIF 圖像文件格式。其它位圖圖像文件格式不能使用這些圖像編輯功能編輯。
插入圖像占位符[ ]
圖像占位符是在準(zhǔn)備好將最終圖形添加到 Web 頁(yè)面之前使用的圖形。 若要插入圖像占位符，請(qǐng)執(zhí)行以下操作：
- 在“文檔”窗口中，將插入點(diǎn)放置在要插入占位符圖形的位置。
- 執(zhí)行下列操作之一：
- 在“常用”插入欄中，單擊“圖像占位符”圖標(biāo)。
- 選擇“插入”>“圖像占位符”,“圖像占位符”對(duì)話框隨即顯示。
- 在該對(duì)話框中，為圖像占位符選擇選項(xiàng),您可以設(shè)置占位符的大小和顏色，并為占位符提供文本標(biāo)簽。
- 單擊“確定”,當(dāng)在瀏覽器中查看時(shí)，不顯示標(biāo)簽文字和大小文本。
對(duì)齊圖像[ ]
您可以將圖像與同一行中的文本、另一個(gè)圖像、插件或其它元素對(duì)齊。還可以設(shè)置圖像的水平對(duì)齊方式。 若要對(duì)齊圖像，請(qǐng)執(zhí)行以下操作：
- 在“設(shè)計(jì)”視圖中選擇該圖像。
- 在“屬性”檢查器中設(shè)置該圖像的對(duì)齊屬性,您可以設(shè)置相對(duì)于同一段落或行中的其它元素的對(duì)齊方式。
注意: HTML 不提供某些字處理應(yīng)用程序中提供的文本環(huán)繞圖像輪廓換行的方法。
對(duì)齊選項(xiàng)如下：
默認(rèn)值通常指定基線對(duì)齊。（根據(jù)站點(diǎn)訪問(wèn)者的瀏覽器的不同，默認(rèn)值也會(huì)有所不同。）
基線和底部將文本（或同一段落中的其它元素）的基線與選定對(duì)象的底部對(duì)齊。
頂端將圖像的頂端與當(dāng)前行中最高項(xiàng)（圖像或文本）的頂端對(duì)齊。
居中將圖像的中部與當(dāng)前行的基線對(duì)齊。
文本上方將圖像的頂端與文本行中最高字符的頂端對(duì)齊。
絕對(duì)居中將圖像的中部與當(dāng)前行中文本的中部對(duì)齊。
絕對(duì)底部將圖像的底部與文本行（這包括字母下部，例如在字母 g 中）的底部對(duì)齊。
左對(duì)齊將所選圖像放置在左邊，文本在圖像的右側(cè)換行。如果左對(duì)齊文本在行上處于對(duì)象之前，它通常強(qiáng)制左對(duì)齊對(duì)象換到一個(gè)新行。
右對(duì)齊將圖像放置在右邊，文本在對(duì)象的左側(cè)換行。如果右對(duì)齊文本在行上處于對(duì)象之前，它通常強(qiáng)制右對(duì)齊對(duì)象換到一個(gè)新行。
調(diào)整圖像大小[ ]
您可以在 Dreamweaver 中以可視化的形式調(diào)整元素的大小，這些元素包括圖像、插件、Macromedia Shockwave 或 Flash 文件、applet 和 ActiveX 控件等。 在 Dreamweaver 中以可視方式調(diào)整圖像大小有助于您看到不同尺寸的圖像對(duì)布局的影響情況。以可視方式調(diào)整圖像大小不會(huì)將圖像文件縮放您指定的比例。如果您確實(shí)在 Dreamweaver 中以可視方式調(diào)整了圖像的大小，但是沒(méi)有使用圖像編輯應(yīng)用程序（例如 Macromedia Fireworks）將圖像文件縮放到所需大小，則在載入頁(yè)面時(shí)用戶的瀏覽器必須縮放圖像。這可能會(huì)導(dǎo)致用戶瀏覽器中頁(yè)面下載延遲和圖像顯示不正確。若要縮短下載時(shí)間并確保所有圖像實(shí)例以相同大小顯示，請(qǐng)使用圖像編輯應(yīng)用程序縮放圖像。 若要以可視方式調(diào)整元素的大小，請(qǐng)執(zhí)行以下操作：
- 在“文檔”窗口中選擇該元素（例如，一個(gè)圖像或 SWF 文件）。 元素的底部、右側(cè)及右下角出現(xiàn)調(diào)整大小控制點(diǎn)。如果未出現(xiàn)調(diào)整大小控制點(diǎn)，則單擊要調(diào)整大小的元素以外的部分然后重新選擇它，或在標(biāo)簽選擇器中單擊相應(yīng)的標(biāo)簽以選擇該元素。
- 執(zhí)行下列操作之一，調(diào)整元素的大?。?
- 若要調(diào)整元素的寬度，請(qǐng)拖動(dòng)右側(cè)的選擇控制點(diǎn)。
- 若要調(diào)整元素的高度，請(qǐng)拖動(dòng)底部的選擇控制點(diǎn)。
- 若要同時(shí)調(diào)整元素的寬度和高度，請(qǐng)拖動(dòng)頂角的選擇控制點(diǎn)。
- 若要在調(diào)整元素尺寸時(shí)保持元素的比例（其寬高比），請(qǐng)?jiān)诎醋?Shift 鍵的同時(shí)拖動(dòng)頂角的選擇控制點(diǎn)。
以可視方式最小可以將元素大小調(diào)整到 8 x 8 像素。若要將元素的寬度和高度調(diào)整到更小的大?。ɡ?1 x 1 像素），請(qǐng)使用“屬性”檢查器輸入數(shù)值。 若要將已調(diào)整大小的元素返回到原始尺寸，請(qǐng)?jiān)凇皩傩浴睓z查器中刪除“寬”和“高”文本框中的值，或者單擊“重設(shè)大小”按鈕。 若要將圖像回復(fù)到其原始大小，請(qǐng)執(zhí)行以下操作：
- 單擊圖像“屬性”檢查器中的“重設(shè)大小”按鈕。
若要重新取樣已調(diào)整大小的圖像，請(qǐng)執(zhí)行以下操作：
- 如上所述，調(diào)整圖像大小。
- 單擊圖像“屬性”檢查器中的“重新取樣”按鈕。
注意:無(wú)法重新取樣圖像占位符或位圖圖像之外的元素。
裁剪圖像[ ]
Dreamweaver 支持裁剪（或修剪）位圖文件圖像。 注意: 使用 Dreamweaver 裁剪時(shí)，會(huì)更改磁盤上的源圖像文件，因此，您可能需要備份圖像文件，以在需要回復(fù)到原始圖像時(shí)使用。 若要裁剪圖像文件，請(qǐng)執(zhí)行以下操作：
- 打開包含要裁剪的圖像的頁(yè)面，選擇圖像，并執(zhí)行下列操作之一：
- 單擊圖像屬性檢查器中的“裁減工具”圖標(biāo)。
- 選擇“修改”>“圖像”>“裁剪”,所選圖像周圍會(huì)出現(xiàn)裁剪控制點(diǎn)。
- 調(diào)整裁剪控制點(diǎn)直到邊界框包含的圖像區(qū)域符合所需大小。
- 在邊界框內(nèi)部雙擊或按 Enter 鍵裁剪所選區(qū)域,將顯示一個(gè)對(duì)話框通知您正在裁剪的圖像文件將在磁盤上更改。單擊“確定”,所選位圖的邊界框外的所有像素都將被刪除，但將保留圖像中的其它對(duì)象。
- 預(yù)覽該圖像并確保它滿足您的要求。
若要撤消裁剪命令的效果，請(qǐng)執(zhí)行以下操作：
- 選擇“編輯”>“撤消裁剪”回復(fù)原始圖像。
在退出 Dreamweaver 或在外部圖像編輯應(yīng)用程序中編輯該文件之前，您可以撤消“裁剪”命令的效果（并回復(fù)到原始圖像文件）。
使用 Fireworks 優(yōu)化圖像[ ]
您可以在 Dreamweaver 中優(yōu)化 Web 頁(yè)面中的圖像。 若要優(yōu)化圖像，請(qǐng)執(zhí)行以下操作：
- 打開包含要優(yōu)化的圖像的頁(yè)面，選擇圖像，并執(zhí)行下列操作之一：
- 單擊圖像屬性檢查器中的“在 FireWorks 中優(yōu)化”按鈕。
- 選擇“修改”>“圖像”>“在 Fireworks 中優(yōu)化圖像”,將顯示“Fireworks 優(yōu)化圖像”對(duì)話框。
- 單擊“確定”。
調(diào)整圖像的亮度和對(duì)比度[ ]
“亮度/對(duì)比度”修改圖像中像素的亮度或?qū)Ρ榷?。這將影響圖像的高亮顯示、陰影和中間色調(diào)。修正過(guò)暗或過(guò)亮的圖像時(shí)通常使用“亮度/對(duì)比度”。 若要調(diào)整圖像的亮度和對(duì)比度，請(qǐng)執(zhí)行以下操作：
- 打開包含要調(diào)整的圖像的頁(yè)面，選擇圖像，并執(zhí)行下列操作之一：
- 單擊圖像“屬性”檢查器中的“亮度/對(duì)比度”按鈕。
- 選擇“修改”>“圖像”>“亮度/對(duì)比度”
- 將顯示“亮度/對(duì)比度”對(duì)話框。
- 拖動(dòng)亮度和對(duì)比度滑動(dòng)塊調(diào)整設(shè)置,值的范圍從 -100 到 100。
- 單擊“確定”。
銳化圖像[ ]
銳化將增加對(duì)象邊緣的像素的對(duì)比度，從而增加圖像清晰度或銳度。 若要銳化圖像，請(qǐng)執(zhí)行以下操作：
- 打開包含要銳化的圖像的頁(yè)面，選擇圖像，并執(zhí)行下列操作之一：
- 單擊圖像屬性檢查器中的“銳化”按鈕。
- 選擇“修改”>“圖像”>“銳化”,將顯示“銳化”對(duì)話框。
- 可以通過(guò)拖動(dòng)滑塊控件或在文本框中輸入一個(gè) 0 到 10 之間的值，來(lái)指定 Dreamweaver 應(yīng)用于圖像的銳化程度,在使用“清晰度”對(duì)話框調(diào)整圖像的清晰度時(shí)，可以預(yù)覽對(duì)該圖像所做的更改。
- 單擊“確定”。
- 選擇“文件”>“保存”以保存更改，或選擇“編輯”>“撤消銳化”回復(fù)到原始圖像。
若要撤消銳化命令的效果，請(qǐng)執(zhí)行以下操作：
- 選擇“編輯”>“撤消銳化”回復(fù)到原始圖像。
只能在保存包含圖像的頁(yè)面之前撤消“銳化”命令的效果（并回復(fù)到原始圖像文件）。頁(yè)面一旦保存，對(duì)圖像所做更改即永久保存。
創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像[ ]
您可以在頁(yè)面中插入鼠標(biāo)經(jīng)過(guò)圖像。鼠標(biāo)經(jīng)過(guò)圖像是一種在瀏覽器中查看并使用鼠標(biāo)指針移過(guò)它時(shí)發(fā)生變化的圖像。 開始前，請(qǐng)選用一對(duì)或多對(duì)圖像用于鼠標(biāo)經(jīng)過(guò)圖像。您將使用兩個(gè)圖像文件創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像：主圖像（當(dāng)首次載入頁(yè)時(shí)顯示的圖像）和次圖像（當(dāng)鼠標(biāo)指針移過(guò)主圖像時(shí)顯示的圖像）。鼠標(biāo)經(jīng)過(guò)圖像中的這兩個(gè)圖像應(yīng)大小相等；如果這兩個(gè)圖像大小不同，Dreamweaver 將自動(dòng)調(diào)整第二個(gè)圖像的大小以匹配第一個(gè)圖像的屬性。 鼠標(biāo)經(jīng)過(guò)圖像自動(dòng)設(shè)置為響應(yīng) onMouseOver 事件。有關(guān)設(shè)置圖像以響應(yīng)不同事件（例如，鼠標(biāo)單擊）或有關(guān)編輯鼠標(biāo)經(jīng)過(guò)圖像以顯示不同圖像的信息，請(qǐng)參見交換圖像。 若要?jiǎng)?chuàng)建鼠標(biāo)經(jīng)過(guò)圖像，請(qǐng)執(zhí)行以下操作：
- 在“文檔”窗口中，將插入點(diǎn)放置在要顯示鼠標(biāo)經(jīng)過(guò)圖像的位置。
- 使用以下方法之一插入鼠標(biāo)經(jīng)過(guò)圖像：
- 在“插入”欄中，選擇“常用”，然后單擊“鼠標(biāo)經(jīng)過(guò)圖像”圖標(biāo)。
- 在“插入”欄中，選擇“常用”，然后將“鼠標(biāo)經(jīng)過(guò)圖像”圖標(biāo)拖到“文檔”窗口中的所需位置。
- 選擇“插入”>“交互式圖像”>“鼠標(biāo)經(jīng)過(guò)圖像”,隨即顯示“插入鼠標(biāo)經(jīng)過(guò)圖像”對(duì)話框。
- 完成對(duì)話框,單擊“確定”。
- 選擇“文件”>“在瀏覽器中預(yù)覽”，或按 F12 鍵,不能在“設(shè)計(jì)”視圖中看到鼠標(biāo)經(jīng)過(guò)圖像的效果。
- 在瀏覽器中，將鼠標(biāo)指針移過(guò)原始圖像,顯示應(yīng)切換到鼠標(biāo)經(jīng)過(guò)圖像。
使用外部圖像編輯器[ ]
在 Dreamweaver 中工作時(shí)，您可以在外部圖像編輯器中打開選定的圖像；在保存了編輯完的圖像文件并返回到 Dreamweaver 時(shí)，可以在“文檔”窗口中看到您對(duì)圖像所做的任何更改。 您可以設(shè)置 Fireworks 作為首選外部編輯器。有關(guān)更多信息，請(qǐng)參見使用 Fireworks。 若要啟動(dòng)外部圖像編輯器，請(qǐng)執(zhí)行以下操作之一：
- 雙擊要編輯的圖像。
- 右鍵單擊 (Windows) 或按住 Control 鍵單擊 (Macintosh) 要編輯的圖像，然后選擇“編輯以”>“瀏覽”并選擇一個(gè)編輯器。
- 選擇要編輯的圖像，然后在“屬性”檢查器中單擊“編輯”。
- 在“站點(diǎn)”面板中雙擊圖像文件，啟動(dòng)主圖像編輯器。如果您尚未指定圖像編輯器，Dreamweaver 將啟動(dòng)該文件類型的默認(rèn)編輯器。
注意: 當(dāng)您從“站點(diǎn)”面板打開圖像時(shí)，F(xiàn)ireworks 集成功能不會(huì)起作用；Fireworks 不打開原始 PNG 文件。若要使用 Fireworks 的集成功能，請(qǐng)從“文檔”窗口內(nèi)打開圖像。 如果在返回到 Dreamweaver 窗口后沒(méi)有看到更新的圖像，則選擇該圖像，然后在“屬性”檢查器中單擊“刷新”按鈕。