GZQ0607 ·在這一節中，老師將帶領大家學習如何在網頁中插入動畫，按照以往網頁中的常見動畫，大致可以看到兩種，普通的動畫，和 FLV 動畫，今天我們兩種都要提到，但是具體的屬性學習，還要大家在相關的全面資料或書籍中逐一嘗試。
動畫在網頁中還是發揮著不小的作用的，學習了動畫，我們不必把網頁內容展現形式僅僅局限在 javascript 特效，文字，文本，影音媒體。雖然視頻的效果和動畫“好像”差不多。但這二者還是有很大區別的。
一個最大區別就是加載和大小上?；蛘哒f這兩個詞講述的也是一回事。視頻過大加載的壓力要不如某些更合適的視頻文件。對于目前要求高及時響應率的用戶體驗來說，這種加載緩慢的“資源”不應該被大量應用在現代的網頁里。視頻表達的內容往往重而多，動畫雖然也是某種意義上的視頻，但是輕量級的內容居多。
1. 在網頁中添加動畫
在這里老師要先給大家介紹一種在 Dreamweaver CC 2018 中插入動畫的方式，下面老師先簡要介紹一種方式，這種方式其實在 Dreamweaver CC 2018 中很顯眼，很容易被看到。
第一步：我們還是新建一個空白的 HTML 文檔。詳細步驟不在此贅述，請大家主動翻閱前幾節的慕課 wiki 文檔自行學習。
第二步：我們在右側的面板中，選擇動畫合成，然后會彈出選擇文件的畫面，大家只要選擇制作好的文件就可以了。由于資源需要到互聯網上搜集，大家在互聯網上很容易找到相關的資源，由于版權的問題，老師不方便在此處給大家展示選擇后的動畫效果。同學們應該課下自己多多練習。體會這種動畫插入方式的便捷之處。
下圖是對 Dreamweaver CC 2018 右側面板的展示。
插入完成后，點擊插入好的動畫，我們依然可以在屬性面板中看到長寬高的編輯界面，具體界面大家可以參考上一節的多媒體文件長寬的設置，那里有更詳細的說明和指引。
在這里我們只需要掌握一個簡單動畫的插入流程就可以，需要用的時候知道到哪里去尋找快捷操作方式即可。
以上便是我們完完全全通過 Dreamweaver CC 2018 來為網頁插入簡單動畫的基本過程！
當然，由于大家的素材復雜程度不同，我們做出來的網頁最終會因為動畫效果的不同而內容大不相同，其實在這里老師要強調的是，動畫素材的選擇和內容的設計，要比動畫的位置重要，合適的位置要比如何插入動畫重要。所以大家要在網頁中使用動畫時素材的選擇嚴加把控，符合網頁的主題，不能顧此失彼，忙東忙西之間失去了網頁的主題和設計目標。
2. 在網頁中添加 FLV 動畫
那么接下來要談的這種 FLV 動畫就是蠻重要的一種動畫了。 FLV ，是一種叫 Flash Video 視頻的簡稱，我們在 Dreamweaver CC 2018 中會常用到的是一種叫 FLV-swf 的視頻。操作步驟也很簡單，有多簡單呢？下面就跟隨老師的腳步來看一看。
其實簡單來說，在上一個知識點的學習中大家就可以掌握這個這個 FLV 知識點了，因為畢竟它們的操作方式是完完全全相通的。
首先，第一步，我們還是新建一個空白的 HTML 文檔。
第二步，我們還是要在右側的面板中，選擇一個叫 FLASH SWF 的選項。然后在接下來彈出的文件選擇界面選擇你準備好的視頻，因為視頻的選擇因人而異，素材獲取途徑也十分廣泛，由于版權的原因，老師也不便在這里展示視頻播放的內容。但大家在自己練習的過程中可以大膽的選擇素材練習。只要不對外發布，是不涉及版權問題的。下圖是 FLASH SWF 選項按鈕的具體展示。
3. 小結
本節內容比較集中，操作步驟比較簡潔，而且易于掌握，需要靈活發揮的地方只有動畫素材的選擇。大家在這一節的知識點里不用太過緊張，一聽到動畫就覺得是很難的東西。畢竟這里不是讓我們制作一個視頻，或者動畫，只是如何在 Dreamweaver CC 2018 中使用這個它們來制造出動畫的效果。
本節知識點的重點是：在網頁中添加 FLV 動畫；
本節知識點的難點是：在網頁中合理地選擇素材。
2025 imooc.com All Rights Reserved |