用Dreamweaver打造個人化Flash播放介面

　　目前大部分 Flash 播放器都是在 Flash 軟體中製作完成的，雖然使用者可以利用 Flash 提供的播放器模板輕鬆製作播放器，但是對於大型 Flash 網站來說，這種方法顯然不能滿足其更新資料的要求。要想解決這個問題，就需要製作一個網頁播放器模板，這樣在插入 Flash 之後，便可以實現對 Flash 的播放控制了。

　　效果說明

　　開啟網頁時，會出現類似 Flash 播放器的介面，該介面有 4 個按鈕，分別是“播放”、“暫停”、“快進”和“後退”。使用者只要單擊某個按鈕，就可以實現相應的功能。本例效果如圖 51-1 所示。

　　創作思想

　　利用 Dreamweaver MX 2004 行為面板提供的“控制 Shockwave 或 Flash ”功能，來控制 Flash 的播放。

　　操作步驟

　　( 1 )插入 Flash 檔案。建立一個 HTML 檔案，然後插入已經製作好的播放器介面圖片。依次單擊主菜單中的【插入】 | 【媒體】 | 【 Flash 】命令，然後在彈出的【選擇檔案】視窗中選中 Flash 檔案，單擊【確定】按鈕，如圖 51-2 所示。

　　( 2 )設定 Flash 檔案。插入 Flash 檔案後，按下 Ctrl+F3 鍵開啟【屬性】面板，然後在【 Flash 】名稱輸入框中鍵入“ Flash ”，最後設定 Flash 檔案的寬和高，如圖 51-3 所示。

　　( 3 )切換到設計檢視，選中底部的播放控製圖片，然後在屬性面板中單擊【地圖】項裡的 按鈕，分別對準播放控製圖片進行勾繪。為了使勾繪更加精確，單擊屬性面板中的 按鈕，對熱區進行調整，結果如圖 51-4 所示。

　　( 4 )設定 Flash 播放控制。選中“播放”圖片，然後同步選取 Shift+F4 鍵開啟行為面板。單擊 按鈕，在彈出的捷徑功能表中選擇【控制 Shockwave 或 Flash 】選項，接著在彈出的【控制 Shockwave 或 Flash 】設定視窗中單擊選擇【播放】選項，具體操作如圖 51-5 所示。

　　( 5 )設定作業按鈕。同樣，在【控制 Shockwave 或 Flash 】視窗中分別設定【停止】、【後退】和【快進】 3 個按鈕的行為，具體設定如圖 51-6 、圖 51-7 和圖 51-8 所示。

　　( 6 )設定單擊屬性。按下 F9 鍵開啟【屬性】面板。由於行為預設的滑鼠屬性是“ OnMouseOver ”，因此這裡要將單擊屬性更改為【 OnClick 】，如圖 51-9 所示。

　　( 7 )至此，本執行個體操作完畢。

　　在這個案例中，只用了幾個簡單的按鈕來控制 Flash 的播放，在熟悉了這幾個按鈕的使用後，讀者可以自行加入更多的控制按鈕，從而使得播放器的功能更加強大。

        注：更多精彩教程請關注三聯網頁設計教程 欄目，