【文章內(nèi)容簡(jiǎn)介】 成良好的學(xué)習(xí)習(xí)慣。 【教學(xué)重點(diǎn)】 體驗(yàn)動(dòng)畫在網(wǎng)頁(yè)中的作用。 規(guī)劃為網(wǎng)頁(yè)添加動(dòng)畫的方式。 了解動(dòng)畫文件格式。 了解常用動(dòng)畫的制作軟件。 【教學(xué)難點(diǎn)】 體驗(yàn)動(dòng)畫在網(wǎng)頁(yè)中的作用。 了解動(dòng)畫文件格式。 【教學(xué)課時(shí)】 2課時(shí)?！窘虒W(xué)準(zhǔn)備】 一些優(yōu)秀的網(wǎng)站網(wǎng)址。 已安裝SWFText、Ulead GIF Animator及Adobe Flash CS3 Professional軟件。【教學(xué)過程】第2課時(shí)(了解網(wǎng)頁(yè)中的動(dòng)畫、制作動(dòng)畫的軟件)教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 、騰訊網(wǎng)、遙控之家等網(wǎng)站首頁(yè)。：與這些網(wǎng)站首頁(yè)比較，我們的個(gè)人網(wǎng)頁(yè)缺少哪些東西？ 。：大家要為自己的網(wǎng)頁(yè)設(shè)計(jì)幾個(gè)動(dòng)畫?，F(xiàn)在就讓我們開始我們的動(dòng)畫方案設(shè)計(jì)吧！ 。 。 。 。 。 。 了解動(dòng)畫作用 ，完成第30頁(yè)的學(xué)習(xí)單。 。 “我對(duì)網(wǎng)站動(dòng)畫采用情況的調(diào)查表”。 。 通過完成學(xué)習(xí)單、討論等學(xué)習(xí)過程，對(duì)動(dòng)畫在網(wǎng)頁(yè)中的作用有一定的認(rèn)識(shí)。 了解動(dòng)畫的效果 請(qǐng)學(xué)生根據(jù)剛才所提供的網(wǎng)站，討論網(wǎng)頁(yè)上都有哪些動(dòng)畫效果。 。 。 了解動(dòng)畫效果。 設(shè)計(jì)網(wǎng)頁(yè)動(dòng)畫方案 請(qǐng)學(xué)生結(jié)合張曉明同學(xué)的動(dòng)畫方案設(shè)計(jì)過程，為自己的網(wǎng)頁(yè)設(shè)想添加動(dòng)畫方案。 。 。 制定網(wǎng)頁(yè)動(dòng)畫設(shè)想。 相互交流各自的設(shè)想，提出意見 。 ：網(wǎng)頁(yè)上不是動(dòng)畫越多越好。采用動(dòng)畫，一要考慮動(dòng)畫的所在部位是否妥當(dāng)，能起到什么作用；二要考慮動(dòng)畫的表現(xiàn)方式給整個(gè)頁(yè)面帶來了什么視覺效果。太繁雜的動(dòng)畫會(huì)擾亂瀏覽者的注意力，產(chǎn)生視覺疲勞，效果適得其反！ ， 。 。 。 了解動(dòng)畫格式、制作軟件 ：大家知道哪些動(dòng)畫制作軟件？動(dòng)畫文件的后綴名有哪些？ 。 。 。了解了動(dòng)畫的格式、制作軟件。 相互交流 請(qǐng)學(xué)生相互交流各自對(duì)動(dòng)畫的認(rèn)識(shí)，并將Gif動(dòng)畫和Flash動(dòng)畫展示給同組成員看。 相互交流。 加深對(duì)動(dòng)畫的認(rèn)識(shí)。 小 結(jié) ：動(dòng)畫能夠給我們的網(wǎng) 頁(yè)添加動(dòng)態(tài)效果，能起到畫龍點(diǎn)睛的作用。 ： （1）我們一般選用哪些軟件來制作動(dòng)畫？ （2）是不是動(dòng)畫越多越好？。 。 ，為活動(dòng)2下做準(zhǔn)備 。 。 活動(dòng)2 讓標(biāo)題更醒目教材分析 “讓標(biāo)題更醒目”本標(biāo)題直至主題，即使用SWFtext軟件進(jìn)行標(biāo)題的動(dòng)畫編輯。本活動(dòng)內(nèi)容相對(duì)于后面兩個(gè)活動(dòng)，軟件的使用較為簡(jiǎn)單。因此，根據(jù)學(xué)生的認(rèn)知特點(diǎn)特意將SWFtext的內(nèi)容放置在前面。 通過本活動(dòng)，學(xué)生應(yīng)掌握信息的獲取和分析方法、動(dòng)畫的基本原理，學(xué)會(huì)制作標(biāo)題文字動(dòng)畫。 【教學(xué)目標(biāo)】 了解動(dòng)畫的原理。 掌握動(dòng)畫文件的格式。 能使用SWFtext軟件制作標(biāo)題動(dòng)畫。掌握SWFtext軟件中作品尺寸、背景特效、字體屬性的設(shè)置技巧。掌握使用SWFtext軟件制作標(biāo)題動(dòng)畫的方法。體驗(yàn)制作動(dòng)畫的樂趣。 提高學(xué)習(xí)動(dòng)畫制作的興趣。體驗(yàn)動(dòng)畫在網(wǎng)頁(yè)上的作用。 【教學(xué)重點(diǎn)】 設(shè)計(jì)標(biāo)題動(dòng)畫。 使用SWFtext軟件制作標(biāo)題動(dòng)畫?！窘虒W(xué)難點(diǎn)】 使用SWFtext軟件制作標(biāo)題動(dòng)畫?！窘虒W(xué)課時(shí)】 2課時(shí)?！窘虒W(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。 SWFText軟件【教學(xué)過程】第2課時(shí)（選擇軟件制作動(dòng)畫、完成文字動(dòng)畫插入網(wǎng)頁(yè)）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 ：上節(jié)課我們了解了動(dòng)畫及其制作軟件，課后大家了解了SWFtext軟件。本節(jié)課我們先看看一些網(wǎng)站標(biāo)題的動(dòng)畫效果?！?。 ：本節(jié)課的內(nèi)容就是讓我們的標(biāo)題動(dòng)起來。 。 。 。 。 認(rèn)識(shí)SWFtext軟件特點(diǎn) 請(qǐng)學(xué)生在網(wǎng)絡(luò)上搜索SWFtext軟件的特點(diǎn)，并完成第36頁(yè)的學(xué)習(xí)單。 網(wǎng)絡(luò)搜索SWFtext軟件的特點(diǎn)，完成學(xué)習(xí)單。 明確為什么選擇SWFtext軟件。 確定自己的標(biāo)題動(dòng)畫的效果 請(qǐng)學(xué)生參考張曉明的范例和網(wǎng)絡(luò)上的站點(diǎn)標(biāo)題范例，為自己的網(wǎng)站設(shè)計(jì)一個(gè)標(biāo)題。 。 2．設(shè)計(jì)標(biāo)題效果。 設(shè)計(jì)標(biāo)題動(dòng)畫。 學(xué)會(huì)使用SWFtext軟件 ，打開SWFtext軟件。 。 （1）設(shè)置動(dòng)畫作品的尺寸：?jiǎn)螕糇髾谥械摹凹糨嫛卑粹o，在右欄的“剪輯”欄中輸入動(dòng)畫作品的寬度和高度。 （2）介紹設(shè)置背景和背景特效。 （3）介紹設(shè)置文本特效和字體屬性。 學(xué)習(xí)使用SWFtext軟件軟件編輯動(dòng)畫。 掌握SWFtext軟件的基本使用方法。 自主探究 制作動(dòng)畫 請(qǐng)學(xué)生用SWFtext軟件按照自己標(biāo)題動(dòng)畫的設(shè)想來制作動(dòng)畫。 探究使用SWFtext軟件實(shí)現(xiàn)自己網(wǎng)頁(yè)的標(biāo)題動(dòng)畫。 掌握SWFtext軟件的使用方法。 作品交流、修改 請(qǐng)小組內(nèi)部相互交流、修改自己的動(dòng)畫作品。 與同學(xué)交流自己的作品，給其他同學(xué)的作品提出自己的意見和建議，并據(jù)此修改、完善自己的作品。 增強(qiáng)學(xué)生的交流能力。 認(rèn)識(shí)動(dòng)畫文件格式,發(fā)布動(dòng)畫 ，說說哪種格式最適合自己的標(biāo)題動(dòng)畫。 ：你為什么選擇Flash格式？ ： （1）經(jīng)預(yù)覽確認(rèn)動(dòng)畫效果之后，單擊“發(fā)布”按鈕。 （2）在彈出的“發(fā)布”對(duì)話框中，選擇一種動(dòng)畫的發(fā)布格式，然后單擊“確定”按鈕。此處注意動(dòng)畫的保存路徑。 ，選擇Flash格式。 。 。 。 將動(dòng)畫插入網(wǎng)頁(yè)并交流展示 ，將動(dòng)畫插入到網(wǎng)頁(yè)中。 ，并完成P43頁(yè)的學(xué)習(xí)單。 。，完成學(xué)習(xí)單。 。 課堂小結(jié) ：本節(jié)課大家學(xué)習(xí)了SWFtext軟件的使用方法并用它完成了標(biāo)題動(dòng)畫的制作。 SWFtext軟件是一款十分容易上手且操作相當(dāng)方便的動(dòng)畫制作軟件。 ：請(qǐng)大家思考，我們的網(wǎng)站還有那些地方需要?jiǎng)赢?，這些動(dòng)畫需要用到哪些工具軟件來制作。 。 ，這些動(dòng)畫需要用到哪些工具軟件來制作。 回顧SWFtext軟件，提出思考問題，激發(fā)學(xué)生為完善網(wǎng)頁(yè)再接再厲。 活動(dòng)3 給圖片增加信息量教材分析 網(wǎng)頁(yè)上每個(gè)欄目的版塊面積是有限的，如何在有限的版塊上顯示更多的內(nèi)容？這一問題引出了我們活動(dòng)3的內(nèi)容“給圖片增加信息量”。 Ulead GIF Animator軟件能幫助我們解決這樣的問題。在活動(dòng)3中，學(xué)生需要熟悉Ulead GIF Animator軟件的界面和操作技巧。能結(jié)合網(wǎng)頁(yè)主題規(guī)劃相應(yīng)的動(dòng)畫，能使用Ulead GIF Animator實(shí)現(xiàn)動(dòng)畫并創(chuàng)建發(fā)布動(dòng)畫。 【教學(xué)目標(biāo)】 熟悉Ulead GIF Animator的界面。掌握Ulead GIF Animator軟件的操作技巧。掌握使用Ulead GIF Animator制作動(dòng)畫的方法。提高學(xué)習(xí)動(dòng)畫制作的興趣。 體驗(yàn)動(dòng)畫的作用和制作動(dòng)畫的樂趣。 能夠通過動(dòng)畫表達(dá)網(wǎng)頁(yè)主題。 【教學(xué)重點(diǎn)】 使用Ulead GIF Animator制作動(dòng)畫。 【教學(xué)難點(diǎn)】 使用Ulead GIF Animator制作動(dòng)畫?！窘虒W(xué)課時(shí)】 2課時(shí)?！窘虒W(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。 安裝Ulead GIF Animator 軟件【教學(xué)過程】第1課時(shí)（設(shè)計(jì)動(dòng)畫形式）第七周2017年10月9日九年級(jí)（2）班下午第一節(jié)教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 GIF Animator 動(dòng)畫制作軟件制作一個(gè)動(dòng)畫。：你覺得這個(gè)動(dòng)畫有什么樣的優(yōu)點(diǎn)？ GIF Animator制作動(dòng)畫。 2思考、回答這種動(dòng)畫的優(yōu)點(diǎn)。 激發(fā)學(xué)生學(xué)習(xí)Ulead GIF Animator 軟件制作動(dòng)畫的興趣。 講解動(dòng)畫制作軟件 ： 雙擊桌面上的圖標(biāo)，或者在桌面左下角單擊“開始”、 “所有程序”、“ Ulead GIF Animator 5”。 2．介紹軟件界面。 3．介紹各種工具和使用方法。4．介紹“幀”。（教師在講解的同時(shí)要一邊講解一邊操作，并要求學(xué)生跟著老師一起操作。） 5．介紹GIF動(dòng)畫的發(fā)布。 聽教師講解，并跟著教師一起操作。 采用邊講邊練得方式，學(xué)生容易掌握Ulead GIF Animator 5軟件。 自主探究 請(qǐng)學(xué)生用這款軟件進(jìn)行動(dòng)畫的制作。 自主探究“ Ulead GIF Animator 5”軟件的使用 鞏固“ Ulead GIF Animator 5”的使用方法。 相互交流 請(qǐng)學(xué)生相互交流各自的作品，幫助其他同學(xué)解決制作過程中出現(xiàn)的問題。 相互提出意見和建議，幫助其他同學(xué)解決問題。 增強(qiáng)學(xué)生的相互交流能力并鞏固知識(shí)點(diǎn)。 小 結(jié) 1．小結(jié)：本節(jié)課我們熟悉了“ Ulead GIF Animator 5”軟件，并使用它制作了動(dòng)畫；再次介紹軟件的相關(guān)知識(shí)點(diǎn)。：完成第45頁(yè)的學(xué)習(xí)單。請(qǐng)學(xué)生課后收集網(wǎng)頁(yè)所需的圖片資料。 “ Ulead GIF Animator 5”軟件 ：可以制作一個(gè)什么樣的動(dòng)畫添加到自己的網(wǎng)頁(yè)。 。 。 第2課時(shí)（制作并發(fā)布動(dòng)畫）第8周2017年10月16日九年級(jí)（2）班下午第一節(jié)教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 課堂引入 。 2．讓學(xué)生向同組成員說說自己所設(shè)計(jì)的動(dòng)畫作品的特效。 確定自己的動(dòng)畫作品設(shè)想。 自主探究 制作動(dòng)畫 請(qǐng)學(xué)生使用“ Ulead GIF Animator 5”軟件進(jìn)行動(dòng)畫制作。注意指導(dǎo)： （1）加強(qiáng)巡視、督促。 （2）及時(shí)解決學(xué)生所遇到的問題。 （3）記錄學(xué)生所遇到的典型性問題，得到第一手評(píng)講資料。 （4）發(fā)現(xiàn)典型作品（也可能是比較差的作品）并記錄下來，為后面的共同修改作品做前提工作。 用“ Ulead GIF Animator 5”軟件進(jìn)行動(dòng)畫作品的制作，遇到問題向同組成員或者教師提問，獲得必要的幫助。 培養(yǎng)學(xué)生自主探究的精神。 作品展示 請(qǐng)完成作品比較好的同學(xué)展示自己的作品，并且請(qǐng)這些學(xué)生介紹他們的經(jīng)驗(yàn)。 觀看作品，聽取其他同學(xué)的經(jīng)驗(yàn)介紹。 。 。 合作交流， 相互完善 請(qǐng)學(xué)生將自己的作品給同組其他成員欣賞，并且其他成員提出自己的意見和建議。 根據(jù)同組成員的可行性意見和建議修改作品 。 。 典型作品修改評(píng)價(jià) ，請(qǐng)同學(xué)們發(fā)表評(píng)價(jià)。 ，和學(xué)生共同一起修改 ，提出自己的意見和建議。 。 。 “ Ulead GIF Animator 5”的知識(shí)。 將動(dòng)畫插入網(wǎng)頁(yè) 。 。 3．讓學(xué)生完成第53頁(yè)的兩個(gè)學(xué)習(xí)單。 、檢查后，將該動(dòng)畫另存為GIF 格式動(dòng)畫文件。 格式動(dòng)畫文件插入個(gè)人網(wǎng)頁(yè)。 欣賞插入網(wǎng)頁(yè)后的效果，完成第53頁(yè)的兩個(gè)學(xué)習(xí)單。 提高學(xué)生的審美力。 相互展示網(wǎng)頁(yè) 欣賞其他同學(xué)的網(wǎng)頁(yè)效果。 欣賞其他同學(xué)的網(wǎng)頁(yè)效果。 提高學(xué)生的審美力。 課堂小結(jié) 小結(jié)并提問：本活動(dòng)我們掌握了使用“ Ulead GIF Animator 5”軟件進(jìn)行動(dòng)畫的制作。我們的網(wǎng)頁(yè)是否完美，動(dòng)畫是否恰當(dāng)？我們還需要在哪方面進(jìn)行努力？ 。 。 趁熱打鐵，引發(fā)