了解如何在 Dreamweaver 中插入和預覽 SWF 檔案,以及設定 SWF 檔案屬性。

在使用 Dreamweaver 插入 Adobe Animate CC 所建立的內容之前,您應該先熟悉下列各種檔案類型:

FLA 檔 (.fla)

這是任何專案的原始檔,而且是在 Flash 撰寫工具中建立。這種類型的檔案只能在 Flash 中開啟 (不能在 Dreamweaver 或瀏覽器中開啟)。您可以在 Flash 中開啟 FLA 檔,然後再將它發佈為 SWF 或 SWT 檔以便在瀏覽器中使用。

SWF 檔 (.swf)

這是 FLA (.fla) 檔的編譯版本,已經最佳化以供在網路上檢視。這種檔案可以在瀏覽器中播放,也可以在 Dreamweaver 中預覽,但是不能在 Flash 中編輯。

FLV 檔 (.flv)

這是包含透過 Flash® Player 傳遞之編碼音訊和視訊資料的視訊檔案。例如,如果您有 QuickTime 或 Windows Media 視訊檔案,就可以使用編碼器 (例如,Flash® Video Encoder 或 Sorenson Squeeze) 將視訊檔案轉換為 FLV 檔。如需詳細資訊,請造訪視訊技術中心,網址為:www.adobe.com/go/flv_devcenter_tw

插入和預覽 SWF 檔

使用 Dreamweaver 將 SWF 檔加入您的頁面,然後在文件或瀏覽器中預覽。您也可以在「屬性」檢視窗中設定 SWF 檔的屬性。

插入 SWF 檔

  1. 在「文件」視窗的「設計」檢視中,將插入點置於您要插入內容的位置,然後執行下列其中一項作業:

    • 在「插入」面板中選取「選取 Flash SWF」。
    • 選取「插入 > HTML > Flash SWF」。

     

  2. 在出現的對話方塊中,選取 SWF 檔 (.swf)。

    「文件」視窗中會出現 SWF 檔預留位置。

  3. 儲存檔案。

    Dreamweaver 會通知您已將兩個相關檔案 expressInstall.swf 和 swfobject_modified.js 儲存到網站的 Script 資料夾。在您將 SWF 檔上傳至網頁伺服器時,請記得一併上傳這些檔案。如果沒有一併上傳這些相關檔案,瀏覽器將無法正常顯示 SWF 檔。

    註解:

    Microsoft Internet Information Server (IIS) 不會處理巢狀物件標籤。在 ASP 網頁中,當插入 SWF 或 FLV 檔時,Dreamweaver 使用的是巢狀物件/內嵌程式碼,而不是巢狀物件程式碼。

編輯 Flash Player 下載資訊

當您將 SWF 檔插入頁面時,Dreamweaver 也會插入程式碼來偵測使用者是否已有正確的 Flash Player 版本。如果版本不正確,網頁將顯示預設替代內容以提示使用者下載最新版本。您可以隨時更改這個替代內容。

本程序也適用於 FLV 檔。

註解:

如果使用者未安裝必要的版本,但是已有 Flash Player 6.0 r65 或更新版本,瀏覽器則會顯示 Flash Player 快速安裝程式。使用者若拒絕快速安裝,網頁會接著顯示替代內容。

  1. 在「文件」視窗的「設計」檢視中,選取 SWF 檔或 FLV 檔。
  2. 按一下 SWF 檔或 FLV 檔索引標籤上的眼睛圖示。

    註解:

    您也可以按 Control+] 切換到替代內容檢視。若要返回 SWF/FLV 檢視,請按 Control+[ 直到選取整個替代內容為止,然後再次按 Control+[。

  3. 依照您在 Dreamweaver 中編輯任何其他內容的方式,編輯該內容。

    註解:

    您無法加入 SWF 檔或 FLV 檔做為替代內容。

  4. 再按一次眼睛圖示,返回 SWF (或 FLV) 檔案檢視。

在文件視窗中預覽 SWF 檔

  1. 在「文件」視窗中,按一下 SWF 檔預留位置以選取該內容。
  2. 在「屬性」檢視窗 (「視窗 > 屬性」) 中,按一下「播放」按鈕。按一下「停止」即可結束預覽。您也可以按 F12 鍵,在瀏覽器中預覽 SWF 檔。

    註解:

    若要預覽頁面中所有的 SWF 檔,請按 Control+Alt+Shift+P (Windows) 或 Command+Option+Shift+P (Macintosh)。所有的 SWF 檔都將設定為「播放」。

設定 SWF 檔屬性

您可以使用「屬性」檢視窗設定 SWF 檔的屬性。這些屬性也適用於 Shockwave 影片。

  1. 選取 SWF 檔或 Shockwave 影片,並在「屬性」檢視窗 (「視窗 > 屬性」) 中設定選項。若要查看所有屬性,請按一下「屬性」檢視窗右下角的展開箭號。

    ID

    指定 SWF 檔的唯一 ID。在「屬性」檢視窗最左邊沒有標籤的文字方塊中輸入 ID。自 Dreamweaver CS4 起,唯一 ID 是必要屬性。

    W 和 H

    指定影片的寬度和高度 (以像素為單位)。

    檔案

    指定 SWF 檔或 Shockwave 檔的路徑。請按一下資料夾圖示來瀏覽檔案,或鍵入路徑。

    原始檔

    當電腦上同時安裝了 Dreamweaver 和 Flash 時,用來指定 Flash 來源文件 (FLA 檔) 的路徑。若要編輯 SWF 檔,請更新影片的來源文件。

    背景

    指定影片區域的背景顏色。這個顏色也會在影片停止播放時 (載入並且播放之後) 顯示。

    編輯

    可讓您啟動 Flash 來更新 FLA 檔 (在 Flash 撰寫工具中建立的檔案)。如果您的電腦未安裝 Flash,這個選項會停用。

    類別

    可讓您對影片套用 CSS 類別。

    重複

    讓影片連續播放。如果沒有選取「重複」,影片在播放一次完畢後就會停止。

    自動播放

    載入頁面時會自動播放影片。

    垂直間距和水平間距

    指定影片上、下以及兩邊空白區域的像素單位數量。

    品質

    控制影片播放時的消除鋸齒效果。較高的設定值可以增進影片品質。不過,採用高設定值的影片需要更快的處理器,才能正確地在螢幕上呈現。「低」是強調速度重於品質,而「高」則是品質重於速度。「自動降低」會先強調速度,但是也會盡可能增進品質。「自動提高」是起初先同時強調兩者,但隨後會在必要時犧牲品質以換取速度。

    縮放

    決定影片要如何配合在寬度和高度文字方塊中設定的尺寸。「預設」設定是顯示整個影片。

    對齊

    決定影片在頁面上的對齊方式。

    Wmode

    設定 SWF 檔的 Wmode 參數,以免與 DHTML 元素 (如 Spry Widget) 發生衝突。預設值為「不透明」,會在瀏覽器中讓 DHTML 元素出現於 SWF 檔之上。如果 SWF 檔具有透明度,而您希望 DHTML 元素出現在檔案背後,請選取「透明」選項。選取「視窗」選項時,將從程式碼移除 Wmode 參數,而使 SWF 檔出現於其他 DHTML 元素之上。

    播放

    在「文件」視窗中播放影片。

    參數

    會開啟對話方塊,以便輸入要傳遞給影片的其他參數。影片必須已經設計好接受這些其他參數。