新增媒體物件

上次更新時間 2021年4月27日

了解如何在 Dreamweaver 網頁中插入和編輯媒體物件、使用「設計備註」等等。

除了 SWF 和 FLV 檔之外,您還可以將其他音效/視訊物件插入 Dreamweaver 文件中。 如果您已經隨同媒體物件插入輔助功能屬性,則可以設定輔助功能屬性,並在 HTML 程式碼中編輯這些值。

將插入點放置在文件視窗中您要插入物件的位置。
請執行下列其中一項作業來插入物件:
  • 在「插入」面板的「HTML」類別中,選取您要插入之物件類型的圖示。

  • 從「插入 > HTML」子選單中選取適當的物件。

  • 接著會出現對話方塊,讓您為媒體物件選取原始檔案和指定某些參數。

備註

如果不想讓這類對話方塊出現,請選取「編輯 > 偏好設定 > 一般設定」(Windows) 或「Dreamweaver > 偏好設定 > 一般設定」(Macintosh),並取消選取「插入物件時顯示對話方塊」選項。 若要覆寫任何針對顯示對話方塊所設定的偏好設定,請在插入物件時按住 Control (Windows) 或 Option (Macintosh) 鍵。 

完成「選取檔案」對話方塊,然後按一下「確定」。
備註

如果您在「編輯 > 偏好設定」對話框中選擇在插入媒體時顯示屬性,則會出現「協助工具屬性」對話框。

設定協助工具屬性。
備註

您也可以選取物件並在程式碼檢視中編輯 HTML 程式碼,或按右鍵 (Windows) 或 Control 鍵加按一下 (Macintosh),然後選取「編輯標記程式碼」來編輯媒體物件屬性。

標題

輸入媒體物件的標題。

存取鍵

在文字框中輸入鍵盤對應 (一個字母) 以在瀏覽器中選取表單物件。這讓網站訪客可以使用 Control 鍵 (Windows) 搭配存取鍵來存取物件。例如,如果您輸入 B 做為存取鍵,請使用 Control+B 在瀏覽器中選取物件。

定位停駐點索引

輸入表單物件定位停駐點順序的編號。 當頁面上有其他連結和表單物件,且需要使用者以特定順序按 Tab 鍵瀏覽時,設定 Tab 順序會很有用。如果您為一個物件設定 Tab 順序,請務必為所有物件設定 Tab 順序。

請按一下「確定」以插入媒體物件。
備註

如果您按一下「取消」,文件中會出現媒體物件佔位符,但 Dreamweaver 不會將協助工具標記或屬性與其建立關聯。

若要指定來源檔案,或設定尺寸和其他參數與屬性,請對每個物件使用屬性檢查器。您可以編輯物件的協助工具屬性。

啟動媒體檔案的外部編輯器

您可以從 Dreamweaver 啟動外部編輯器來編輯大部分媒體檔案。您也可以指定您希望由 Dreamweaver 啟動用來編輯檔案的編輯器。

確認媒體檔案類型已與您系統上的編輯器建立關聯。

若要找出與檔案類型關聯的編輯器,請在 Dreamweaver 中選取「編輯 > 偏好設定」,然後從「分類」清單中選取「檔案類型/編輯器」。按一下「擴充功能」欄位中的檔案擴充功能,即可在「編輯器」欄位中檢視相關聯的編輯器。您可以變更與檔案類型關聯的編輯器。

在「檔案」面板中按兩下媒體檔案,即可在外部編輯器中開啟該檔案。

當您在「檔案」面板中按兩下檔案時啟動的編輯器稱為主要編輯器。例如,如果您按兩下影像檔案,Dreamweaver 會在主要外部影像編輯器 (如 Adobe Fireworks) 中開啟檔案。

如果您不想使用主要外部編輯器來編輯檔案,可以透過下列其中一種方法,使用系統上的另一個編輯器來編輯檔案:
  • 在「檔案」面板中,按右鍵 (Windows) 或 Control 鍵加按一下 (Macintosh) 檔案名稱,然後從內容選單中選取「開啟方式」

  • 在「設計」檢視中,按右鍵 (Windows) 或 Control 鍵加按一下 (Macintosh) 目前頁面內的媒體元素,然後從內容選單中選取「編輯方式」。

指定要從 Dreamweaver 啟動的編輯器

您可以指定您希望 Dreamweaver 用於編輯檔案類型的編輯器, 並新增或刪除 Dreamweaver 識別的檔案類型。

明確指定應為指定檔案類型 啟動哪些外部編輯器

選取「編輯」>「偏好設定」 並從類別清單中選取「檔案類型/編輯器」。

副檔名 (例如 .gif、.wav 和 .mpg) 會列在左側的「副檔名」下方。選定擴充功能的相關編輯器 會列在右側的「編輯器」下方。

在「擴充功能」清單中選取檔案類型擴充功能 並執行下列其中一項作業:
  • 若要將新編輯器與檔案類型建立關聯,請按一下編輯器清單上方的加號 (+) 按鈕,並完成出現的對話框。

    例如,選取 Acrobat 的應用程式 圖示,以將其與檔案類型建立關聯。

  • 若要讓編輯器成為檔案 類型的主要編輯器 (亦即當您在「檔案」面板中按兩下檔案 類型時會開啟的編輯器),請在「編輯器」清單中選取編輯器 並按一下「設為主要」。

  • 若要中斷編輯器與檔案類型的關聯,請在「編輯器」清單中選取 編輯器,並按一下「編輯器」清單上方的減號 (-) 按鈕。

新增檔案類型及其相關編輯器

按一下「擴充功能」清單上方的 加號 (+) 按鈕,並輸入檔案類型擴充功能 (包括擴充功能 開頭的句點) 或數個以空格分隔的相關擴充功能。

例如,如果您想要將它們與系統上安裝的 XML 編輯器建立關聯, 您可以輸入 .xml .xsl

按一下「編輯器」清單上方的加號 (+) 按鈕並完成出現的對話框, 為檔案類型選取編輯器。

移除檔案類型

在「擴充功能」 清單中選取檔案類型,並按一下「擴充功能」清單上方的減號 (-) 按鈕。
備註

移除檔案類型後您無法復原,所以請確定 您要移除它。

對媒體物件使用設計備註

與 Dreamweaver 中的其他物件一樣,您可以 將設計備註新增至媒體物件。設計備註是與 特定檔案相關的備註,會儲存在個別檔案中。您可以使用設計備註來追蹤與您的文件相關的額外檔案資訊,例如 Image Source 檔案名稱和檔案狀態的註解。

在「文件」視窗中,按右鍵 (Windows) 或按住 Control 鍵並按一下 (Macintosh) 物件。
備註

您必須定義您的網站,才能將設計備註新增至任何物件。

從快顯選單中選取「此頁的設計備註」。
在「設計備註」中輸入您要的資訊。
備註

您也可以從「檔案」面板將設計備註新增至媒體 物件,方法是選取檔案,顯示 快顯功能表,然後從快顯功能表選擇「設計備註」。

加入視訊 (非 FLV)

您可以透過不同 方式並使用不同格式將影片新增至您的網頁。影片可以下載到 使用者端,也可以採用串流方式,以便在下載時播放。

先將影片片段放在網站資料夾中。

這些片段通常是 AVI 或 MPEG 檔案格式。

在頁面中連結到此片段或將它嵌入。

若要連結至該片段,請為連結輸入文字 (例如「下載 片段」),選取文字,然後按一下「屬性」 檢視窗中的檔案夾圖示。請瀏覽至視訊檔並選取它。

備註

使用者必須下載輔助應用程式(外掛程式)來檢視常見的串流格式,如 Real Media、QuickTime 和 Windows Media。

插入外掛程式內容

您可以建立內容,如用於瀏覽器外掛程式的 QuickTime 電影,然後使用 Dreamweaver 將該內容插入 HTML 文件中。典型的外掛程式包括 RealPlayer 和 QuickTime,而某些內容檔案包括 mp3 和 QuickTime 電影。

您可以在「文件」視窗的「設計」檢視中直接預覽依賴瀏覽器外掛程式的電影和動畫。您可以一次播放所有外掛程式元素以查看頁面對使用者的外觀,或者您可以個別播放每一個元素以確保您已嵌入正確的媒體元素。

備註

您無法預覽依賴 ActiveX 控制項的電影或動畫。

插入外掛程式內容後,請使用「屬性」檢查器為該內容設定參數。若要在「屬性」檢查器中檢視以下屬性,請選取外掛程式物件。

「屬性」檢查器一開始會顯示最常用的屬性。按一下右下角的展開箭頭以查看所有屬性。

插入外掛程式內容並設定其屬性

在「文件」視窗的「設計」檢視中,將插入點放置在您要插入內容的位置,然後執行下列其中一項操作:
  • 在「插入」面板的「一般」類別中,按一下「媒體」按鈕,然後從選單中選取「外掛程式」圖示

  • 選取「插入」>「媒體」>「外掛程式」。

在出現的對話框中,為外掛程式選取內容檔案,然後按一下「確定」。
在「屬性」檢視窗中設定外掛程式選項。

名稱

指定用來識別要以 Script 處理的外掛程式名稱。 在「屬性」檢查器最左側的未標記文字框中輸入名稱。

W 和 H

以像素為單位指定配置給頁面上物件的寬度和高度。

原始檔

指定原始資料檔。 按一下檔案夾圖示以瀏覽檔案,或輸入檔案名稱。

外掛 URL

指定 pluginspace 屬性的 URL。 輸入使用者可下載外掛程式的網站的完整 URL。如果檢視您頁面的使用者沒有外掛程式,瀏覽器會嘗試從此 URL 下載它。

對齊

決定物件在頁面上的對齊方式。

垂直間距和水平間距

以像素為單位指定外掛程式上方、下方和兩側的空白數量。

邊框

指定環繞外掛程式的邊框寬度。

參數

開啟對話框以輸入要傳遞給外掛程式的其他參數。許多外掛程式會回應特定的參數。

您也可以按一下「屬性」按鈕來檢視指派給所選外掛程式的屬性。您可以在此對話框中編輯、新增和刪除寬度與高度等屬性。

在文件視窗中播放外掛程式內容

使用上一節所述的其中一種方法插入一個或多個媒體元素。
執行下列其中一項作業:
  • 選取一個已經插入的媒體元素,然後選取「檢視>外掛程式>播放」,或是在「屬性」檢視窗中按一下「執行」按鈕。

  • 選取「檢視>外掛程式>全部播放」,播放所選取網頁上使用外掛程式的所有媒體元素。

備註

「全部播放」只能套用到目前的文件,不能套用到頁框組中的其他文件。

停止播放外掛程式內容

選取媒體元素,然後選取「檢視」>「外掛程式」>「停止」,或按一下屬性檢視窗中的「停止」按鈕。

您也可以選取「檢視」>「外掛程式」>「全部停止」來停止所有外掛程式內容的播放。

疑難排解外掛程式

如果您已經按照步驟在文件視窗中播放外掛程式內容,但某些外掛程式內容無法播放,請嘗試以下方法:

  • 確定相關的外掛程式已安裝在您的電腦上,且內容與您所使用的外掛程式版本相容。

  • 在文字編輯器中開啟檔案 Configuration/Plugins/UnsupportedPlugins.txt,並查看是否列出了有問題的外掛程式。這個檔案會記錄在 Dreamweaver 中造成問題,因此而不支援的外掛程式 (如果您遇到特定外掛程式的問題,請考慮將其新增到此檔案。)

  • 檢查您是否有足夠的記憶體。 某些外掛程式需要額外的 2 至 5 MB 記憶體才能執行。

使用行為控制媒體

您可以為頁面新增行為,以啟動和停止各種媒體物件。

控制 Shockwave 或 Flash

播放、停止、倒帶或移至 Shockwave 影片或 SWF 檔案中的影格。

播放聲音

讓您播放聲音;例如,每當使用者將滑鼠指標移至連結上方時,您可以播放音效。

檢查外掛程式

讓您檢查網站訪客是否安裝了必要的外掛程式,然後根據他們是否擁有正確的外掛程式,將他們導向不同的 URL。這僅適用於外掛程式,因為「檢查外掛程式」行為不會檢查 ActiveX 控制項。

使用參數來控制媒體物件

定義用於控制 SWF 檔案及外掛程式的特殊參數。 這些參數是配合 objectembedapplet 標籤使用。 這些參數會設定不同物件類型特有的屬性。 例如,SWF 檔可以使用物件標籤的品質參數 <paramname="quality" value="best">。 您可以在「屬性」檢視窗中看到「參數」對話方塊。 請參閱您所使用之物件的文件,以瞭解所需參數的資訊。

備註

目前沒有廣泛接受的標準來識別 ActiveX 控制項的資料檔案。請參閱您正在使用的 ActiveX 控制項文件,以了解要使用哪些參數。

輸入參數的名稱和值

在「文件」視窗中選取可以有參數的物件。

開啟「屬性」檢視窗 (如果還沒有開啟的話),然後按一下位於「屬性」檢視窗下半部的「參數」按鈕 (請確定「屬性」檢視窗已經展開)。

按一下加號 (+) 按鈕,並在適當的欄中輸入參數名稱和值。

移除參數

選取參數,然後按一下減號 (–) 按鈕。

重新排列參數

選取參數,並使用向上和向下鍵。