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