如何在網頁中插入和編輯影像，並調整其大小

PNG (可攜式網路圖形) - PNG 檔案格式是沒有專利權的 GIF 替代品，包含了對索引色、灰階和全彩影像的支援，以及對透明度的 Alpha 色板支援。PNG 檔案會保留原始圖層、向量、顏色和效果資訊 (如陰影)。而且，所有元素都可隨時進行編輯。檔案必須具有 .png 副檔名，Dreamweaver 才能將它辨認為 PNG 檔案。

當您將影像插入 Dreamweaver 文件時，HTML 原始碼中會自動產生影像檔的參考。若要確保這個參考的正確性，影像檔必須位於目前的網站中。如果影像不在目前的網站中，Dreamweaver 會詢問您是否要將檔案複製到這個網站。

Dreamweaver 可讓您以動態方式插入影像。動態影像就是那些經常變更的影像。例如，廣告橫幅旋轉系統會從潛在的橫幅清單中隨機選取一個橫幅。在要求頁面時，該系統便會以動態方式顯示所選取橫幅的影像。

您也可以使用「即時導引線」和「元素快速檢視」，將「Extract」面板中的任何圖層拖放到 Dreamweaver「即時」檢視中的任何位置。「Extract」面板可讓您上傳 PSD 檔案，然後將 PSD 檔案中的任何圖層直接拖放到 Dreamweaver 文件中。

將影像插入之後，您可以設定影像標籤及輔助功能屬性，讓螢幕閱讀程式為視障用戶取得這些屬性。您可以在 HTML 程式碼中編輯這些屬性。

目標視窗 會指定要載入所連結頁面的頁框或視窗。如果影像沒有連結到另一個檔案，此選項就無法使用。目前頁框組中所有頁框的名稱都會出現在「目標視窗」清單中。您也可以從下列保留的目標視窗名稱中選擇：

_blank 會在未命名的新瀏覽器視窗中載入連結的檔案。

_new 會在新的瀏覽器視窗中載入連結的檔案。

_parent 會在上一層頁框組或包含連結的頁框之視窗中載入連結的檔案。如果包含連結的頁框不是巢狀的，則會在完整的瀏覽器視窗中載入連結的檔案。

_self 會在與連結相同的頁框或視窗中載入連結的檔案。此目標視窗是預設的目標視窗。您不需要明確指定這個值。

_top 會在完整的瀏覽器視窗中載入連結的檔案，然後移除所有頁框。

您可以在 Dreamweaver 中，以目視方式調整元素 (如影像、外掛程式、Shockwave 或 SWF 檔、Applet 及 ActiveX 控制項等) 的大小。

以目視方式調整影像大小，可讓您看見影像在不同尺寸時對版面的影響，但是不會依您指定的比例縮放影像檔。如果您是在 Dreamweaver 中以目視方式調整影像的大小，而不是使用影像編輯應用程式，則用戶的瀏覽器會在載入該頁面時縮放影像。這可能會導致頁面下載時間延遲，並使影像無法在用戶的瀏覽器中正確顯示。

若要減少下載時間，並確保所有影像實體以相同大小顯示，請使用影像編輯應用程式來縮放影像。請閱讀下面的程序，了解如何以目視方式調整元素大小。

「滑鼠變換影像」是指在瀏覽器中檢視時，當滑鼠指標滑過時會變換的影像。您必須有兩張影像才能建立滑鼠變換影像。一張主要影像 (或頁面首次載入時顯示的影像) 和一張次要影像 (或指標滑過主要影像上方時顯示的影像)。滑鼠變換影像中的這兩張影像大小必須相同。如果影像不是相同大小，則 Dreamweaver 會調整第二張影像的大小以符合第一張影像的屬性。

滑鼠變換影像會自動設定成回應 onMouseOver 事件。您可以設定影像來回應不同的事件。例如，按下滑鼠或變更滑鼠變換影像。

即使在 Dreamweaver 中，您仍可以在外部影像編輯器中開啟選取的影像。當您儲存編輯過的影像檔並返回 Dreamweaver 後，您對影像所做的任何變更都可以在「文件」視窗中看到。

您可以設定主要的外部編輯器，也可以設定編輯器會開啟的檔案類型。您可以選取多個影像編輯器。例如，您可以設定偏好設定，在您要編輯 JPEG 時啟動 Photoshop，而在您要編輯 GIF 動畫時則啟動不同的影像編輯器。