《讓網(wǎng)頁動起來》教案

1、讓網(wǎng)頁動起來教材分析： 這節(jié)課是華師大出版社出版的初中信息技術(shù)八 年級第一章網(wǎng)頁制作中的重要組成部分， 是在學生初步認識并掌握了 網(wǎng)頁簡單制作的基礎(chǔ)上，指導學生給網(wǎng)頁添加字幕、交互式按鈕、插 入FLASH動畫、插入背景音樂等動態(tài)效果，使網(wǎng)頁變得有聲有色。從 而完成對三峽網(wǎng)頁的裝扮、修飾、美化任務，提高自身藝術(shù)修養(yǎng)。學生分析： 隨著互聯(lián)網(wǎng)的普及，制作網(wǎng)頁也成為一個附帶的產(chǎn) 物流行起來。在學習本課內(nèi)容前，學生已經(jīng)學會上網(wǎng)、WOR併口POWERPOINT件，還會制作簡單的網(wǎng)頁，動手能較強。初二學生有 較強的邏輯思維能力， 處于這個年齡段的學生思維活躍， 對許多事物 充滿了好奇心，富有探索精神。因此在

2、上這節(jié)課的時候，教師應充分 考慮到學生的這些特點。教學目標： 根據(jù)本章教學要求和本課特點， 我制定了以下教學目標： 知識目標：使學生掌握網(wǎng)頁制作中添加動態(tài)效果的方法。 能力目標：讓學生能夠熟練、靈活地美化自己的網(wǎng)頁作品。 情感目標：通過網(wǎng)頁制作，培養(yǎng)學生對美的感受及創(chuàng)造美的能力， 提高自身的藝術(shù)修養(yǎng)。重難點分析：本節(jié)課應突出的重點是：在網(wǎng)頁中添加字幕、交互式按 鈕，插入FLASH動畫，插入背景音樂，綜合運用素材，使自己的網(wǎng)頁 更美觀。 本節(jié)課教學難點是：對素材的更精細設置，對各個對話框 的具體設置及其功能運用。有多媒體平臺的計算機網(wǎng)絡教室。（遠程教育模式三的網(wǎng)絡教室）軟 件 準備 ： 電 腦

3、裝 有Windows 7操 作 系 統(tǒng) 、FrontPage2003、PowerPoint2003、多媒體電子教室、教師制作好的PPT。 素材準 備：1、準備兩張不同效果的新房圖片；2、兩張內(nèi)容及布局一樣， 但效果卻不同的網(wǎng)頁；3、有關(guān)長江三峽的圖片、聲音、動畫等素材 庫。（為了提高效率,需在課前將素材發(fā)送至每臺計算機中。）教學時間：本節(jié)教材安排內(nèi)容較多，我計劃用兩個課時完成。本節(jié) 課將學習前三個知識點：制作動態(tài)效果（字幕、交互式按鈕）、插入FLASH動畫、背景音樂，第四個知識點插入視頻以及動態(tài)網(wǎng)頁的概念， 內(nèi)容較多，讓學生自主探究，并在下節(jié)課詳細介紹。教學過程：一、創(chuàng)設情景，引入課題按照心理

4、學常識， 學生對學習內(nèi)容產(chǎn)生興趣， 就能自覺地排除內(nèi) 外主客觀因素的干擾， 集中注意力積極主動地投入學習， 把學習當成 愉快的事。因此，在學習新知識前，創(chuàng)設情景，引入課題。 首先創(chuàng) 設情景1:展示PPT1（兩套不同效果的新房，A套剛修好還未進行 任何裝璜，而E套是已裝璜得非常漂亮的新房）。教師提問：你喜歡 在哪套房間里生活呢？為什么？然后創(chuàng)設情景2:出示PPT2（兩張三峽網(wǎng)頁內(nèi)容及布局一樣，但網(wǎng)頁A為純靜態(tài)的網(wǎng)頁，未進行任何 動態(tài)效果的設置，而網(wǎng)頁E是經(jīng)過精細裝飾的動態(tài)網(wǎng)頁）。教師提問： 網(wǎng)頁A是小明制作的，網(wǎng)頁E是小剛制作的，哪張網(wǎng)頁更漂亮？為什 么？ 最后教師引入教學資源準備：課前需要做好

5、以下教學準備：硬件準備：一間擁課題：美，是道德上的善的象征，是從靈魂深處 發(fā)出的，美的事物是永恒的喜悅， 而充滿活力則是美最好的表達方式。 因此我們不僅要從生活中尋找活力美， 還可以從我們的網(wǎng)頁制作中找 到真正的美， 今天我們一起來設置網(wǎng)頁動態(tài)效果， 制作有聲有色的三 峽網(wǎng)頁。 板書課題：1.3網(wǎng)頁動態(tài)效果 然后將全班學生分成四個小 組，宣布今天的小組學習競賽正式開始， 看哪些同學能為自己的小組 增添活力。二、任務驅(qū)動，掌握新知（一）制作動態(tài)的三峽網(wǎng)頁 出示PPT3網(wǎng)頁A導入第一個新 知識點：小明制作的網(wǎng)頁， 所有的文檔內(nèi)容已經(jīng)輸入入， 但缺乏動感， 效果不好，你們能幫他讓網(wǎng)頁（三峽藝苑）“動

6、起來”嗎？ 任務一： 讓網(wǎng)頁動起來。教師打開網(wǎng)頁A,引導學生回憶在word或Powerpoint中學習過“插入”菜單中對象的設置，過渡到網(wǎng)頁的插入”WEBS件（C）”中“動態(tài)效果”的設置。然后和學生一起，共同探討設置動態(tài) 效果的好方法。 同時請學生注意FrontPage 2003插入菜單中哪些對 象與Powerpoint中不同。 （提醒學生掌握技巧：1在文本框中輸入 要滾動的文字，設置文字的方向、速度、表現(xiàn)方式等就可以實現(xiàn)滾動 字幕的制作；2在交互式按鈕屬性中可以對按鈕、字體、圖像3個屬 性進行設置,其中按鈕屬性框可以設置按鈕的類型以及按鈕上的文字 和鏈接對象；3字體、字號、顏色的恰當搭配，可

7、以給人留下深刻的 印象.。） 然后學生親自實踐操作練習，完成任務一，靈活熟練地對 網(wǎng)頁動態(tài)效果的設置。過程評價：強調(diào)技巧的掌握，將網(wǎng)頁動態(tài) 設置前后的效果進行對比，讓學生體會哪個更美,更具活力。（二）插入FLASH動畫問題導入下一新知識點：我們剛才已經(jīng) 給網(wǎng)頁“三峽藝苑”增添了活力，那么大家能否再給它的戴上一件 “頭飾”， 讓它看起來更漂亮些呢？ 任務二：給網(wǎng)頁“戴上頭飾”。 讓學生打開子網(wǎng)頁三峽風光，自主探究練習，嘗試發(fā)現(xiàn)新知，深入感 知綜合實踐，完成任務二。過程評價：展示各小組優(yōu)秀作品，并 請小組代表介紹探究心得。比如：FLASH動畫插入的方法、屬性設置、 以及各小組的新發(fā)現(xiàn)：動畫插入后，

8、并不能夠直接看到動畫的效果， 必須切換到預覽視圖才能夠看到。老師進行點評。（三）插入背景音樂 第三個新知識銜接： 剛才大家給網(wǎng)站“三 峽藝苑”添加動態(tài)效果、插入了FLASH動畫，已經(jīng)夠漂亮、擁有活力 了，但大家能否給它再加上悅耳的音樂， 讓我們的網(wǎng)頁“有聲有色” 呢？ 任務三：讓網(wǎng)頁“有聲有色”。 打開主頁，以小組為單位合作 學習，探索新方法，實踐操作，完成任務三，感受其“有聲有色”的 良好聽覺效果。過程評價：請優(yōu)秀作品的小組代表前臺展示。并由各小組介 紹任務體會和新方法。指導學生學習教材“友情提醒”部分的知識， 然后對插入背景音樂的前后效果進行對比。老師進行綜合點評。三、反饋練習，熟練掌握

9、三個知識點已學完，最后讓學生綜合 反饋練習，進行小組綜合才藝大比拼。 教師提出要求：熟練掌握對 素材的更精細設置， 對屬性對話框的具體設置及其功能運用， 完成教 學難點任務。 課堂作業(yè)： 由老師提供部分生活片斷或有關(guān)銅梁龍舞、 火龍表演、龍鄉(xiāng)放歌等圖、文、聲、動畫等素材，結(jié)合P29思考與 練習，為“我愛家鄉(xiāng)”主題網(wǎng)站或“學生個人網(wǎng)站”添加動態(tài)效果、 動畫以及背景音樂等。 教師對各小組進行個別輔導，并對各小組學 生練習情況進行綜合評價，展示其優(yōu)秀的網(wǎng)頁作品，鼓勵同學在課外 制作更精美的網(wǎng)頁作品。四、歸納總結(jié)，靈活運用 本節(jié)課主要學習了網(wǎng)頁動態(tài)效果的設 置，通過插入菜單、設置“網(wǎng)頁屬性”等操作，讓網(wǎng)頁活力十足，增 加了觀賞性。還給網(wǎng)頁添加背景音樂，使網(wǎng)頁“有聲有色”。同學們 在制作網(wǎng)頁過程中要注意積累方法，通過裝扮、修飾、美化網(wǎng)頁，讓 學生從視覺聽覺上感受美的愉悅，提高了學生的