插入Flash动画按钮.docVIP

第五章 插入Flash動畫按鈕、Java Applet與JavaScript 目錄 1. 本章目的： 2 2. 外插Flash影片播放檔案 2 3. 自行建立Flash按鈕 8 4. 自行建立Flash文字 12 5. 如何加入JavaApplet 16 6. 加入JavaScript 22 本章目的： Flash是目前很流行的網頁輔助設計工具，使用Flash所製作的網頁比一般的網頁更炫更能夠吸引人，在Dreamweaver 中提供3種方式來加入Flash動畫檔案，本章節將分別介紹這三種方法 外插Flash影片播放檔案(*.swf) Dreamweaver內建自行建立Flash按鈕 Dreamweaver內建自行建立Flash文字 JavaApplet與JavaScript也是互動式網頁的設計工具，在Dreamweaver 中提供2種方式來建立 插入外部『JavaApplet與JavaScript』元件方法 Dreamweaver內建的使用『JavaApplet與JavaScript』元件的方法 外插Flash影片播放檔案 範例練習目的： 假設你用Flash 這個軟體已經製作好一個Flash動畫檔案了(Flash 建議大家一定要學會，但這不在本章的教授範圍內，請大家自行練習) 名稱為cmpapersearch.swf (這個檔案可以在成果專案Computer_EC/flash中找到) 現在要練習把這種外部的Flash影片swf撥放檔案，加入到網頁中 開啟新檔，並先選擇網頁格式 檔案名稱命名為：flash-1.htm 設定網頁為→基本網頁 格式為→HTML 網頁標籤→外插Flash影片檔 將插入點移到要放Flash動畫的地方 按下插入群組面板中的『常用』面板→FLASH 選擇要插入的Flash檔案(cmpapersearch.swf)，選好後按下確定 選擇完成後的畫面 測試一下，按下F12 設定Flash動畫的屬性 1→勾選後使Flash動畫重複播放 2→勾選後使Flash動畫自動播放 3→設定Flash動畫的品質 4→設定Flash動畫的縮放 5→使用Flash軟體編輯 6→直接在 Dreamweaver 播放 如何使Flash動畫背景改變為透明 按下屬性面板的「參數」按鈕 打入字串 參數→wmode 值→transparent 假設沒有將Flash動畫背景改為透明時的結果 打入參數後，將Flash動畫背景改為透明時的結果 自行建立Flash按鈕 範例練習目的： 現在要練習的是使用『Dreamweaver內建自行建立Flash按鈕』 這個按鈕能夠在Dreamweaver中直接對網頁建立出一個Flash按鈕功能的物件，而不用再到Flash 軟體中去製作了。 練習步驟 開啟新檔，並先選擇網頁格式 檔案名稱命名為：flash-2.htm 設定網頁為→基本網頁 格式為→HTML 網頁標籤→自行建立Flash按鈕 按下插入群組面板中的「媒體→FLASH按鈕」 選擇您喜好的按鈕樣式 輸入你要加入的文字 設定字體及字體大小 設按鈕所要連結的網頁 設定按鈕的背景顏色 Flash按鈕所要儲存的檔案名稱 修改Flash按鈕屬性 勾選後使Flash按鈕重複播放 勾選後使Flash按鈕自動播放 設定Flash按鈕的品質 設定Flash按鈕的縮放 使用Flash按鈕編輯 直接在 Dreamweaver 播放 測試一下，按下F12  自行建立Flash文字 範例練習目的： 現在要練習的是使用『Dreamweaver內建自行建立Flash文字』 這個功能能夠在Dreamweaver中直接對網頁建立出一個Flash文字功能的物件，而不用再到Flash 軟體中去製作了。 練習步驟 開啟新檔，並先選擇網頁格式 檔案名稱命名為：flash-3.htm 設定網頁為→基本網頁 格式為→HTML 網頁標籤→自行建立Flash文字 將插入點移到你要插入 Flash文字的地方 按下插入群組面板中的「媒體→FLASH文字」 設定Flash文字的字體大小及樣式 設定Flash文字的顏色及觸碰到文字所要變換的顏色 輸入Flash文字 設定Flash文字連結的網頁及目標框 設定Flash文字的背景顏色 設定Flash文字的檔案名稱 修改Flash文字屬性 勾選後使Flash文字重複播放 勾選後使Flash文字自動播放 設定Flash文字的品質 設定Flash文字的縮放 使用Flash文字編輯 直接在 Dreamweaver 播放 測試一下，按下F12  如何加入JavaApplet 範例練習目的： 現在要練習的是使用插入外部『JavaApplet』元件的方法 希望能夠在Dreamweaver中直接對網頁中，使用在網路上現有的免費共享