第11章插入多媒体物件.PPT

第11章 插入多媒體物件 加入Flash元件 多媒體影音 Flash影片(1) 加入Flash影片 Flash影片(2) 設定影片屬性 Flash影片(3) 透明背景效果的Flash影片 Flash按鈕(1) 建立第一個Flash按鈕 Flash按鈕(2) 設計其他按鈕 將原來的按鈕複製貼上後再修改內容即可，無需花時間重新建立，這樣的好處是能夠維持按鈕效果的一致性。 Flash文字(1) 建立第一個Flash文字 Flash文字(2) 設計其他Flash文字 Flash文字(3) 超連結設定時的注意事項 在Dreamweaver中超連結與網站架構圖二者之間是息息相關的，只要其中一個建立，另外一個會伴隨產生，不過這種對應的效果在Flash元件中是無法成立的。 不論是Flash按鈕還是Flash文字，所有元件建立時的視窗畫面都是在設定這個元件的屬性而非頁面內容，也就是所有超連結的功能都是被包裹在元件之內。 對於Dreamweaver的頁面而言，它只是一個加入元件的動作，並不是超連結的設定，也因此網站架構圖不會有任何的更動。 利用擴充元件設計Flash按鈕(1) 擴充元件的概念 Dreamweaver將軟體中的部份技術開放出來，讓其他的網頁設計師可以將可能會用到的某些功能設計成獨立元件，一般人只要把所需要特定功能的元件下載後進行安裝，就能夠在頁面中直接使用，這種元件我們稱之為「擴充元件」。 在原廠網站中就有非常多的元件可直接下載使用，我們就用其他的Flash功能表元件來強化頁面效果。 利用擴充元件設計Flash按鈕(2) 下載及安裝 利用擴充元件設計Flash按鈕(3) 加入擴充元件 利用擴充元件設計Flash按鈕(4) 設定擴充元件 1.功能表結構 2.功能表效果 3.進階設定 加入FlashPaper(1) 轉換成FlashPaper檔案 加入FlashPaper(2) 加入FlashPaper到頁面中 Flash視訊 加入背景音樂 設定音樂屬性 應用範例-「Flash首頁」的頁面設計(1) 請開啟「班級網站」中的「index.html」，我們要本範例中設計具有動態效果的Flash首頁。 應用範例-「Flash首頁」的頁面設計(2) 調整首頁的畫面效果 請先刪除頁面上的所有文字然將圖片「index_back.jpg」做為首頁的背景影像。 應用範例-「Flash首頁」的頁面設計(3) 加入Flash影片 應用範例-「Flash首頁」的頁面設計(4) 加入Flash按鈕 11-1 加入Flash元件 ? 2.在「增益集」中點選此鈕，建立Flash元件。 1.開啟要轉換的Word文件 11-1 加入Flash元件 ? 2.按下此鈕進行轉換 1.點選此項目，免費試用31天。 文件進行轉換 11-1 加入Flash元件 3.執行此指令 1.先點取要加入元件的位置 2.點取此箭頭清單 11-1 加入Flash元件 拖曳邊框節點，可調整元件的大小。 在瀏覽器中的預覽效果 加入完成的FlashPaper元件 11-1 加入Flash元件 ? 2.下拉選單，點選Flash視訊。 1.先點取要加入Flash視訊的位置 11-1 加入Flash元件 ? ? 5.勾選此項可以提醒使用者，下載安裝Flash Player以觀看影片內容 3.按此鈕可自動設定此視訊檔的寬高尺寸 瀏覽器預覽的畫面效果 4.勾選此二項可讓視訊檔案自動播放及倒帶 2.再從清單選擇此視訊檔案的播放面板外觀 1.先選擇要放置到頁面上的FLV檔案 1.先選擇要放置到頁面上的FLV檔案 11-2 多媒體影音 ? 1.先點取要加入元件的位置 2.下拉選單點選「外掛程式」 11-2 多媒體影音 ? 正常顯示的元件內容，並可播放Midi音樂。 重新調整元件尺寸 加入完成的外掛元件 11-2 多媒體影音 ? 2.再點取此按鈕 1.先點取要設定的元件 11-2 多媒體影音 ? 設定如畫面上所示 Loop參數：設定是否循環播放 hidden參數：設定是否隱藏播放面板 11-2 多媒體影音 11-2 多媒體影音 11-2 多媒體影音 ? 2.下拉選單點選此項目 1.點選要插入元件的位置 * * * * 11-1 加入Flash元件 ? 1.新建立網頁flash.html，並指定back1101.jpg為背景圖 2.由「插入列」點選此項目 11-1 加入Flash元件 ? 加入完成的Flash元件 先點取剛才複製的11-1-1.swf後按下確定鈕 11-1 加入Flash元件 ? 可用於調整Flash影片在頁面上的內容顯示方式。 可用於調整Flash影片在