八年級上冊信息技術(shù)教案-(上?？平贪?

1、2015年下學(xué)期八年級信息技術(shù)教學(xué)計(jì)劃信息技術(shù)組一、指導(dǎo)思想根據(jù)學(xué)校工作計(jì)劃和學(xué)生的具體情況，明確信息技術(shù)課程的任務(wù)：培養(yǎng)學(xué)生對信息技術(shù)的興趣和意識，讓學(xué)生了解和掌握信息技術(shù)基本知識和技能，了解信息技術(shù)的發(fā)展及其應(yīng)用對人類日常生活和科學(xué)技術(shù)的深刻影響。利用信息技術(shù)培養(yǎng)學(xué)生的信息素質(zhì)，以適應(yīng)信息社會(huì)對人才培養(yǎng)標(biāo)準(zhǔn)的新要求。通過信息技術(shù)教育，全面提高學(xué)生的信息素質(zhì)。使學(xué)生通過掌握包括計(jì)算機(jī)、網(wǎng)絡(luò)在內(nèi)的各種信息工具的綜合運(yùn)用方法，來培養(yǎng)信息意識、情感、倫理道德，提高信息獲取、處理、應(yīng)用、創(chuàng)新的能力，為適應(yīng)信息社會(huì)的工作、學(xué)習(xí)與生活打下良好基礎(chǔ)。二、學(xué)情分析本人本學(xué)期擔(dān)任的是八年級的信息技術(shù)課，共18

2、個(gè)班，有1200多名學(xué)生。八年級學(xué)生經(jīng)過幾個(gè)學(xué)期的信息技術(shù)課的學(xué)習(xí)，已經(jīng)具有了計(jì)算機(jī)的基本操作技能。這個(gè)年齡段的學(xué)生大都非常喜歡計(jì)算機(jī),他們有強(qiáng)烈探索計(jì)算機(jī)技術(shù)的熱情，現(xiàn)在基本了解了常用的應(yīng)用軟件，如WORD、畫圖工具，也有部分學(xué)生能熟練用智能ABC輸入法進(jìn)行打字，每個(gè)學(xué)生都擁有了自己的QQ和個(gè)人電子郵箱。但是由于互聯(lián)網(wǎng)的發(fā)展和普及，電腦游戲更是五花八門，對學(xué)生的誘惑很大。學(xué)生的主要興趣還是集中在QQ和游戲上，這對教師設(shè)計(jì)教學(xué)計(jì)劃，制定教學(xué)策略以及設(shè)置學(xué)習(xí)任務(wù)都有很大的挑戰(zhàn)性，對如何引導(dǎo)學(xué)生樹立正確的學(xué)習(xí)觀，激發(fā)不愿學(xué)習(xí)者的學(xué)習(xí)興趣，是教好信息技術(shù)課不可忽視的環(huán)節(jié)。因此要探索構(gòu)建信息技術(shù)課的教

3、學(xué)模式，能更好地上好信息技術(shù)課，制定合理的、符合學(xué)生實(shí)際的教學(xué)策略。制定小組協(xié)作學(xué)習(xí)的方式，互教互學(xué)，共同進(jìn)步。教師則重點(diǎn)指導(dǎo)不熟練的同學(xué)，使他們盡快縮短與同伴在學(xué)習(xí)上的距離。三、教學(xué)內(nèi)容分析本學(xué)期教材采用上海科技教育出版社的信息技術(shù)八年級上冊。1、知識結(jié)構(gòu)體系分析：本學(xué)期教學(xué)內(nèi)容有網(wǎng)頁的制作、動(dòng)畫的設(shè)計(jì)與制作、數(shù)據(jù)的錄入與處理，三個(gè)單元。每個(gè)單元都以一個(gè)情景任務(wù)引入，這些情景任務(wù)涉及初中學(xué)生學(xué)習(xí)生活的諸多方面。每個(gè)單元以活動(dòng)形式展開，以任務(wù)完成的過程呈現(xiàn)。每個(gè)活動(dòng)下設(shè)有“知識向?qū)А?、“操作坊”和“學(xué)習(xí)單”三個(gè)板塊。每個(gè)單元末設(shè)有“單元小結(jié)”。 “知識向?qū)А苯榻B了與單元活動(dòng)任務(wù)有關(guān)的一些基本知

4、識?！安僮鞣弧笔痉读送瓿苫顒?dòng)任務(wù)所必需的操作步驟。“學(xué)習(xí)單”為學(xué)生尋找自己的探索課題，記錄、分析自己的問題的解決過程提供了引導(dǎo)。2、教學(xué)重點(diǎn)、難點(diǎn)分析重點(diǎn)：網(wǎng)站制作的一般流程，flash 最基本的知識與技能，各種類型數(shù)據(jù)的錄入方法和技巧。難點(diǎn)：網(wǎng)站、網(wǎng)頁、主頁和子頁的概念，對幀、關(guān)鍵幀、幀頻的理解及動(dòng)畫形成原理，在工作表中錄入分?jǐn)?shù)、班級等類型的數(shù)據(jù)及數(shù)據(jù)處理。四、教學(xué)目標(biāo)（一）、知識目標(biāo)1、能根據(jù)模板創(chuàng)建網(wǎng)站并設(shè)計(jì)導(dǎo)航。2、了解什么是flash動(dòng)畫，學(xué)會(huì)識別圖形對象的方法。3、掌握Excel的基本概念和Excel的基本操作（二）、能力目標(biāo)1、能熟練地建立、打開、保存、游覽網(wǎng)頁文件。2、掌握fl

5、ash動(dòng)畫的制作方法，引導(dǎo)學(xué)生拓展到多個(gè)形變動(dòng)畫的制作。3、學(xué)會(huì)通過不同的渠道獲取信息，尤其是利用調(diào)查問卷的方式獲取數(shù)據(jù)和信息。（三）、情感目標(biāo)1、通過網(wǎng)站設(shè)計(jì)培養(yǎng)學(xué)生團(tuán)結(jié)協(xié)作的精神，共同合作完成任務(wù)。2、通過flash制作培養(yǎng)學(xué)生認(rèn)真、細(xì)致的工作態(tài)度。3、增強(qiáng)數(shù)據(jù)收集的意識，了解數(shù)據(jù)處理的廣泛應(yīng)用以及對社會(huì)、生活的意義。五、進(jìn)度安排八年級信息技術(shù)教學(xué)進(jìn)度表周次教學(xué)內(nèi)容課時(shí)備注第1周 第一單元-活動(dòng)1 規(guī)劃網(wǎng)頁主題與內(nèi)容 1課時(shí) 第2周 第一單元-活動(dòng)1 設(shè)計(jì)網(wǎng)頁版面 1課時(shí) 第3周 第一單元-活動(dòng)2 新建個(gè)人網(wǎng)頁 1課時(shí) 第4周 第一單元-活動(dòng)2 插入網(wǎng)頁布局表格 1課時(shí) 第5周 第一單元-

6、活動(dòng)2 插入網(wǎng)頁元素 1課時(shí) 第6周 第二單元-活動(dòng)1 了解網(wǎng)頁中的動(dòng)畫 1課時(shí) 第7周 第二單元-活動(dòng)1了解制作動(dòng)畫的軟件 1課時(shí) 第8周 第二單元-活動(dòng)2 選擇軟件制作動(dòng)畫 1課時(shí) 第9周 第二單元-活動(dòng)2 完成文字動(dòng)畫插入網(wǎng)頁 1課時(shí) 第10周 第二單元-活動(dòng)3 設(shè)計(jì)動(dòng)畫形式 1課時(shí) 第11周 第二單元-活動(dòng)3 制作并發(fā)布動(dòng)畫 1課時(shí) 第12周 第二單元-活動(dòng)4 設(shè)計(jì)動(dòng)畫并收集素材 1課時(shí) 第13周 第二單元-活動(dòng)4 制作動(dòng)畫 1課時(shí) 第14周 第三單元-活動(dòng)1 規(guī)劃表格內(nèi)容和結(jié)構(gòu) 1課時(shí) 第15周 第三單元-活動(dòng)1 選擇電子表格制作工具 1課時(shí) 第16周 第三單元-活動(dòng)2 制作電子表格

7、 1課時(shí) 第17周 第三單元-活動(dòng)2 調(diào)整、修飾表格 1課時(shí) 第18周 第三單元-活動(dòng)3 分析數(shù)據(jù)加工需求 1課時(shí)第19周第三單元-活動(dòng)3 處理數(shù)據(jù)、制作評比表 1課時(shí) 2015年8月27日35 / 38第一單元 我的風(fēng)采 網(wǎng)頁的制作活動(dòng)1設(shè)計(jì)個(gè)人網(wǎng)頁教材分析 在本活動(dòng)中，教材安排了兩個(gè)方面的內(nèi)容，第一是規(guī)劃網(wǎng)頁的主題與內(nèi)容，第二是設(shè)計(jì)網(wǎng)頁版面結(jié)構(gòu)。在規(guī)劃網(wǎng)頁主題與內(nèi)容里，要求學(xué)生能根據(jù)個(gè)人的興趣愛好確定積極的、健康向上的網(wǎng)頁主題，并能圍繞主題進(jìn)行信息的獲取。在網(wǎng)頁版面結(jié)構(gòu)的設(shè)計(jì)中，學(xué)生通過瀏覽各類網(wǎng)頁，設(shè)計(jì)出自己網(wǎng)頁的輪廓圖。 【教學(xué)目標(biāo)】 了解網(wǎng)站、網(wǎng)頁的概念。 會(huì)確定網(wǎng)站的主題。 能根據(jù)

8、既定主題獲取相應(yīng)素材。 能夠科學(xué)分類管理素材。 能自主規(guī)劃網(wǎng)頁的版面。 掌握規(guī)劃設(shè)計(jì)網(wǎng)頁的方法。 提高獲取、整理和積累素材的能力。 提高審美鑒賞的能力。 端正學(xué)習(xí)態(tài)度，養(yǎng)成良好的學(xué)習(xí)習(xí)慣。 【教學(xué)重點(diǎn)】 了解主題網(wǎng)站的概念。 規(guī)劃、設(shè)計(jì)個(gè)人網(wǎng)頁。 【教學(xué)難點(diǎn)】 了解網(wǎng)站和網(wǎng)頁的區(qū)別。 完成網(wǎng)頁的版面設(shè)計(jì)，明確各圖文元素的位置和顏色搭配等。 【教學(xué)課時(shí)】 2課時(shí)?！窘虒W(xué)準(zhǔn)備】 優(yōu)秀的個(gè)人網(wǎng)站或網(wǎng)頁作品范例?！窘虒W(xué)過程】第1課時(shí)（規(guī)劃網(wǎng)頁主題與內(nèi)容）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 1.讓學(xué)生瀏覽一些優(yōu)秀的個(gè)人網(wǎng)站或網(wǎng)頁范例。 2.提問：你是否有自己的個(gè)人站點(diǎn)？想不想自己設(shè)計(jì)個(gè)性化

9、的站點(diǎn)？ 1.欣賞站點(diǎn)。 2.思考、討論。 激發(fā)學(xué)生的學(xué)習(xí)興趣。 介紹網(wǎng)頁的概念 介紹網(wǎng)頁的概念、網(wǎng)頁與網(wǎng)站的區(qū)別與聯(lián)系、超文本標(biāo)記語言（HTML）、網(wǎng)頁的擴(kuò)展名、網(wǎng)頁中包含的元素等。 1學(xué)習(xí)。 理解網(wǎng)頁、網(wǎng)站的概念。 規(guī)劃網(wǎng)頁主題 請學(xué)生參照教材第3頁張曉明同學(xué)的建議，完成該頁的學(xué)習(xí)單。 完成教材第3頁的學(xué)習(xí)單。 用學(xué)習(xí)單來支持學(xué)生開展學(xué)習(xí)。 交流 請同組學(xué)生相互交流各自的網(wǎng)頁制作目的與主題。 學(xué)生相互交流自己的網(wǎng)頁制作目的與主題。 增強(qiáng)學(xué)生的合作交流能力。 分析素材類型 請學(xué)生結(jié)合教材第3頁張曉明同學(xué)的網(wǎng)頁范例“我的方寸世界”，來確定自己的素材類型，并完成第4頁的學(xué)習(xí)單。確定自己的素材類型

10、，并完成學(xué)習(xí)單。熟悉網(wǎng)頁的素材分類。圍繞主題收集素材 請學(xué)生圍繞自己確定的主題通過網(wǎng)絡(luò)收集素材，并提醒同學(xué)們相互協(xié)助。 相互幫助，通過網(wǎng)絡(luò)收集素材。 增強(qiáng)學(xué)生自主學(xué)習(xí)、協(xié)作學(xué)習(xí)的能力。整理素材 1.提問：大家的素材有哪些類型？你們是如何分類、組織管理這些素材的？ 2.引導(dǎo)學(xué)生總結(jié)： （1）整理各種類型素材分別要用到的工具。如文本類型素材需要用到Word軟件或者記事本工具。 （2）上網(wǎng)收集各種類型素材的方法。 1.思考回答問題。 2.總結(jié)。 1.增強(qiáng)學(xué)生的信息組織與管理能力。2.讓學(xué)生學(xué)會(huì)文本、圖片的獲取和管理方法。分享經(jīng)驗(yàn) 提問：你們還有哪些好的方法來獲取文本、圖片，請與同學(xué)們一起分享。 介紹

11、獲取文本、圖片的其他方法。 頭腦風(fēng)暴。課堂小結(jié) 小結(jié)：本節(jié)課大家圍繞自己的主題在網(wǎng)上獲取了資料，可能這些資料還不足以來支持你的網(wǎng)頁。請大家在課后將你所需的其他資料通過掃描儀、WORD軟件輸入計(jì)算機(jī)。并自學(xué)教材第5頁的有關(guān)網(wǎng)頁的知識向?qū)А?明確課后所要進(jìn)行的探究活動(dòng)。 1.歸納課堂。2.明確課后任務(wù) 第2課時(shí)（設(shè)計(jì)網(wǎng)頁版面）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 引入：上節(jié)課我們圍繞主題收集了素材，同時(shí)課后大家也將自己所需的圖片等素材通過掃描儀等方法輸入了計(jì)算機(jī)。本節(jié)課我們來規(guī)劃網(wǎng)頁的版面。 了解學(xué)習(xí)內(nèi)容。 開門見山，明確任務(wù)。 設(shè)計(jì)草案 1請大家瀏覽幾個(gè)網(wǎng)站（如中國百科網(wǎng)、科普博覽網(wǎng)

12、、時(shí)間網(wǎng)、中國古生物網(wǎng)等教師事先選好的網(wǎng)站）。 2請學(xué)生結(jié)合參考網(wǎng)站，為自己的網(wǎng)頁勾畫出輪廓圖。 1.瀏覽參考網(wǎng)站，觀察這些網(wǎng)頁的基本構(gòu)圖。 2.在草稿紙上設(shè)計(jì)自己個(gè)人網(wǎng)頁的輪廓草圖。 設(shè)計(jì)出網(wǎng)頁的輪廓。 相互交流討論 請學(xué)生相互交流自己的網(wǎng)頁結(jié)構(gòu)輪廓，相互提出修改意見。 （1）你設(shè)計(jì)的網(wǎng)頁有沒有鮮明的主題？網(wǎng)頁中有沒有與主題無關(guān)的內(nèi)容？有的話，請說明它的作用。 （2）網(wǎng)頁的布局是否恰當(dāng)？有沒有做到圖文并茂、重點(diǎn)突出、美觀清晰？ 相互討論、交流、修改作品，聽取其他同學(xué)的意見和建議。 通過頭腦風(fēng)暴， 完善版面的設(shè)計(jì)。 作品展示 請各組派一個(gè)代表展示自己的網(wǎng)站輪廓，各個(gè)元素的位置和各個(gè)版塊的表現(xiàn)形

13、式。 介紹自己的網(wǎng)頁，其他同學(xué)提意見和建議。同時(shí)思考自己的網(wǎng)頁修改方法。 提高鑒賞力。 確定網(wǎng)頁版面 請學(xué)生根據(jù)其他同學(xué)的經(jīng)驗(yàn)和意見建議，修改確定自己的網(wǎng)頁版面布局。 修改確定自己的網(wǎng)頁版面布局。 確定版面。小結(jié) 小結(jié)：本節(jié)課我們設(shè)計(jì)了網(wǎng)頁的版面，請大家保存好底稿。課后請大家熟悉一下FrontPage2003軟件，下節(jié)課我們將使用它來實(shí)現(xiàn)今天設(shè)計(jì)的網(wǎng)頁。 明確以后的學(xué)習(xí)方向。 明確后面的學(xué)習(xí)內(nèi)容?；顒?dòng)2 制作網(wǎng)頁教材分析 在活動(dòng)1中，學(xué)生為主題網(wǎng)頁收集了相應(yīng)素材，并設(shè)計(jì)出了網(wǎng)頁的版面結(jié)構(gòu)。活動(dòng)2承接活動(dòng)1，學(xué)生用FrontPage2003工具實(shí)現(xiàn)主題網(wǎng)頁。在這一活動(dòng)中，要求學(xué)生掌握在Front

14、Page2003中創(chuàng)建站點(diǎn)的方法、使用表格進(jìn)行布局的方法、將網(wǎng)頁元素插入網(wǎng)頁的方法等。初中學(xué)生對FrontPage2003比較生疏，因此教材中僅要求學(xué)生創(chuàng)建由一個(gè)網(wǎng)頁所組成的網(wǎng)站，相對來說比較簡單。 【教學(xué)目標(biāo)】 認(rèn)識FrontPage2003，熟悉FrontPage2003的窗口界面。 理解站點(diǎn)的概念。 掌握在FrontPage2003中建立站點(diǎn)的方法。掌握使用表格進(jìn)行布局的方法。 掌握對表格進(jìn)行操作的方法。 學(xué)會(huì)將圖片、文本等資料插入網(wǎng)頁中。 了解網(wǎng)站的制作流程。 掌握利用表格進(jìn)行布局的方法。 掌握將圖片、文本資料插入網(wǎng)頁的方法。 提高對網(wǎng)頁的審美鑒賞能力。 形成需求分析的意識。 形成良好

15、的文件夾命名習(xí)慣。 【教學(xué)重點(diǎn)】 理解站點(diǎn)的概念和站點(diǎn)文件夾的意義。 能夠利用表格進(jìn)行網(wǎng)頁的版面布局。 掌握將圖片、文本資料插入網(wǎng)頁的方法。 【教學(xué)難點(diǎn)】 在FrontPage2003中實(shí)現(xiàn)設(shè)計(jì)草圖。利用表格進(jìn)行網(wǎng)頁的版面布局。 掌握對文本格式的調(diào)整、圖片的設(shè)置等技巧。 【教學(xué)課時(shí)】 3課時(shí)?！窘虒W(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。 FrontPage2003軟件?！窘虒W(xué)過程】第1課時(shí)（新建個(gè)人網(wǎng)頁）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課導(dǎo)入 導(dǎo)入：活動(dòng)1中我們設(shè)計(jì)了網(wǎng)頁的主題和版面， 本節(jié)課我們來學(xué)習(xí)用FrontPage2003軟件來新建網(wǎng)頁。 了解活動(dòng)2任務(wù)。明確學(xué)習(xí)任務(wù)。 FrontPage

16、2003 基礎(chǔ)知識講解 1啟動(dòng)FrontPage 2003 單擊任務(wù)欄上的“開始”，在“程序”菜單中選擇Microsoft FrontPage2003單擊。 2FrontPage 2003的界面介紹。 3介紹FrontPage2003中網(wǎng)頁的編輯、保存方法。 4介紹網(wǎng)頁中圖片資料的存放路徑。 1了解 FrontPage2003軟件的界面、工具、編輯方法等。 2跟著教師的演示操作進(jìn)行操作。 熟悉軟件，為新建網(wǎng)頁打下基礎(chǔ)。 自主創(chuàng)建由一個(gè)網(wǎng)頁組成的網(wǎng)站 請同學(xué)們參考課本第9頁的“操作坊”進(jìn)行操作，創(chuàng)建由一個(gè)網(wǎng)頁組成的網(wǎng)站。 步驟如下： （1）打開FrontPage2003，選擇“文件”菜單中的“新

17、建”命令。 （2）在窗口右邊出現(xiàn)的“新建”面板中，選擇“新建網(wǎng)站”下的“由一個(gè)網(wǎng)頁組成的網(wǎng)站”。 （3）在彈出的“網(wǎng)站模板”對話框中，選擇“常規(guī)”選項(xiàng)卡中的“只有一個(gè)網(wǎng)頁的網(wǎng)站”，并在右邊“指定新網(wǎng)站的位置”文本框中輸入新網(wǎng)站的保存位置，如“D:myweb”，然后單擊“確定”按鈕。 按照操作坊的步驟進(jìn)行操作，創(chuàng)建由一個(gè)網(wǎng)頁組成的網(wǎng)站。 學(xué)習(xí)創(chuàng)建由一個(gè)網(wǎng)頁組成的網(wǎng)站。 站點(diǎn)文件夾講解 1.介紹站點(diǎn)文件夾，重點(diǎn)講解以下內(nèi)容： （1）“D:myweb”站點(diǎn)文件夾里的東西不能隨意刪除。（2）新建的站點(diǎn)只有一個(gè)主頁index.htm文件，該主頁還是空的，需要對它進(jìn)行編輯添加內(nèi)容。同時(shí)也可以添加一些網(wǎng)頁到

18、該站點(diǎn)中去。（3）該站點(diǎn)中一般包含兩個(gè)子文件夾。一個(gè)是_private文件夾，一般用來存放一些私人的文件，這些文件不會(huì)被別人看到。另一個(gè)是images文件夾，是FrontPage專門創(chuàng)建用來存放圖像文件的文件夾，因?yàn)镕rontPage擴(kuò)展服務(wù)器的圖像文件的默認(rèn)目錄為images。 2.請同學(xué)們將上節(jié)課收集的圖片存放在images文件夾中。 1.了解站點(diǎn)文件夾的作用。 2.拷貝圖片到新建站點(diǎn)的images圖片文件夾中。 1解決學(xué)生第一次接觸網(wǎng)站制作可能存在的問題。 2讓學(xué)生學(xué)會(huì)網(wǎng)站文件資料的管理。 自主探究， 設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片 請大家結(jié)合課本P13-P14頁自主探究或者相互協(xié)作來

19、設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片。（這個(gè)環(huán)節(jié)特別重要，教師要加強(qiáng)巡視、督促。）設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片。 1.增強(qiáng)學(xué)生自主學(xué)習(xí)、協(xié)作學(xué)習(xí)的能力； 2. 讓學(xué)生學(xué)會(huì)設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片。 相互交流完善網(wǎng)頁 1.請大家組內(nèi)相互交流自己的作品，為其他同學(xué)提供可行性的建議和意見。2請學(xué)生修改各自的網(wǎng)頁。1.學(xué)習(xí)他人的經(jīng)驗(yàn)為我所用。 2.完善自己的網(wǎng)頁。增強(qiáng)學(xué)生交流的能力。保存網(wǎng)頁 課堂延伸 小結(jié)并提出要求：請大家保存自己的網(wǎng)頁。保存好站點(diǎn)文件夾。現(xiàn)在我們現(xiàn)在僅僅是建立了一個(gè)空白頁面，我們所設(shè)計(jì)的版面如何實(shí)現(xiàn)，請大家課后自學(xué)P14-P18的網(wǎng)頁布局表格。 1保存網(wǎng)頁。 2了解課后的任

20、務(wù)。 為第二節(jié)課進(jìn)行鋪墊。 第2課時(shí)（插入網(wǎng)頁布局表格）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 引入：請大家將活動(dòng)1中所設(shè)計(jì)的網(wǎng)頁版面圖拿出來，結(jié)合課本第15頁張曉明同學(xué)的設(shè)計(jì)范例，完成第15頁的學(xué)習(xí)單。 2介紹為什么使用表格進(jìn)行布局：不同的分辨率下（顯示器中）保持網(wǎng)頁各個(gè)元素設(shè)計(jì)的位置不會(huì)改變，表格中可以放置網(wǎng)頁上的任何元素。 1參照課本第15頁張曉明同學(xué)的設(shè)計(jì)范例，設(shè)計(jì)布局表格樣式。 2參考第18頁的知識向?qū)?，理解表格在網(wǎng)頁中的作用。1明確網(wǎng)頁的布局表格樣式。 2明確表格的重要性。 認(rèn)識表格 介紹表格的組成： （1）表格由幾個(gè)部分組成：表頭：表格的首行，表示表格各列的名稱。 行：

21、表格的一行，水平方向。列：表格的一列，垂直方向。單元格：在表格中，每個(gè)方格稱為一個(gè)單元格（Cell），可以為每個(gè)單元格設(shè)置不同的屬性。 邊框：在表格的四周，可設(shè)置有無。 （2）在每個(gè)單元格中，除了可以填寫文本之外，還可以放置圖片、表單等，表格的最大好處是能分類顯示數(shù)據(jù)，同時(shí)能利用表格來組織網(wǎng)頁的整體布局。 學(xué)習(xí)表格知識。 認(rèn)識表格。 插入表格 1演示使用“表格”菜單命令插入表格的方法： （1）將光標(biāo)移到要插入表格的位置，即插入點(diǎn)。 （2）單擊“表格”菜單，選擇“插入”選項(xiàng)，并在選擇項(xiàng)中單擊“表格”選項(xiàng)，出現(xiàn)插入表格對話框。 （3）在對話框中，在“行數(shù)”中輸入需要的行數(shù)，在“列數(shù)”中輸入需要的列

22、數(shù)，同時(shí)設(shè)置好“對齊方式”、“邊框粗細(xì)”、“單元格邊框”、“單元格間距”。 （4）最后單擊“確定”按鈕，屏幕上就會(huì)出現(xiàn)一張空的表格。 2說明：如果在對話框中“邊框粗細(xì)”值設(shè)置為0，則該表格線在瀏覽網(wǎng)頁時(shí)不會(huì)被顯示出來。 3組織學(xué)生討論：還有哪些方法可以插入表格？ 1根據(jù)教師的演示及參照第16頁的操作坊，插入并修飾表格。 2討論插入表格的其他方法。 學(xué)會(huì)插入表格表格操作，如插入、刪除合并、拆分和設(shè)置單元格屬性等操作 1演示合并單元格等的操作。2讓學(xué)生根據(jù)先前的版面設(shè)計(jì)完成對表格的操作。 1按照自己網(wǎng)頁設(shè)計(jì)版面來確定表格樣式。 2采用插入、刪除、合并、拆分等操作對表格進(jìn)行操作。 1讓學(xué)生學(xué)會(huì)合并、

23、拆分、插入、刪除和設(shè)置單元格屬性等操作。 2引導(dǎo)學(xué)生利用表格實(shí)現(xiàn)網(wǎng)頁的版面設(shè)計(jì)。 交流協(xié)作 請各個(gè)小組內(nèi)相互交流、相互檢查，要求每位同學(xué)都要實(shí)現(xiàn)自己的版面布局設(shè)計(jì)。 1.向已完成的同學(xué)請教、學(xué)習(xí)。 2.完成自己的版面設(shè)計(jì)。 通過交流，掌握對表格的操作方法?？偨Y(jié)拓展 1根據(jù)某一個(gè)版面設(shè)計(jì)和學(xué)生一起用表格實(shí)現(xiàn)布局。 2小結(jié)：表格在 FrontPage2003中有相當(dāng)重要的應(yīng)用，這節(jié)課我們用表格實(shí)現(xiàn)了版面設(shè)計(jì)。那么，如何將圖片、文本等元素充實(shí)到網(wǎng)頁中？請大家課后思考。 1.和老師一起用表格實(shí)現(xiàn)一個(gè)計(jì)版面布局。 2.課后探究教師提出的問題。 1鞏固表格知識。2為插入網(wǎng)頁元素埋下伏筆，引發(fā)學(xué)生的積極探索

24、。 第3課時(shí)（插入網(wǎng)頁元素）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 引入：我們已經(jīng)用表格設(shè)計(jì)好了版面，今天這節(jié)課將實(shí)現(xiàn)網(wǎng)頁元素的插入。 2請大家在FrontPage2003中打開自己的站點(diǎn)文件夾中的index.htm。 1了解任務(wù)。 2用 FrontPage2003打開站點(diǎn)文件夾中的index.htm。 明確學(xué)習(xí)任務(wù) 插入并修飾文本 1演示插入并修飾文本的操作步驟： （1）在布局表格的相應(yīng)單元格中輸入文字或粘貼文本。 （2）為文本設(shè)置合適的字體、字號、顏色及段落對齊方式、行距等，使文本清晰美觀、疏密有度。 2讓學(xué)生將文本插入自己的個(gè)人網(wǎng)頁并做修飾。 按照教師演示的操作步驟及要求將文本

25、輸入網(wǎng)頁中。 學(xué)會(huì)在網(wǎng)頁中輸入文本信息。 圖片格式講解 講解圖片格式： （1）圖片格式是計(jì)算機(jī)存儲(chǔ)圖片的格式，常見的存儲(chǔ)的格式有BMP、TIF、TGA、RAS、EPS、PCX 以及WMF等。 （2）BMP格式： BMP 不支持壓縮，文件非常大，不受Web 瀏覽器支持。 （3）JPEG文件后輟名為"jpg"或"jpeg"，是最常用的圖像文件格式， JPEG格式的應(yīng)用非常廣泛，目前各類瀏覽器均支持JPEG這種圖像格式，因?yàn)镴PEG格式的文件尺寸較小，下載速度快。 （4）GIF圖像文件的數(shù)據(jù)是經(jīng)過壓縮的。在一個(gè)GIF文件中可以存多幅彩色圖像，如果把存于一個(gè)文件

26、中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，就可構(gòu)成一種最簡單的動(dòng)畫。 1參考課本第20頁學(xué)習(xí)網(wǎng)頁中圖片的大小與格式。 2了解BMP、JPG、GIF格式之間的區(qū)別。 了解圖片的格式。 利用 Photoshop軟件修改圖片格式 1演示利用 Photoshop軟件修改圖片格式的步驟： （1）在Photoshop 中打開圖片文件，如文件“hai.jpg”，選擇“圖像”菜單中的“圖像大小”命令。 （2）在“圖像大小”對話框中，修改“像素大小”欄下的“寬度”值，單擊“確定”按鈕。 2讓學(xué)生利用軟件修改自己的圖片素材的格式。 1根據(jù)教師提供的圖片素材，將BMP格式轉(zhuǎn)換為JPG格式，查看它的大小變化。 2修改自

27、己的圖片素材的格式。 1學(xué)會(huì)調(diào)節(jié)圖片大小。 2學(xué)會(huì)轉(zhuǎn)換圖片格式。 插入圖片 1演示插入圖片的步驟： （1）把光標(biāo)定位到要插入圖片的單元格內(nèi)。 （2）單擊“ ”工具圖標(biāo)，或單擊“插入“菜單，選擇”圖片“菜單項(xiàng)，在子菜單中單擊”來自文件“選項(xiàng)，在出現(xiàn)一個(gè)”圖片“對話框的同時(shí)，彈出一個(gè)“選擇文件”對話框。（3）在“選擇文件”對話框的“搜尋”欄內(nèi)選定圖片的存放位置，然后從文件列表中雙擊某個(gè)圖片文件（或選定圖片文件），單擊“確定”按鈕，則圖片插入到網(wǎng)頁中。 2讓學(xué)生完成圖片素材的插入。 按照操作步驟，在網(wǎng)頁中插入圖片。 學(xué)會(huì)在網(wǎng)頁中插入圖片。 自主探究相互協(xié)作 完善頁面 讓學(xué)生根據(jù)所學(xué)知識，完善自己的網(wǎng)

28、頁。 通過輸入文本、插入圖片、插入水平線等方法來充實(shí)網(wǎng)頁。 實(shí)現(xiàn)個(gè)人網(wǎng)頁的內(nèi)容。 預(yù)覽網(wǎng)頁 介紹兩種預(yù)覽網(wǎng)頁的方式： （1）一種是單擊FrontPage 2003主編輯窗口下面的“預(yù)覽”標(biāo)簽，就打開一個(gè)FrontPage編輯器自帶的瀏覽器，看完之后，單擊“普通”標(biāo)簽，又切換到編輯狀態(tài)。 （2）另一種是單擊“常規(guī)”工具欄的“”圖標(biāo)按鈕（或直接按Ctrl+Shift+B鍵，或單擊“文件”菜單并選擇“在瀏覽器中預(yù)覽”菜單項(xiàng)），將啟動(dòng)瀏覽器并打開該網(wǎng)頁。 了解不同的預(yù)覽方式。 2了解預(yù)覽方式的區(qū)別。 學(xué)會(huì)網(wǎng)頁的預(yù)覽、檢查。 優(yōu)秀站點(diǎn)展示 請各個(gè)小組推選小組優(yōu)秀站點(diǎn)進(jìn)行展示。 推選站點(diǎn)進(jìn)行展示，其他同學(xué)

29、用第25頁的評價(jià)表進(jìn)行評價(jià)。 學(xué)會(huì)評價(jià)他人的作品。 回顧總結(jié) 總結(jié)網(wǎng)站制作的流程。 一起回顧。 系統(tǒng)梳理知識。 第二單元 鮮活的形象 動(dòng)畫的設(shè)計(jì)與制作活動(dòng)1 制定動(dòng)畫制作計(jì)劃教材分析 本活動(dòng)是第二單元的開篇，承接第一單元網(wǎng)頁的制作，為網(wǎng)頁添加動(dòng)畫效果。在本活動(dòng)中主要讓學(xué)生能了解動(dòng)畫的作用、動(dòng)畫的效果、確定在網(wǎng)頁中添加動(dòng)畫的位置、動(dòng)畫的格式和動(dòng)畫的制作軟件，對動(dòng)畫有一個(gè)概括的了解。教材以“學(xué)習(xí)單”為支持材料支持學(xué)生學(xué)習(xí)的開展，讓學(xué)生在活動(dòng)中自主構(gòu)建知識。 【教學(xué)目標(biāo)】 了解動(dòng)畫的作用。 了解動(dòng)畫的效果。 了解動(dòng)畫文件的格式。 了解常用動(dòng)畫的制作軟件。 初步掌握在網(wǎng)頁中規(guī)劃動(dòng)畫的方法。 掌握信息獲

30、取、分類和分析管理的方法。 培養(yǎng)使用動(dòng)畫突出主題思想的意識。 體驗(yàn)動(dòng)畫對網(wǎng)頁的重要性。 端正學(xué)習(xí)態(tài)度、養(yǎng)成良好的學(xué)習(xí)習(xí)慣。 【教學(xué)重點(diǎn)】 體驗(yàn)動(dòng)畫在網(wǎng)頁中的作用。 規(guī)劃為網(wǎng)頁添加動(dòng)畫的方式。 了解動(dòng)畫文件格式。 了解常用動(dòng)畫的制作軟件。 【教學(xué)難點(diǎn)】 體驗(yàn)動(dòng)畫在網(wǎng)頁中的作用。 了解動(dòng)畫文件格式。 【教學(xué)課時(shí)】 2課時(shí)?！窘虒W(xué)準(zhǔn)備】 一些優(yōu)秀的網(wǎng)站網(wǎng)址。 已安裝SWFText、Ulead GIF Animator及Adobe Flash CS3 Professional軟件?！窘虒W(xué)過程】第1、2課時(shí)(了解網(wǎng)頁中的動(dòng)畫、制作動(dòng)畫的軟件)教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 1.請學(xué)生欣

31、賞起點(diǎn)中文網(wǎng)、騰訊網(wǎng)、遙控之家等網(wǎng)站首頁。2.組織學(xué)生討論：與這些網(wǎng)站首頁比較，我們的個(gè)人網(wǎng)頁缺少哪些東西？ 3.引導(dǎo)學(xué)生關(guān)注網(wǎng)頁上的動(dòng)畫。4.提出任務(wù)：大家要為自己的網(wǎng)頁設(shè)計(jì)幾個(gè)動(dòng)畫?，F(xiàn)在就讓我們開始我們的動(dòng)畫方案設(shè)計(jì)吧！ 1.欣賞網(wǎng)站首頁。 2.積極討論自己的個(gè)人網(wǎng)頁和知名站點(diǎn)首頁的差距。 3.體會(huì)動(dòng)畫對網(wǎng)頁美化的重要性。 4.為自己的網(wǎng)頁設(shè)計(jì)動(dòng)畫方案。 1.激發(fā)學(xué)生學(xué)習(xí)動(dòng)畫的興趣。 2.引出任務(wù)。 了解動(dòng)畫作用 1.請學(xué)生參照第29頁張曉明的學(xué)習(xí)過程，完成第30頁的學(xué)習(xí)單。 2.組織各小組討論動(dòng)畫的作用。 1.完成“我對網(wǎng)站動(dòng)畫采用情況的調(diào)查表”。 2.各個(gè)小組討論動(dòng)畫的作用。 通過完成

32、學(xué)習(xí)單、討論等學(xué)習(xí)過程，對動(dòng)畫在網(wǎng)頁中的作用有一定的認(rèn)識。 了解動(dòng)畫的效果 請學(xué)生根據(jù)剛才所提供的網(wǎng)站，討論網(wǎng)頁上都有哪些動(dòng)畫效果。 1.討論動(dòng)畫的一般效果。 2.完成第30頁學(xué)習(xí)單。 了解動(dòng)畫效果。 設(shè)計(jì)網(wǎng)頁動(dòng)畫方案 請學(xué)生結(jié)合張曉明同學(xué)的動(dòng)畫方案設(shè)計(jì)過程，為自己的網(wǎng)頁設(shè)想添加動(dòng)畫方案。 1.為自己的網(wǎng)頁設(shè)想添加動(dòng)畫方案。 2.完成第31頁的學(xué)習(xí)單。 制定網(wǎng)頁動(dòng)畫設(shè)想。 相互交流各自的設(shè)想，提出意見 1.請學(xué)生相互交流各自添加動(dòng)畫的設(shè)想。 2.適時(shí)指導(dǎo)：網(wǎng)頁上不是動(dòng)畫越多越好。采用動(dòng)畫，一要考慮動(dòng)畫的所在部位是否妥當(dāng)，能起到什么作用；二要考慮動(dòng)畫的表現(xiàn)方式給整個(gè)頁面帶來了什么視覺效果。太繁雜

33、的動(dòng)畫會(huì)擾亂瀏覽者的注意力，產(chǎn)生視覺疲勞，效果適得其反！ 1.相互交流， 2.聽取其他同學(xué)的意見或者建議。 3.完善自己的設(shè)想。1.頭腦風(fēng)暴。 2.更深入地了解網(wǎng)頁動(dòng)畫。 了解動(dòng)畫格式、制作軟件 1.提問：大家知道哪些動(dòng)畫制作軟件？動(dòng)畫文件的后綴名有哪些？ 2.組織學(xué)生完成第34頁的學(xué)習(xí)單。 1.帶著問題探究Gif動(dòng)畫與Flash動(dòng)畫的區(qū)別。 2.了解判別Gif動(dòng)畫與Flash動(dòng)畫的方法。了解了動(dòng)畫的格式、制作軟件。 相互交流 請學(xué)生相互交流各自對動(dòng)畫的認(rèn)識，并將Gif動(dòng)畫和Flash動(dòng)畫展示給同組成員看。 相互交流。 加深對動(dòng)畫的認(rèn)識。 小 結(jié) 1.小結(jié)：動(dòng)畫能夠給我們的網(wǎng) 頁添加動(dòng)態(tài)效果，

34、能起到畫龍點(diǎn)睛的作用。 2.提問： （1）我們一般選用哪些軟件來制作動(dòng)畫？ （2）是不是動(dòng)畫越多越好？3.請學(xué)生課后熟悉SWFtext軟件。 1.思考問題。 2.課后熟悉SWFtext軟件，為活動(dòng)2下做準(zhǔn)備 1.增強(qiáng)學(xué)生的審美能力。 2.加深學(xué)生對動(dòng)畫的認(rèn)識。 活動(dòng)2 讓標(biāo)題更醒目教材分析 “讓標(biāo)題更醒目”本標(biāo)題直至主題，即使用SWFtext軟件進(jìn)行標(biāo)題的動(dòng)畫編輯。本活動(dòng)內(nèi)容相對于后面兩個(gè)活動(dòng)，軟件的使用較為簡單。因此，根據(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)畫的原理。 掌

35、握動(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)頁上的作用。 【教學(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é)過程】第1、2課時(shí)（選擇軟件制作動(dòng)畫、完成文字動(dòng)畫插入網(wǎng)頁）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 1.引入：上節(jié)課我們了解了動(dòng)畫及其制作軟件，課后大家了解

36、了SWFtext軟件。本節(jié)課我們先看看一些網(wǎng)站標(biāo)題的動(dòng)畫效果。】 2.播放一些標(biāo)題動(dòng)畫。 3.提出任務(wù)：本節(jié)課的內(nèi)容就是讓我們的標(biāo)題動(dòng)起來。 1.觀看教師用SWFtext軟件制作的標(biāo)題動(dòng)畫。 2.明確本節(jié)課的學(xué)習(xí)任務(wù)。 1.引發(fā)學(xué)生對SWFtext軟件的學(xué)習(xí)興趣。 2.明確任務(wù)。 認(rèn)識SWFtext軟件特點(diǎn) 請學(xué)生在網(wǎng)絡(luò)上搜索SWFtext軟件的特點(diǎn)，并完成第36頁的學(xué)習(xí)單。 網(wǎng)絡(luò)搜索SWFtext軟件的特點(diǎn)，完成學(xué)習(xí)單。 明確為什么選擇SWFtext軟件。 確定自己的標(biāo)題動(dòng)畫的效果 請學(xué)生參考張曉明的范例和網(wǎng)絡(luò)上的站點(diǎn)標(biāo)題范例，為自己的網(wǎng)站設(shè)計(jì)一個(gè)標(biāo)題。 1.參考范例。 2設(shè)計(jì)標(biāo)題效果。 設(shè)

37、計(jì)標(biāo)題動(dòng)畫。 學(xué)會(huì)使用SWFtext軟件 1.雙擊桌面上的圖標(biāo)，打開SWFtext軟件。 2.給學(xué)生介紹軟件中各個(gè)工具的作用。 （1）設(shè)置動(dòng)畫作品的尺寸：單擊左欄中的“剪輯”按鈕，在右欄的“剪輯”欄中輸入動(dòng)畫作品的寬度和高度。 （2）介紹設(shè)置背景和背景特效。 （3）介紹設(shè)置文本特效和字體屬性。 學(xué)習(xí)使用SWFtext軟件軟件編輯動(dòng)畫。 掌握SWFtext軟件的基本使用方法。 自主探究 制作動(dòng)畫 請學(xué)生用SWFtext軟件按照自己標(biāo)題動(dòng)畫的設(shè)想來制作動(dòng)畫。 探究使用SWFtext軟件實(shí)現(xiàn)自己網(wǎng)頁的標(biāo)題動(dòng)畫。 掌握SWFtext軟件的使用方法。 作品交流、修改 請小組內(nèi)部相互交流、修改自己的動(dòng)畫作

38、品。 與同學(xué)交流自己的作品，給其他同學(xué)的作品提出自己的意見和建議，并據(jù)此修改、完善自己的作品。 增強(qiáng)學(xué)生的交流能力。 認(rèn)識動(dòng)畫文件格式,發(fā)布動(dòng)畫 1.請學(xué)生學(xué)習(xí)第41頁的表格，說說哪種格式最適合自己的標(biāo)題動(dòng)畫。 2.組織學(xué)生討論：你為什么選擇Flash格式？ 3.介紹動(dòng)畫發(fā)布步驟： （1）經(jīng)預(yù)覽確認(rèn)動(dòng)畫效果之后，單擊“發(fā)布”按鈕。 （2）在彈出的“發(fā)布”對話框中，選擇一種動(dòng)畫的發(fā)布格式，然后單擊“確定”按鈕。此處注意動(dòng)畫的保存路徑。 1.自學(xué)第41頁的動(dòng)畫格式表格，選擇Flash格式。 2.組內(nèi)討論Flash格式的好處。 3.發(fā)布自己的動(dòng)畫。1.認(rèn)識動(dòng)畫三種格式的區(qū)別及選擇Flash格式的好處

39、。 2.掌握動(dòng)畫文件的生成方式。 將動(dòng)畫插入網(wǎng)頁并交流展示 1.請學(xué)生參照第42頁的步驟2，將動(dòng)畫插入到網(wǎng)頁中。 2.請學(xué)生瀏覽其他同學(xué)的網(wǎng)頁效果，并完成P43頁的學(xué)習(xí)單。 1.將動(dòng)畫插入網(wǎng)頁。2.瀏覽其他同學(xué)網(wǎng)頁效果，完成學(xué)習(xí)單。1.掌握將動(dòng)畫插入網(wǎng)頁的方法。 2.提高審美觀。 課堂小結(jié) 2.小結(jié)：本節(jié)課大家學(xué)習(xí)了SWFtext軟件的使用方法并用它完成了標(biāo)題動(dòng)畫的制作。 SWFtext軟件是一款十分容易上手且操作相當(dāng)方便的動(dòng)畫制作軟件。 2.提出課后任務(wù)：請大家思考，我們的網(wǎng)站還有那些地方需要?jiǎng)赢嫞@些動(dòng)畫需要用到哪些工具軟件來制作。 1.回顧SWFtext軟件的使用方法。 2.課后思考自己

40、的網(wǎng)頁還有那些地方需要?jiǎng)赢嫞@些動(dòng)畫需要用到哪些工具軟件來制作。 回顧SWFtext軟件，提出思考問題，激發(fā)學(xué)生為完善網(wǎng)頁再接再厲。 活動(dòng)3 給圖片增加信息量教材分析 網(wǎng)頁上每個(gè)欄目的版塊面積是有限的，如何在有限的版塊上顯示更多的內(nèi)容？這一問題引出了我們活動(dòng)3的內(nèi)容-“給圖片增加信息量”。 Ulead GIF Animator軟件能幫助我們解決這樣的問題。在活動(dòng)3中，學(xué)生需要熟悉Ulead GIF Animator軟件的界面和操作技巧。能結(jié)合網(wǎng)頁主題規(guī)劃相應(yīng)的動(dòng)畫，能使用Ulead GIF Animator實(shí)現(xiàn)動(dòng)畫并創(chuàng)建發(fā)布動(dòng)畫。 【教學(xué)目標(biāo)】 熟悉Ulead GIF Animator的界面。

41、掌握Ulead GIF Animator軟件的操作技巧。掌握使用Ulead GIF Animator制作動(dòng)畫的方法。提高學(xué)習(xí)動(dòng)畫制作的興趣。 體驗(yàn)動(dòng)畫的作用和制作動(dòng)畫的樂趣。 能夠通過動(dòng)畫表達(dá)網(wǎng)頁主題。 【教學(xué)重點(diǎn)】 使用Ulead GIF Animator制作動(dòng)畫。 【教學(xué)難點(diǎn)】 使用Ulead GIF Animator制作動(dòng)畫。【教學(xué)課時(shí)】 2課時(shí)。【教學(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。 安裝Ulead GIF Animator 軟件【教學(xué)過程】第1課時(shí)（設(shè)計(jì)動(dòng)畫形式）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課引入 1.使用Ulead GIF Animator 動(dòng)畫制作軟件制作一個(gè)動(dòng)畫。2.提問

42、：你覺得這個(gè)動(dòng)畫有什么樣的優(yōu)點(diǎn)？ 1.觀看教師使用Ulead GIF Animator制作動(dòng)畫。 2思考、回答這種動(dòng)畫的優(yōu)點(diǎn)。 激發(fā)學(xué)生學(xué)習(xí)Ulead GIF Animator 軟件制作動(dòng)畫的興趣。 講解動(dòng)畫制作軟件 1.打開軟件： 雙擊桌面上的圖標(biāo)，或者在桌面左下角單擊“開始”、 “所有程序”、“ Ulead GIF Animator 5”。 2介紹軟件界面。 3介紹各種工具和使用方法。4介紹“幀”。（教師在講解的同時(shí)要一邊講解一邊操作，并要求學(xué)生跟著老師一起操作。） 5介紹GIF動(dòng)畫的發(fā)布。 聽教師講解，并跟著教師一起操作。 采用邊講邊練得方式，學(xué)生容易掌握Ulead GIF Animat

43、or 5軟件。 自主探究 請學(xué)生用這款軟件進(jìn)行動(dòng)畫的制作。 自主探究“ Ulead GIF Animator 5”軟件的使用 鞏固“ Ulead GIF Animator 5”的使用方法。 相互交流 請學(xué)生相互交流各自的作品，幫助其他同學(xué)解決制作過程中出現(xiàn)的問題。 相互提出意見和建議，幫助其他同學(xué)解決問題。 增強(qiáng)學(xué)生的相互交流能力并鞏固知識點(diǎn)。 小 結(jié) 1小結(jié)：本節(jié)課我們熟悉了“ Ulead GIF Animator 5”軟件，并使用它制作了動(dòng)畫；再次介紹軟件的相關(guān)知識點(diǎn)。2.課后拓展：完成第45頁的學(xué)習(xí)單。請學(xué)生課后收集網(wǎng)頁所需的圖片資料。 1.再次認(rèn)識“ Ulead GIF Animato

44、r 5”軟件 2.思考：可以制作一個(gè)什么樣的動(dòng)畫添加到自己的網(wǎng)頁。 1.再次鞏固知識。 2.為下節(jié)課的開展埋下伏筆。 第2課時(shí)（制作并發(fā)布動(dòng)畫）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 課堂引入 1.請學(xué)生交流自己上節(jié)課后所完成的學(xué)習(xí)單。 2讓學(xué)生向同組成員說說自己所設(shè)計(jì)的動(dòng)畫作品的特效。1.交流自己所設(shè)計(jì)的動(dòng)畫特效。 2.對同組成員的設(shè)想提出可行性意見和建議 確定自己的動(dòng)畫作品設(shè)想。 自主探究 制作動(dòng)畫 請學(xué)生使用“ Ulead GIF Animator 5”軟件進(jìn)行動(dòng)畫制作。注意指導(dǎo)： （1）加強(qiáng)巡視、督促。 （2）及時(shí)解決學(xué)生所遇到的問題。 （3）記錄學(xué)生所遇到的典型性問題，得到第一手評講

45、資料。 （4）發(fā)現(xiàn)典型作品（也可能是比較差的作品）并記錄下來，為后面的共同修改作品做前提工作。 用“ Ulead GIF Animator 5”軟件進(jìn)行動(dòng)畫作品的制作，遇到問題向同組成員或者教師提問，獲得必要的幫助。 培養(yǎng)學(xué)生自主探究的精神。 作品展示 請完成作品比較好的同學(xué)展示自己的作品，并且請這些學(xué)生介紹他們的經(jīng)驗(yàn)。 觀看作品，聽取其他同學(xué)的經(jīng)驗(yàn)介紹。 1.培養(yǎng)學(xué)生的審美力。 2.鞏固知識。 合作交流， 相互完善 請學(xué)生將自己的作品給同組其他成員欣賞，并且其他成員提出自己的意見和建議。 根據(jù)同組成員的可行性意見和建議修改作品 1.完善作品。2.學(xué)會(huì)評價(jià)。 3.完善動(dòng)畫。 典型作品修改評價(jià)

46、1.教師展示典型作品，請同學(xué)們發(fā)表評價(jià)。 2.提出修改的意見和建議，和學(xué)生共同一起修改 1.欣賞動(dòng)畫作品，提出自己的意見和建議。 2.提出修改方法。 1.提高學(xué)生的審美力。 2.系統(tǒng)鞏固“ Ulead GIF Animator 5”的知識。 將動(dòng)畫插入網(wǎng)頁 1.請學(xué)生將動(dòng)畫插入到網(wǎng)頁中。 2.共同欣賞網(wǎng)頁上的動(dòng)畫效果。 3讓學(xué)生完成第53頁的兩個(gè)學(xué)習(xí)單。 1.在對動(dòng)畫進(jìn)行了預(yù)覽、檢查后，將該動(dòng)畫另存為GIF 格式動(dòng)畫文件。 2.將GIF 格式動(dòng)畫文件插入個(gè)人網(wǎng)頁。 欣賞插入網(wǎng)頁后的效果，完成第53頁的兩個(gè)學(xué)習(xí)單。 提高學(xué)生的審美力。 相互展示網(wǎng)頁 欣賞其他同學(xué)的網(wǎng)頁效果。 欣賞其他同學(xué)的網(wǎng)頁效

47、果。 提高學(xué)生的審美力。 課堂小結(jié) 小結(jié)并提問：本活動(dòng)我們掌握了使用“ Ulead GIF Animator 5”軟件進(jìn)行動(dòng)畫的制作。我們的網(wǎng)頁是否完美，動(dòng)畫是否恰當(dāng)？我們還需要在哪方面進(jìn)行努力？ 1.小結(jié)。 2.思考。 趁熱打鐵，引發(fā)學(xué)生更深層次的思考與探究。 活動(dòng)4 讓水平線更突出教材分析 學(xué)生第一次接觸用Flash制作動(dòng)畫，學(xué)習(xí)難度較大。本活動(dòng)涉及信息的獲取（收集圖片素材）、信息的加工（用Photoshop處理圖片）、信息的表達(dá)（Flash動(dòng)畫的制作與發(fā)布），重點(diǎn)在Flash動(dòng)畫制作部分。幀和關(guān)鍵幀、圖層、幀頻、引導(dǎo)層、補(bǔ)間動(dòng)畫等都要學(xué)生了解。學(xué)生應(yīng)能完成課本或者教師所制定的基本任務(wù)，然

48、后再根據(jù)網(wǎng)頁的主題需要自主設(shè)計(jì)制作動(dòng)畫。應(yīng)分層次進(jìn)行教學(xué)，教師根據(jù)學(xué)情首先安排1-2節(jié)課對Flash軟件進(jìn)行熟悉，然后再進(jìn)行動(dòng)畫的制作。 【教學(xué)目標(biāo)】 理解Flash動(dòng)畫的基本原理。了解Flash動(dòng)畫的常用術(shù)語。了解Flash軟件的界面。掌握幀、圖層、時(shí)間軸、庫的概念。 理解圖層的作用。 掌握補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫的創(chuàng)建方法。 體驗(yàn)制作動(dòng)畫的樂趣。 提高學(xué)習(xí)動(dòng)畫制作的興趣。 能夠通過動(dòng)畫表達(dá)主題。 體驗(yàn)Flash強(qiáng)大的動(dòng)畫制作功能?！窘虒W(xué)重點(diǎn)】 了解Flash動(dòng)畫的常用術(shù)語。掌握補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫的創(chuàng)建方法。 理解圖層的作用。 【教學(xué)難點(diǎn)】 掌握補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫的創(chuàng)建方法。 理解圖層的作用

49、。 【教學(xué)課時(shí)】 3課時(shí)?！窘虒W(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。 安裝Flash 軟件?！窘虒W(xué)過程】 第1課時(shí)（設(shè)計(jì)動(dòng)畫并收集素材）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 活動(dòng)引入 引入：同學(xué)們，在活動(dòng)4中，我們將嘗試用Flash軟件制作一個(gè)水平線動(dòng)畫。在制作動(dòng)畫之前，我們先去網(wǎng)上看看他人的網(wǎng)頁。例如， 1.觀看教材及其他網(wǎng)頁上的水平線狀動(dòng)畫。 開門見山，明確任務(wù)。 構(gòu)思動(dòng)畫，收集素材 1.請學(xué)生構(gòu)思自己的水平線動(dòng)畫。 2.請學(xué)生從網(wǎng)上收集相關(guān)素材。 1.構(gòu)思適合自己網(wǎng)頁的水平線動(dòng)畫。2.參考教材第55頁張曉明同學(xué)的構(gòu)思，完成學(xué)習(xí)單。 3.收集相關(guān)素材。 提高學(xué)生網(wǎng)絡(luò)檢索的能力。學(xué)習(xí)Photoshop

50、 軟件的使用 介紹制作背景透明的圖片步驟“,示范操作。 （1）用Photoshop 打開圖片文件。 （2）在界面右下方的圖層面板中，將“背景”圖層拖至“創(chuàng)建新圖層”按鈕上，圖層面板中會(huì)增加一個(gè)“背景副本”圖層。 （3）將“背景”圖層拖至 “刪除圖層”按鈕上，圖層面板中就只剩下一個(gè)“背景副 本”圖層。 （4）在界面右側(cè)的導(dǎo)航器面板中，向右拖曳縮放滑塊，將顯示比例放大，然后在左側(cè)的工具箱中選擇“多邊形套索工具”,在畫面中沿著圖形的外輪廓勾勒。 （5）勾勒完成后，選擇“選擇”菜單中的“反向”命令，然后按<Del>鍵。 (6)在左側(cè)的工具箱中選擇“裁剪工具”，將畫面中的多余部分裁去。 (7

51、)選擇“文件”菜單中的“存儲(chǔ)為”命令。 (8)在彈出的“存儲(chǔ)為”對話框中，選擇“GIF(RD)”格式，然后單擊“保存”按鈕。 跟著教師的演示一步步操作。 1.邊學(xué)邊練，掌握使用Photoshop軟件制作背景透明的圖片的方法。 2.感受使用Photoshop 軟件制作背景透明的圖片成功的喜悅。 對自己收集的素材進(jìn)行加工，并相互協(xié)助 1請同學(xué)們用Photoshop軟件對自己收集的圖片進(jìn)行處理。2.一部分同學(xué)完成了透明背景圖片的制作，請大家相互協(xié)助完成自己的圖片。 1.處理圖片。 2.相互協(xié)助，完成圖片的處理 1.掌握所學(xué)技能。 2.養(yǎng)成協(xié)作精神。 第2課時(shí)（制作動(dòng)畫）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng)

52、教學(xué)意圖 新課導(dǎo)入 1.播放動(dòng)畫示例（一個(gè)小球位置在改變的動(dòng)畫）。 2.導(dǎo)入：同學(xué)們，上節(jié)課我們使用Photoshop軟件將動(dòng)畫制作中所需要的蝴蝶素材處理好了，這節(jié)課我們將學(xué)會(huì)使用Flash軟件。Flash軟件以前大家沒有接觸過，本節(jié)課的內(nèi)容就是簡要地認(rèn)識這款動(dòng)畫制作軟件，并使用這款軟件制作簡單的動(dòng)畫。 觀看例子， 明確本節(jié)課的學(xué)習(xí)任務(wù)。 開門見山，明確任務(wù)。 介紹FLASH動(dòng)畫的特點(diǎn) 講述Flash動(dòng)畫的特點(diǎn)：Flash動(dòng)畫使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載，并通過使用關(guān)鍵幀和圖符讓生成的動(dòng)畫(.swf)文件非常小。F

53、lash動(dòng)畫把音樂、動(dòng)畫、聲效、交互方式融合在一起，越來越多的人已經(jīng)把Flash作為網(wǎng)頁動(dòng)畫設(shè)計(jì)的首選工具 了解Flash動(dòng)畫的特點(diǎn)。 了解Flash動(dòng)畫的特點(diǎn)。 熟悉工作環(huán)境 1.介紹“舞臺” ：Flash中，舞臺就是工作區(qū)，是最主要的可編輯區(qū)域。在舞臺中可以直接繪圖，或者導(dǎo)入外部圖形文件進(jìn)行安排編輯。就像演員表演的舞臺，動(dòng)畫呈現(xiàn)在舞臺上，超出舞臺的區(qū)域就為不可見，也就是幕后，F(xiàn)LASH動(dòng)畫要十分注重舞臺和幕后的共同設(shè)計(jì)。 2.介紹“時(shí)間軸窗口”： 用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應(yīng)幀里，以安排電影內(nèi)容播放的順序 了解Flash動(dòng)畫編輯的工作環(huán)境。 了解Flash動(dòng)畫編輯的工作環(huán)境認(rèn)識Flash中的常見名詞 介紹幀頻、時(shí)間軸、圖層、元件和庫、幀與關(guān)鍵幀等名詞（注意邊演示邊介紹這些概念）。 打開Flash軟件，跟著教師的介紹熟悉這些名詞。 了解幀頻、時(shí)間軸等的概念。 制作補(bǔ)間動(dòng)畫的 教師制作小球位置改變、圓形變方形等的例子（注意要關(guān)注學(xué)生的認(rèn)知能力和操作進(jìn)度）。 照著教師的操作進(jìn)行操作，掌握補(bǔ)間動(dòng)畫的制作。 掌握補(bǔ)間動(dòng)畫的制作。 第3課時(shí)（制作動(dòng)畫）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課導(dǎo)入 提出要求：本節(jié)課我們要實(shí)現(xiàn)水平線動(dòng)畫的效果。首先大家掌握課本上的知識，再延伸到自己的網(wǎng)頁動(dòng)畫中去。 明確本節(jié)課的任務(wù)。