青島版信息技術(shù)八年級(jí)教案_第1頁
青島版信息技術(shù)八年級(jí)教案_第2頁
青島版信息技術(shù)八年級(jí)教案_第3頁
青島版信息技術(shù)八年級(jí)教案_第4頁
青島版信息技術(shù)八年級(jí)教案_第5頁
已閱讀5頁,還剩49頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、第一單元 網(wǎng)站設(shè)計(jì)與制作學(xué)案 臨沂沭河學(xué)校 張超峰第1課 創(chuàng)建站點(diǎn)本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):了解網(wǎng)站規(guī)劃方法;認(rèn)識(shí)Frontpage2000的工作界面;理解站點(diǎn)、網(wǎng)頁、主頁的概念。2、技能目標(biāo):學(xué)會(huì)規(guī)劃和設(shè)計(jì)網(wǎng)站;能夠搜集網(wǎng)站相關(guān)素材;學(xué)會(huì)新建和打開站點(diǎn)。3、情感、態(tài)度與價(jià)值觀目標(biāo):感受網(wǎng)站規(guī)劃的重要性,養(yǎng)成做事有計(jì)劃、勤思考的習(xí)慣。教學(xué)方法:自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。教學(xué)重點(diǎn):網(wǎng)站規(guī)劃的一般步驟;Frongpage2000的站點(diǎn)管理。教學(xué)難點(diǎn):網(wǎng)站規(guī)劃的一般步驟。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:許多同學(xué)都有上網(wǎng)的經(jīng)歷,那么什么是網(wǎng)站呢? 網(wǎng)站:網(wǎng)站是在因特網(wǎng)上一個(gè)相對(duì)

2、獨(dú)立的信息的集合,這些信息以網(wǎng)頁的形式向全世界發(fā)布。因此,網(wǎng)站就是相關(guān)網(wǎng)頁的集合。學(xué)習(xí)與探究:一、他山之石,可以攻玉通過對(duì)“中國少年雛鷹網(wǎng)”與“聯(lián)想公司網(wǎng)站”首頁的比較,談?wù)勛约旱母惺?,并說出它們之間有什么差異?二、網(wǎng)站規(guī)劃的一般步驟小組合作:閱讀本部分內(nèi)容,總結(jié)網(wǎng)站規(guī)劃的一般步驟?常見的網(wǎng)頁版面布局形式有哪些?步驟:1、確定網(wǎng)站的主題和風(fēng)格; 2、設(shè)計(jì)規(guī)劃網(wǎng)站的結(jié)構(gòu)和內(nèi)容; 3、設(shè)計(jì)網(wǎng)站的版面布局;(“T”型、“口”型、時(shí)尚型、“三”型布局) 4、搜集整理網(wǎng)站素材; 5、選擇網(wǎng)站制作工具(frontpage2000)。三、Frontpage2000的站點(diǎn)管理1、  初識(shí)Frontp

3、age根據(jù)打開程序的一般方法,自己試著打開Frontpage。并思考有沒有其它的打開方法。2、  新建站點(diǎn)教師演示:“文件”-“新建”-“站點(diǎn)”,打開“新建”對(duì)話框。學(xué)生操作:(1)指定新站點(diǎn)的位置為“D:情感小屋”,并選擇站點(diǎn)類型為“只有一個(gè)網(wǎng)頁的站點(diǎn)”。 (2)觀察界面發(fā)生了什么變化?在“文件夾列表”中自動(dòng)生成了哪幾個(gè)文件或文件夾?它們有什么作用?3、  打開站點(diǎn)“文件”-“打開站點(diǎn)”。四、實(shí)踐與創(chuàng)新的:1、  訪問以下網(wǎng)站,描述它們各自的主題和風(fēng)格,并畫出網(wǎng)站的結(jié)構(gòu)圖和主頁的布局圖。 ./01/indes.html 2、  搜集整理關(guān)于贊美父母的詩

4、句、文章、圖片或歌曲,分組合作設(shè)計(jì)“我的父母”網(wǎng)頁。(包括頁面結(jié)構(gòu)、內(nèi)容、版面布局、網(wǎng)頁的風(fēng)格和內(nèi)容,通過表格的形式記錄下來)五、小結(jié):網(wǎng)站規(guī)劃的一般步驟、Frontpage的站點(diǎn)管理六、教學(xué)反思:   第2課 設(shè)計(jì)網(wǎng)站首頁本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):認(rèn)識(shí)網(wǎng)頁的工作原理;了解網(wǎng)頁編輯的一般過程。2、技能目標(biāo):學(xué)會(huì)在網(wǎng)頁中輸入文字、插入圖片和水平線;學(xué)會(huì)新建、預(yù)覽和保存網(wǎng)頁。3、情感、態(tài)度與價(jià)值觀目標(biāo):善于從身邊的廣告、書刊中學(xué)習(xí)版面設(shè)計(jì)知識(shí),并學(xué)以致用。教學(xué)方法:自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。教學(xué)重點(diǎn):在網(wǎng)頁中插入文字、圖片、水平線及網(wǎng)頁的保存、預(yù)覽。

5、教學(xué)難點(diǎn):在網(wǎng)頁中插入文字、圖片和水平線。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:展示一個(gè)包含有文字、圖片和水平線的網(wǎng)頁,并通過對(duì)這三部分的介紹激發(fā)學(xué)生的學(xué)習(xí)欲望。學(xué)習(xí)與探究:一、在網(wǎng)頁中輸入文字小組合作并操作:根據(jù)前面所學(xué)知識(shí),即在WORD中輸入文字的操作,在“D:情感小屋”站點(diǎn)中,雙擊打開主頁文件“index.htm”,對(duì)照小宇在上節(jié)課中設(shè)計(jì)的首頁效果圖,在編輯窗口輸入相應(yīng)文字,并按照?qǐng)D例對(duì)這些文字進(jìn)行修改字體、字號(hào)、顏色、對(duì)齊方式等操作。二、在網(wǎng)頁中插入圖片教師演示:“插入”-“圖片”-“來自文件”學(xué)生操作:在“Banner位置”處插入存放在“D:素材”中的Banner圖片,并對(duì)所插入的圖

6、片進(jìn)行大小調(diào)整。注:為便于上傳,網(wǎng)頁中圖片一般采用容量較小的格式,如JPEG、GIF、PNG等。三、在網(wǎng)頁中插入水平線學(xué)生閱讀相關(guān)內(nèi)容,試著自己在網(wǎng)頁中的標(biāo)題與正文之間插入一條水平線,并設(shè)置“水平線屬性”。(教師巡回指導(dǎo))四、保存網(wǎng)頁同WORD操作相似,并嘗試用不同的方法保存index.htm,考慮哪種方式更方便?試一試:將剛剛插入到網(wǎng)頁中的圖片指定保存位置為:本站點(diǎn)的“images”文件夾。五、預(yù)覽網(wǎng)頁方法一:利用FrontPage自帶的預(yù)覽功能;方法二:通過瀏覽器預(yù)覽。練一練:按照上面介紹的兩種方法預(yù)覽自己的網(wǎng)頁,分析它們各有什么優(yōu)缺點(diǎn)?六、添加新網(wǎng)頁“文件”-“新建”-“網(wǎng)頁”七、實(shí)踐與

7、創(chuàng)新:1、根據(jù)第1課的規(guī)劃,參照小宇設(shè)計(jì)的“我的父母”所示的界面,設(shè)計(jì)制作網(wǎng)頁“我的父母”,其文件名為:Parents.htm,標(biāo)題為“我的父母”。2、對(duì)新建的網(wǎng)頁進(jìn)行預(yù)覽,并改變預(yù)覽窗口的大小,你會(huì)發(fā)現(xiàn)什么現(xiàn)象?有什么辦法可以解決這個(gè)問題?八、小結(jié):在網(wǎng)頁中插入文字、圖片、水平線及網(wǎng)頁的保存、預(yù)覽,添加新網(wǎng)頁。九、課后反思:    第3課 網(wǎng)頁中的表格本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):理解表格在網(wǎng)頁設(shè)計(jì)中的重要作用。2、技能目標(biāo):學(xué)會(huì)使用表格布局網(wǎng)頁;靈活掌握表格調(diào)整的方法。3、情感、態(tài)度與價(jià)值觀目標(biāo):了解學(xué)校概貌,發(fā)現(xiàn)校園之美;養(yǎng)成良好的生活和學(xué)習(xí)習(xí)慣。教

8、學(xué)方法:自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。教學(xué)重點(diǎn):在網(wǎng)頁中插入表格及表格的調(diào)整。教學(xué)難點(diǎn):在網(wǎng)頁中插入表格及表格的調(diào)整。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:通過對(duì)“某校園鳥瞰圖”與下載的“中學(xué)生作文網(wǎng)”的首頁作比較,引導(dǎo)學(xué)生發(fā)現(xiàn)網(wǎng)頁中表格的運(yùn)用。學(xué)習(xí)與探究:一、表格的作用閱讀本部分內(nèi)容,思考:在網(wǎng)頁中使用表格有何作用?表格可使網(wǎng)頁中的文字、圖片、動(dòng)畫等素材排列整齊有序,并且不會(huì)因?yàn)g覽窗口大小的改變而改變排列方式。二、在網(wǎng)頁中插入表格試一試:閱讀相關(guān)內(nèi)容,試著在站點(diǎn)“情感小屋”中打開首頁文件Index.htm,分別插入四個(gè)表格,依次為:2*3、2*2、1*4和2*1,寬度都為780像

9、素,水平居中。(教師巡回指導(dǎo))三、表格的調(diào)整1、  行高和列寬的調(diào)整方法一:手動(dòng)操作 方法二:通過單元格屬性或表格屬性調(diào)整2、  單元格的合并和拆分教師演示:(1)選中想要合并或拆分的單元格;(2)單擊鼠標(biāo)右鍵,在快捷菜單中選擇“合并單元格”或“拆分單元格”。3、  插入或刪除表格中的行或列(1)選擇相應(yīng)的行或列;(2)單擊鼠標(biāo)右鍵,在快捷菜單中進(jìn)行相應(yīng)選擇。4、  平均分布行和列(1)選擇需要平均分布的行或列;(2)單擊鼠標(biāo)右鍵,在快捷菜單中進(jìn)行相應(yīng)選擇。練一練:參照“情感小屋”網(wǎng)站首頁布局的內(nèi)容,調(diào)整前面插入的表格,并將在第1課中輸入的內(nèi)容移到表格內(nèi)

10、。預(yù)覽網(wǎng)頁,測(cè)試調(diào)整效果。四、設(shè)計(jì)網(wǎng)頁模板教師操作:“文件”-“另存為”-選擇“Frontpage模板(*.tem)”,并命名模板文件名(如:“情感小屋”)練一練:將網(wǎng)站首頁文件Index.htm存儲(chǔ)為網(wǎng)頁模板,命名為“我的模板”,然后以利用模板的方式新建一個(gè)網(wǎng)頁。五、實(shí)踐與創(chuàng)新:運(yùn)用表格重新設(shè)計(jì)Parents.htm的網(wǎng)頁布局,預(yù)覽時(shí)改變?yōu)g覽器窗口的大小,觀察網(wǎng)頁的布局是否會(huì)發(fā)生變化?這說明表格對(duì)于網(wǎng)頁內(nèi)容還能起到什么作用?六、小結(jié):在網(wǎng)頁中插入表格、表格的調(diào)整和網(wǎng)頁模板的設(shè)計(jì)。七、課后反思:    第4課 網(wǎng)頁的美化本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):了解美

11、化網(wǎng)頁的常用方法,理解美化網(wǎng)頁對(duì)提高網(wǎng)站質(zhì)量的作用。2、技能目標(biāo):學(xué)會(huì)在網(wǎng)頁中設(shè)置背景、音樂、FLASH動(dòng)畫和滾動(dòng)字幕。3、情感、態(tài)度與價(jià)值觀目標(biāo):提高審美意識(shí),善于發(fā)現(xiàn)美,美化生活從自身做起。教學(xué)方法:自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。教學(xué)重點(diǎn):在網(wǎng)頁中設(shè)置背景、音樂、FLASH動(dòng)畫和滾動(dòng)字幕。教學(xué)難點(diǎn):在網(wǎng)頁中設(shè)置背景、音樂、FLASH動(dòng)畫和滾動(dòng)字幕。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:前面我們學(xué)習(xí)了網(wǎng)頁制作中最基本的文字、圖片、水平線的插入,并且還知道了怎樣使用表格使網(wǎng)頁中的內(nèi)容排列的更整齊,層次更分明。這里同學(xué)們?cè)倏紤]你更喜歡什么樣的網(wǎng)頁?學(xué)習(xí)與探究:一、設(shè)置網(wǎng)頁的背景學(xué)生活

12、動(dòng):閱讀課文第一部分,并利用前面所學(xué)內(nèi)容,給自己的網(wǎng)頁加上一個(gè)背景,使頁面更加美觀,更能襯托網(wǎng)頁的主題。(教師巡回指導(dǎo))練一練:打開“情感小屋”站點(diǎn),并打開主頁文件Index.htm,在“網(wǎng)頁屬性”對(duì)話框“顏色”欄中設(shè)置文本和背景的顏色,并進(jìn)行預(yù)覽。二、設(shè)置表格的背景比較:觀察兩幅電視背景墻效果圖,比較多色彩背景墻和單色背景墻哪種讓客廳更加充滿活力?通過比較,同學(xué)們知道了多色彩背景墻可以讓房間顯得更加生動(dòng)活潑,在網(wǎng)頁中我們也可以通過設(shè)置表格或單元格的背景來達(dá)到局部色彩的變化,使網(wǎng)頁變得生動(dòng)有活力。方法:將光標(biāo)定位在某一單元格內(nèi),單擊鼠標(biāo)右鍵,在快捷菜單中選擇“表格屬性”或“單元格屬性”分別進(jìn)行

13、設(shè)置。練一練:在你的網(wǎng)頁表格中,先后設(shè)置不同的背景顏色和背景圖片,體驗(yàn)背景對(duì)網(wǎng)頁的美化作用。三、插入背景音樂學(xué)生活動(dòng):通過閱讀課文,小組合作,在“情感小屋”站點(diǎn)中插入一個(gè)背景音樂。教師總結(jié):在網(wǎng)頁中單擊右鍵,選擇“網(wǎng)頁屬性”命令,在對(duì)話框中進(jìn)行設(shè)置。四、插入Flash動(dòng)畫 步驟:“插入”-“高級(jí)”-“插件”,在“插件屬性”對(duì)話框中進(jìn)行設(shè)置。練一練:將光標(biāo)定位在網(wǎng)頁的適當(dāng)位置,選擇插入一個(gè)Flash動(dòng)畫文件。反復(fù)修改對(duì)話框中各參數(shù)的值,體會(huì)不同參數(shù)值的不同效果。五、插入滾動(dòng)字幕 小組合作思考操作:怎樣可以讓你網(wǎng)頁中的文字或圖片動(dòng)起來,使它們更加醒目呢? 教師總結(jié):“插入”-“組件”-“字幕”,在

14、“字幕屬性”對(duì)話框中進(jìn)行設(shè)置。練一練:將光標(biāo)定位在輸入標(biāo)題的單元格內(nèi),按照上述步驟進(jìn)行插入字幕的操作。六、實(shí)踐與創(chuàng)新:運(yùn)用本課所學(xué)知識(shí),分別對(duì)以下三個(gè)網(wǎng)頁進(jìn)行美化。文件名要求參考樣圖School.htm設(shè)置網(wǎng)頁和表格背景第1課“網(wǎng)頁版面布局示意圖c ”Domain.htm添加滾動(dòng)字幕“海內(nèi)存知己,天涯若比鄰”;插入一個(gè)Flash動(dòng)畫;設(shè)置純文字單元格的背景色。第1課“網(wǎng)頁版面布局示意圖d ”Neighbor.htm設(shè)置單元格背景;設(shè)置背景音樂第1課“網(wǎng)頁版面布局示意圖e ”一、本課小結(jié):設(shè)置網(wǎng)頁背景、表格背景、插入背景音樂、Flash動(dòng)畫及滾動(dòng)字幕。課后反思:  第5課 建

15、立超鏈接本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):理解超鏈接的概念,理解導(dǎo)航欄在網(wǎng)頁設(shè)計(jì)中的重要性。2、技能目標(biāo):學(xué)會(huì)在網(wǎng)頁中插入超鏈接和導(dǎo)航欄;掌握將鏈接指向站點(diǎn)內(nèi)、站點(diǎn)外和電子郵箱的方法。3、情感、態(tài)度與價(jià)值觀目標(biāo):體會(huì)萬物皆有聯(lián)系,互相影響,或此消彼長,或相互促進(jìn)。教學(xué)方法:自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。教學(xué)重點(diǎn):設(shè)置超鏈接和網(wǎng)站導(dǎo)航欄。教學(xué)難點(diǎn):設(shè)置超鏈接和網(wǎng)站導(dǎo)航欄。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:任何事物都不是獨(dú)立存在的,考慮你的周圍有哪些事物存在著一定的聯(lián)系? 如:我與同桌是同學(xué),我有老師,有父母學(xué)習(xí)與探究:一、設(shè)置超鏈接學(xué)生活動(dòng):閱讀課文第一部分,小組討論,完成以下問題:1

16、、  設(shè)置超鏈接的目的是什么?2、  什么是超鏈接?3、  超鏈接有哪幾種類型?教師總結(jié):目的:使網(wǎng)頁之間形成一個(gè)緊密的整體,能夠很容易地從一個(gè)網(wǎng)頁到達(dá)另一個(gè)網(wǎng)頁。定義:超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系。類型:站點(diǎn)內(nèi)的鏈接、到其他網(wǎng)站的鏈接、到郵箱的鏈接、書簽鏈接。步驟:“插入”-“超鏈接”。大顯身手:根據(jù)所閱讀內(nèi)容,在“情感小屋”站點(diǎn)中,建立不同類型的鏈接。二、設(shè)置網(wǎng)站導(dǎo)航欄學(xué)生活動(dòng):閱讀課文第二部分,考慮1、為什么要設(shè)置網(wǎng)站導(dǎo)航欄?2、什么是導(dǎo)航欄?3、建立導(dǎo)航欄的方法有哪些?三、實(shí)踐與創(chuàng)新:1、在你的成長過程中,有多少人為你付出了艱辛的努力?回憶對(duì)

17、你幫助較大的1-3人,然后通過書信、電子郵件、電話、QQ等通訊工具表達(dá)你的感激之情。2、  網(wǎng)頁中的文字建立超鏈接后,會(huì)有什么變化?你能改變超鏈接文字的默認(rèn)顏色嗎?四、展示學(xué)生作品,查看鏈接是否正確。五、小結(jié)設(shè)置超鏈接、設(shè)置網(wǎng)站導(dǎo)航欄六、課后反思:     第6課 網(wǎng)站的發(fā)布與維護(hù)本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):理解網(wǎng)站空間的概念;了解網(wǎng)站上傳的原理。2、技能目標(biāo):掌握網(wǎng)站檢查和宣傳的方法;學(xué)會(huì)申請(qǐng)免費(fèi)的主頁空間;熟練使用網(wǎng)站上偉的工具。3、情感、態(tài)度與價(jià)值觀目標(biāo):正確認(rèn)識(shí)自己,誠實(shí)地與他人交流,學(xué)會(huì)展示自己真實(shí)的一面。教學(xué)方法:自學(xué)法、

18、演示法、觀察法、實(shí)踐法、小組合作交流法。教學(xué)重點(diǎn):申請(qǐng)網(wǎng)站空間與上傳網(wǎng)站。教學(xué)難點(diǎn):申請(qǐng)網(wǎng)站空間與上傳網(wǎng)站。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:如何讓更多的人走進(jìn)自己的“情感小屋”了解自己呢?怎樣才能使自己的網(wǎng)站發(fā)布出去?學(xué)習(xí)與探究:一、網(wǎng)站發(fā)布前的檢查學(xué)生活動(dòng):閱讀課文第一部分,考慮:網(wǎng)站發(fā)布前要做哪幾項(xiàng)檢查?教師總結(jié):1、檢查語法;2.檢查網(wǎng)站的整體情況;3. 檢查超鏈接;4. 檢查網(wǎng)頁中嵌入式文件的存放路徑。練一練:打開自己的“情感小屋”網(wǎng)站,按照上述項(xiàng)目檢查自己的網(wǎng)站是否完善。二、申請(qǐng)網(wǎng)站空間學(xué)生活動(dòng):閱讀課文第二部分,小組討論,完成以下問題:1、為什么要申請(qǐng)網(wǎng)站

19、空間?2、怎樣申請(qǐng)一個(gè)免費(fèi)的網(wǎng)站空間?3、你知道的可以提供免費(fèi)空間的網(wǎng)站有哪些?教師總結(jié):原因:要想把自己制作的網(wǎng)站發(fā)布到Internet上,就必須申請(qǐng)一個(gè)特定的地點(diǎn)和空間,用來存放整個(gè)網(wǎng)站的信息,這個(gè)空間我們通常稱為網(wǎng)站空間或主頁空間。申請(qǐng)方法:登錄網(wǎng)站-單擊申請(qǐng)免費(fèi)空間的鏈接-閱讀協(xié)議并接受協(xié)議內(nèi)容-按要求填寫表格后提交網(wǎng)站發(fā)送注冊(cè)信息到你的郵箱內(nèi)。常用免費(fèi)提供空間的網(wǎng)站:中聯(lián)網(wǎng)、中華網(wǎng)個(gè)人主頁、方舟網(wǎng)、中通互聯(lián)、天禧網(wǎng)等。大顯身手:登錄一個(gè)可以提供免費(fèi)空間的網(wǎng)站,申請(qǐng)自己的主頁空間。三、上傳網(wǎng)站學(xué)生活動(dòng):閱讀課文第三部分,小組合作交流:1、要想將制作好的網(wǎng)站上傳到已經(jīng)申請(qǐng)的免費(fèi)空間,常用

20、的方式有哪幾種?2、開動(dòng)腦筋:根據(jù)你所學(xué)到的知識(shí),把你的的網(wǎng)站上傳至你申請(qǐng)的免費(fèi)空間吧!3、在瀏覽器中輸入自己網(wǎng)站的網(wǎng)址,訪問自己的主頁。四、網(wǎng)站的宣傳學(xué)生活動(dòng):思考:怎樣才能讓更多人來訪問我們的網(wǎng)站?自己嘗試對(duì)我們的網(wǎng)站進(jìn)行宣傳?1、網(wǎng)站登錄2、交換鏈接 3、論壇發(fā)帖五、課堂小結(jié):網(wǎng)站發(fā)布前的檢查申請(qǐng)網(wǎng)站空間上傳網(wǎng)站宣傳網(wǎng)站六、課后反思:     第7課 制作表單網(wǎng)頁本課學(xué)習(xí)目標(biāo):1、知識(shí)目標(biāo):了解表單網(wǎng)頁的作用,了解表單網(wǎng)頁制作與提交。2、技能目標(biāo):學(xué)會(huì)在網(wǎng)頁中插入表單;正確設(shè)置表單信息的收集方式。3、情感、態(tài)度與價(jià)值觀目標(biāo):培養(yǎng)學(xué)生善于發(fā)

21、現(xiàn)問題,勤于解決問題的好習(xí)慣。教學(xué)方法:自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作交流法。教學(xué)重點(diǎn):在網(wǎng)頁中插入表單及設(shè)置表單信息的收集方式。教學(xué)難點(diǎn):在網(wǎng)頁中插入表單及設(shè)置表單信息的收集方式。學(xué)習(xí)時(shí)間:1課時(shí)。學(xué)習(xí)過程:引入課題:顯示一個(gè)帶有表單的網(wǎng)頁,并提交一信息,引入課題。學(xué)習(xí)與探究:一、    在網(wǎng)頁中插入表單學(xué)生活動(dòng):閱讀課文第一部分,思考:1、什么是表單?2、表單的基本工作原理是什么?3、怎樣插入一個(gè)表單?試一試:設(shè)計(jì)一個(gè)表單放在你的網(wǎng)頁中?二、設(shè)置表單信息的收集方式新建站點(diǎn)后,系統(tǒng)會(huì)自動(dòng)生成一個(gè)名為“_private”的文件夾,系統(tǒng)默認(rèn)會(huì)將這些信息存入

22、這個(gè)文件夾的一個(gè)特定文件“form_results.txt”中。方法:將光標(biāo)定位在表單區(qū)域的空白處,單擊鼠標(biāo)右鍵,選擇“表單屬性”,打開“表單屬性”對(duì)話框進(jìn)行設(shè)置。三、 實(shí)踐與創(chuàng)新1、參照本課介紹的表單網(wǎng)頁,設(shè)計(jì)“父母在我心中”問卷調(diào)查的表單網(wǎng)頁,要求:表單中要含有滾動(dòng)文本框、復(fù)選框、單選按鈕。并將網(wǎng)頁文件上傳到網(wǎng)站空間,并修改相應(yīng)的鏈接。2、你能否想辦法讓反饋信息直接顯示在提交表單的網(wǎng)頁上?四、展示學(xué)生作品,驗(yàn)證表單是否成功提交,分析出錯(cuò)的原因。五、小結(jié)在網(wǎng)頁中插入表單設(shè)置表單信息的收集方式六、課后反思第二單元 第1課 認(rèn)識(shí)Flash MX 導(dǎo)學(xué)案 【課前延伸】課前認(rèn)真預(yù)習(xí)課本,結(jié)

23、合上網(wǎng)搜索的知識(shí)完成以下問題。1什么是Flash動(dòng)畫? _2下載一個(gè)Flash作品與大家交流。 【學(xué)習(xí)目標(biāo)】1學(xué)會(huì)啟動(dòng)Flash MX,認(rèn)識(shí)Flash MX操作界面;2掌握時(shí)間軸、幀、關(guān)鍵幀的概念;3學(xué)會(huì)用鉛筆、橢圓等工具繪圖;4熟練掌握有關(guān)幀的操作?!咀灾鲗W(xué)習(xí)】1啟動(dòng)Flash MX的方法是:_2畫出Flash MX操作界面的簡圖并口述各部分的作用。     3讀課文,完成表格:幀的類型在時(shí)間軸上插入幀的方法      刪除幀的方法是:_。4鉛筆工具的屬性包括:_、_、_、

24、_。鉛筆工具的選項(xiàng)提供了_、_、_三種曲線繪制模式?!窘涣魈骄俊?通過上機(jī)操作、觀察,完成課本P53中間的“練一練”,并進(jìn)行小組交流。2上機(jī)操作課本P54下面的“試一試”,并完成課本P55的“練一練”,并進(jìn)行小組交流。3完成課本P56的“試一試”和“練一練”,全班交流。【大顯身手】1完成課本P56第1題。2有條件的同學(xué)課下完成課本P56第2題?!鹃_闊視野】閱讀課本P57FLASH的發(fā)展史及其優(yōu)點(diǎn)。   第2課 圖層與元件【課前延伸】請(qǐng)畫出Flash MX 的界面結(jié)構(gòu)簡圖,并注明舞臺(tái)、幀窗格、圖層窗格和時(shí)間軸?!緦W(xué)習(xí)目標(biāo)】1知道Flash元件的分類;2了解不同層的用

25、途;3學(xué)會(huì)設(shè)置Flash MX 文檔的屬性;4熟練掌握有關(guān)層和元件的操作。【閱讀課文】1Flash MX 文檔的屬性包括_、_、_等。2標(biāo)尺用來測(cè)量舞臺(tái)大小或?qū)ο蟠笮?,?biāo)尺的單位包括_(_)、_(_)、_(_)、_(_)等。3Flash的圖層可分為四類:_、_、_、_。4在時(shí)間軸圖層管理區(qū)域可以對(duì)圖層進(jìn)行的操作包括:_、_、_、_、_和_等。5何謂“元件”?  6何謂“實(shí)例”?  7元件的類型及其對(duì)應(yīng)的英文名稱分別是:_(_)、_(_)、_(_)??梢酝ㄟ^_將動(dòng)畫中的對(duì)象轉(zhuǎn)換為元件。8一個(gè)復(fù)雜的Flash動(dòng)畫會(huì)包含許許多多的元件,構(gòu)成Flash MX 的

26、_.【上機(jī)探究】1打開“文檔屬性”對(duì)話框,觀察其內(nèi)容,并完成課本P59上面的“試一試”,然后進(jìn)行小組交流。2找到時(shí)間軸窗口,觀察各個(gè)按鈕,并完成課本P59下面的“試一試”,然后進(jìn)行小組交流。3完成課本P60的“試一試”和P61的“試一試”,結(jié)合“一點(diǎn)通:元件的三種類型”強(qiáng)化“學(xué)習(xí)目標(biāo)4”?!敬箫@身手】1完成課本P61第1題。2有條件的同學(xué)課下完成課本P61第2題?!静槿毖a(bǔ)漏】“箭頭工具的使用”是小學(xué)信息技術(shù)第5冊(cè)學(xué)過的知識(shí),請(qǐng)閱讀課本P62箭頭工具的使用來補(bǔ)習(xí)或復(fù)習(xí)鞏固這一知識(shí)點(diǎn)。   第3課 運(yùn)動(dòng)漸變動(dòng)畫 【課前延伸】1請(qǐng)畫出Flash MX 的界面結(jié)構(gòu)簡圖,并

27、注明舞臺(tái)、幀窗格、圖層窗格和時(shí)間軸。2完成表格:幀的類型在時(shí)間軸上插入幀的方法       3元件的類型及其對(duì)應(yīng)的英文名稱分別是:_(_)、_(_)、_(_)??梢酝ㄟ^_將動(dòng)畫中的對(duì)象轉(zhuǎn)換為元件?!緦W(xué)習(xí)目標(biāo)】1了解Flash動(dòng)畫的分類;2掌握運(yùn)動(dòng)漸變動(dòng)畫的特點(diǎn);3學(xué)會(huì)制作關(guān)鍵幀動(dòng)畫;4掌握制作運(yùn)動(dòng)漸變動(dòng)畫的一般步驟。【閱讀課文】1在Flash MX 中動(dòng)畫分為三類:_、_和_。2解釋何謂關(guān)鍵幀動(dòng)畫。   3敘述運(yùn)動(dòng)漸變動(dòng)畫的制作步驟(首先然后最后)。   4關(guān)鍵幀動(dòng)

28、畫中的舞臺(tái)對(duì)象_元件。A.必須是 B.一定不是 C.不必是5運(yùn)動(dòng)漸變動(dòng)畫中的漸變對(duì)象A.必須是 B.一定不是 C.不必是 【上機(jī)探究】1完成課本P64上面的“試一試”,保存在自己的學(xué)習(xí)文件夾中,并進(jìn)行小組交流。2按照課本P64下面“文字舉報(bào)電話的制作步驟示例”制作一個(gè)運(yùn)動(dòng)漸變動(dòng)畫,保存在自己的學(xué)習(xí)文件夾中,然后進(jìn)行小組交流。3完成課本P66的“練一練”,把自己的經(jīng)驗(yàn)?zāi)贸鰜砼c同學(xué)們分享。【大顯身手】1完成課本P66第1題。2有條件的同學(xué)課下完成課本P66第2題?!鹃_闊視野】閱讀課本P65Flash的應(yīng)用,了解Flash動(dòng)畫的廣泛應(yīng)用。    第4

29、課 形狀漸變動(dòng)畫 導(dǎo)學(xué)案【課前延伸】1請(qǐng)畫出Flash MX 的界面結(jié)構(gòu)簡圖,并注明舞臺(tái)、幀窗格、圖層窗格和時(shí)間軸。2完成表格:幀的類型在時(shí)間軸上插入的方法       3鉛筆工具的屬性包括:_、_、_、_。鉛筆工具的選項(xiàng)提供了_、_、_三種曲線繪制模式?!緦W(xué)習(xí)目標(biāo)】1了解形狀漸變動(dòng)畫的特點(diǎn);2掌握形狀漸變動(dòng)畫中形狀提示點(diǎn)的概念;3學(xué)會(huì)使用畫筆工具;4學(xué)會(huì)制作形狀漸變動(dòng)畫以及為形狀漸變動(dòng)畫添加形狀提示點(diǎn)的方法?!鹃喿x課文】1畫筆工具畫出的圖形只有_部分,不包括_;而橢圓工具和矩形工具由_和_兩部分構(gòu)成。2畫筆工具的附屬選項(xiàng)包

30、括_、_、_、_。3畫筆工具的模式主要控制畫筆工具作用的區(qū)域,它提供了五種不同的畫筆模式:_、_、_、_、_。4解釋何謂形狀漸變動(dòng)畫。   5敘述形狀漸變動(dòng)畫的制作步驟。   6可以通過形狀提示點(diǎn)設(shè)定_的形狀漸變動(dòng)畫。7_上的形狀提示點(diǎn)是黃色的,結(jié)束關(guān)鍵幀上的形狀提示點(diǎn)是_色的,當(dāng)不在一條曲線上時(shí)為_.【上機(jī)探究】1嘗試選擇不同的畫筆模式,觀察所畫的圖形有什么變化?嘗試選擇不同的畫筆形狀,觀察所畫的圖形有什么變化?然后進(jìn)行小組交流。2完成課本P68“試一試”,然后進(jìn)行小組交流。3完成課本P69和P71的“練一練”,把得到的文件保存到自

31、己的學(xué)習(xí)文件夾中,并與同學(xué)們交流?!敬箫@身手】1完成課本P72第1題。2有條件的同學(xué)課下完成課本P72第2題?!鹃_闊視野】閱讀課本P72網(wǎng)頁制作三劍客。    第5課引導(dǎo)層動(dòng)畫學(xué)案【教師寄語】:乘著科學(xué)的翅膀,放飛創(chuàng)新的夢(mèng)想【學(xué)習(xí)目標(biāo)】;1理解引導(dǎo)線,引導(dǎo)層的概念。2了解引導(dǎo)層運(yùn)動(dòng)漸變動(dòng)畫的特點(diǎn)。3熟練掌握縮放、旋轉(zhuǎn)和傾斜對(duì)象的方法。4學(xué)會(huì)在運(yùn)動(dòng)漸變動(dòng)畫中使用引導(dǎo)層?!緦W(xué)習(xí)重點(diǎn)】:引導(dǎo)層及引導(dǎo)線的作用及創(chuàng)建方法。【學(xué)習(xí)難點(diǎn)】:運(yùn)用引導(dǎo)層,制作曲線運(yùn)動(dòng)動(dòng)畫。學(xué)習(xí)過程【情境創(chuàng)設(shè)】教師展示效果動(dòng)畫,請(qǐng)學(xué)生說出兩個(gè)運(yùn)動(dòng)效果的異同?!咀灾魈骄俊?任意變形工具的使用

32、自主閱讀教材內(nèi)容,結(jié)合Flash MX軟件,完成下列題目。1選用變形工具的方法: 2完成下表任意變形工具附屬選項(xiàng)附屬選項(xiàng)鼠標(biāo)形狀使用對(duì)象效果旋轉(zhuǎn)與傾斜  圖形和元件 縮放  圖形和元件改變對(duì)象大小扭曲  圖形 封套  圖形 3利用菜單欄修改【合作學(xué)習(xí)】1  引導(dǎo)層定義引導(dǎo)層功能填加引導(dǎo)層的方法2 教師演示利用具體實(shí)例繪制小鳥運(yùn)動(dòng)路徑講解制作過程中可能出現(xiàn)的問題3分小組完成課本P75練一練4【學(xué)以致用 鞏固提高】1對(duì)Flash動(dòng)畫“刻舟求劍”中的小船進(jìn)行縮放

33、、旋轉(zhuǎn)和傾斜。 2制作Flash動(dòng)畫“刻舟求劍”中小船小河運(yùn)動(dòng)的動(dòng)畫。 【課堂小結(jié)】我的收獲是:我的疑問有:【當(dāng)堂測(cè)試】1. 在Flash 的繪圖中,如果我們想由一個(gè)花瓣得到一朵完整的花,可以使用_面板進(jìn)行旋轉(zhuǎn)并復(fù)制的操作達(dá)到目的,在旋轉(zhuǎn)前,要使用_工具設(shè)置花瓣的旋轉(zhuǎn)中心。2.  下列( )不是把層和運(yùn)動(dòng)引導(dǎo)層鏈接起來的方法?A將現(xiàn)有的層拖到運(yùn)動(dòng)引導(dǎo)層的下面,該層在運(yùn)動(dòng)引導(dǎo)層下面以縮進(jìn)形式顯示。該層上的所有對(duì)象自動(dòng)與運(yùn)動(dòng)引導(dǎo)路徑對(duì)齊。B在運(yùn)動(dòng)引導(dǎo)層下面創(chuàng)建一個(gè)新層,在該層上補(bǔ)間的對(duì)象自動(dòng)沿著運(yùn)動(dòng)路徑補(bǔ)間C在運(yùn)動(dòng)引導(dǎo)層下面創(chuàng)建一個(gè)新層,選擇“修改

34、”>“時(shí)間軸”>“圖層”,然后在“圖層屬性”對(duì)話框中選擇“被引導(dǎo)”。D在運(yùn)動(dòng)引導(dǎo)層下面創(chuàng)建一個(gè)新層,進(jìn)行相應(yīng)命名即可。3.( )不能進(jìn)行形狀漸變A用繪圖工具畫一個(gè)圓。B用繪圖工具畫一個(gè)方形C用繪圖工具畫一個(gè)圓,再轉(zhuǎn)換成圖形(Gvraphic)符號(hào)(Symbol)。D將(C)選項(xiàng)中的圖形符號(hào)分解(BreakAport)。4一個(gè)運(yùn)動(dòng)引導(dǎo)層可以被直接轉(zhuǎn)化成? .遮罩層.被遮罩層.普通層.普通幀   第6課遮罩動(dòng)畫學(xué)案【教師寄語】:最困難的事情就是認(rèn)識(shí)自己【學(xué)習(xí)目標(biāo)】;1理解遮罩層的含義,作用,特點(diǎn)及圖標(biāo)。2理解遮罩層與被遮罩層的關(guān)系。3學(xué)會(huì)使用遮罩層,進(jìn)一步

35、深化對(duì)flash的認(rèn)識(shí)。4掌握遮罩動(dòng)畫的制作方法?!緦W(xué)習(xí)重點(diǎn)】:遮罩動(dòng)畫原理及其制作方法?!緦W(xué)習(xí)難點(diǎn)】:理解遮罩動(dòng)層與被遮罩層的關(guān)系。學(xué)習(xí)過程【情境創(chuàng)設(shè)】同學(xué)們,首先我們欣賞一段MTV,大家考慮在前賣弄的學(xué)習(xí)當(dāng)中,我們已經(jīng)學(xué)習(xí)了哪幾種FLASH動(dòng)畫?播放(奔跑MTV)【自主探究】1.遮罩層的含義,作用,特點(diǎn),圖標(biāo) 2練習(xí)制作遮罩動(dòng)畫應(yīng)用實(shí)例?!疽弧?#160;文字遮罩(鳥是人類的朋友) 歸納遮罩動(dòng)畫的原理 遮罩層與被遮罩層的關(guān)系 1練一練打開flash動(dòng)畫文件“鳥是人類的朋友.fla”,新建遮罩層,聚焦在空中飛翔的小鳥。 【合作探究】1制作遮罩

36、動(dòng)畫的一般步驟是什么?  2教師演示制作:文字遮罩效果。 3學(xué)生自主練習(xí)。 4學(xué)生分組完成“探照燈效果”動(dòng)畫實(shí)例制作。 【學(xué)以致用,鞏固提高】1. 制作flash動(dòng)畫“刻舟求劍”中劍落入水的遮罩動(dòng)畫。 2. 制作flash動(dòng)畫“刻舟求劍”中小船前進(jìn)的遮罩動(dòng)畫,要求制作遮罩和小船一起運(yùn)動(dòng)的動(dòng)畫。 【課堂小結(jié)】我的收獲是:我的疑問有: 【當(dāng)堂檢測(cè)】1下面對(duì)創(chuàng)建遮罩操作的說法錯(cuò)誤的是:( )A通過遮罩層來顯示被遮罩層的內(nèi)容B對(duì)于遮罩層來說的圖像、形狀和線條都可用C在遮罩層上沒有必要?jiǎng)?chuàng)建有過度顏色的對(duì)象

37、。D遮罩層中Alpha變化不影響整個(gè)動(dòng)畫。2遮罩動(dòng)畫的遮罩應(yīng)在被遮罩層的_面還是_面?3在遮罩層中_部分是透明的。4、要產(chǎn)生遮罩效果,至少需要幾個(gè)圖層?5、遮罩層動(dòng)畫的特點(diǎn) (遮罩層/被遮罩層)決定看到的形狀 (遮罩層/被遮罩層)決定看到的內(nèi)容    第7課交互控制動(dòng)畫學(xué)案【教師寄語】嚴(yán)謹(jǐn)細(xì)致 勇于創(chuàng)新 追求卓越【學(xué)習(xí)目標(biāo)】;1了解交互的三種動(dòng)作2了解幀動(dòng)作,按鈕動(dòng)作的特點(diǎn)。3學(xué)會(huì)設(shè)置幀動(dòng)作和按鈕動(dòng)作【學(xué)習(xí)重點(diǎn)】:添加動(dòng)作腳本的方法?!緦W(xué)習(xí)難點(diǎn)】:幀動(dòng)作的設(shè)置方法。學(xué)習(xí)過程【情境創(chuàng)設(shè)】教師演示網(wǎng)頁中的交互,這些交互可以通過鼠標(biāo)進(jìn)行,也可以通過鍵盤操作,還

38、可以進(jìn)行移動(dòng)對(duì)象,輸入信息或進(jìn)行其他形式的交互操作。那么我們?cè)鯓硬拍茉贔lash中創(chuàng)建交互動(dòng)畫呢?【自主探究】1交互控制動(dòng)畫的含義2人機(jī)交互控制實(shí)現(xiàn)方式?3可以在那三個(gè)地方添加動(dòng)作腳本?4為關(guān)鍵幀添加動(dòng)作的方法?5練一練完成課本P81,試一試   打開“鳥是人類的朋友fla”,在第一幀設(shè)置停止動(dòng)作。   利用“fscommand”設(shè)置動(dòng)畫的全屏播放?!竞献鹘涣鳌?為動(dòng)畫添加按鈕的方法有哪兩種?2按鈕元件的四幀分別是什么?3練一練完成課本P82,P83,試一試   創(chuàng)建“播放”按鈕,用工具箱的工具繪制按鈕,把它們放在動(dòng)畫的第1幀。

39、60;  創(chuàng)建“重播”按鈕,導(dǎo)入一個(gè)剪輯,讓按鈕具有動(dòng)態(tài)效果,放在動(dòng)畫的最后一幀。   從公用庫里導(dǎo)入一個(gè)按鈕,設(shè)置“停止”按鈕。   為“停止”按鈕添加動(dòng)作,分別設(shè)置單擊、釋放時(shí)停止播放動(dòng)畫。 為“停止”按鈕添加動(dòng)作,分別設(shè)置鼠標(biāo)滑過時(shí)播放動(dòng)畫。 為“停止”按鈕添加動(dòng)作,分別設(shè)置回到動(dòng)畫第1幀?!灸芰μ嵘?為Flash動(dòng)畫“刻舟求劍”加上封面,設(shè)置為全屏播放,出現(xiàn)封面后停止。2為Flash動(dòng)畫“刻舟求劍”添加“播放”和“停止”按鈕,隨時(shí)控制動(dòng)畫的播放。3為Flash動(dòng)畫“刻舟求劍”最后1幀加上“重播”按鈕,讓動(dòng)畫可以從頭播放。 【

40、課堂小結(jié)】我的收獲是:我的疑問有: 【當(dāng)堂測(cè)試】1              按鈕元件的四個(gè)幀分別是:_、_、_、_。2              控制動(dòng)畫停止播放的Action Script 命令是:_,括號(hào)中不需要使用任何參數(shù);控制動(dòng)畫播放的Action Script命令是_;跳轉(zhuǎn)到某幀并播放的Action Script命令

41、是_(目的幀)3              以下關(guān)于按鈕元件時(shí)間軸的敘述,正確的是:_A按鈕元件時(shí)間軸與主電影的時(shí)間軸是一樣的,而且它會(huì)通過跳轉(zhuǎn)到不同的幀來影響鼠標(biāo)指針的移動(dòng)和動(dòng)作B按鈕元件中包含可4幀,分別是UP、Down、Over和Hit。C按鈕元件時(shí)間軸上的幀可以被賦予幀動(dòng)作腳本。D按鈕元件的時(shí)間軸里只能包含4幀的內(nèi)容。    第8課聲音處理與作品發(fā)布學(xué)案【教師寄語】提高審美水平,完成審美創(chuàng)作【學(xué)習(xí)目標(biāo)】;1掌握聲音導(dǎo)入的方法,掌握為動(dòng)畫添加聲音。2學(xué)會(huì)為動(dòng)畫導(dǎo)入聲音,為動(dòng)畫添加聲音,學(xué)會(huì)3通過對(duì)聲音的處理,提高對(duì)音樂的欣賞。【學(xué)習(xí)重點(diǎn)】:聲音導(dǎo)入的具體制作方法以及自動(dòng)播放和手動(dòng)播放?!緦W(xué)習(xí)難點(diǎn)】:聲音的獲取。學(xué)習(xí)過程:【情境創(chuàng)設(shè)】先給學(xué)生放一段流行音樂,讓學(xué)生感受到音樂的美妙,提出問題,如何將音樂導(dǎo)入到我們前幾課做的flash中。【自主探究】1.     想把外部聲音加入到flash動(dòng)畫中,應(yīng)注意什么?  2. &

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論