- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
了解如何在 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 檔
-
在「文件」視窗的「設計」檢視中,將插入點置於您要插入內容的位置,然後執行下列其中一項作業:
- 在「插入」面板中選取「選取 Flash SWF」。
- 選取「插入 > HTML > Flash SWF」。
-
在出現的對話方塊中,選取 SWF 檔 (.swf)。
「文件」視窗中會出現 SWF 檔預留位置。
-
儲存檔案。
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 快速安裝程式。使用者若拒絕快速安裝,網頁會接著顯示替代內容。
-
在「文件」視窗的「設計」檢視中,選取 SWF 檔或 FLV 檔。
-
按一下 SWF 檔或 FLV 檔索引標籤上的眼睛圖示。註解:
您也可以按 Control+] 切換到替代內容檢視。若要返回 SWF/FLV 檢視,請按 Control+[ 直到選取整個替代內容為止,然後再次按 Control+[。
-
依照您在 Dreamweaver 中編輯任何其他內容的方式,編輯該內容。註解:
您無法加入 SWF 檔或 FLV 檔做為替代內容。
-
再按一次眼睛圖示,返回 SWF (或 FLV) 檔案檢視。
在文件視窗中預覽 SWF 檔
-
在「文件」視窗中,按一下 SWF 檔預留位置以選取該內容。
-
在「屬性」檢視窗 (「視窗 > 屬性」) 中,按一下「播放」按鈕。按一下「停止」即可結束預覽。您也可以按 F12 鍵,在瀏覽器中預覽 SWF 檔。註解:
若要預覽頁面中所有的 SWF 檔,請按 Control+Alt+Shift+P (Windows) 或 Command+Option+Shift+P (Macintosh)。所有的 SWF 檔都將設定為「播放」。
設定 SWF 檔屬性
您可以使用「屬性」檢視窗設定 SWF 檔的屬性。這些屬性也適用於 Shockwave 影片。
-
選取 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 元素之上。
播放
在「文件」視窗中播放影片。
參數
會開啟對話方塊,以便輸入要傳遞給影片的其他參數。影片必須已經設計好接受這些其他參數。