五年級信息技術《美化網(wǎng)頁》教學實錄

1、五年級信息技術美化網(wǎng)頁教學實錄五年級信息技術美化網(wǎng)頁教學實錄（） 導入師：同學們，前面我們已經(jīng)學習了如何“建立網(wǎng)頁”，今天，老師借助網(wǎng)頁的形式介紹 下老師的愛好，大家請看，這是第1個網(wǎng)頁，這是第2個，你們更喜歡哪個網(wǎng)頁呀？生：師：嗯，這個，是的，這個網(wǎng)頁有了圖片的美化與修飾，使整個頁面更生動，而且更吸 引我們的眼球，那么美化網(wǎng)頁該怎么做呢？今天我們走進第8課美化網(wǎng)頁的學習。師：請同學們齊讀課題第8課開始。生：齊讀課題。（板書課題）過渡：那么，要學會哪些本領，才能美化網(wǎng)頁呢？請同學們快速瀏覽。（展示“學習要 領”）（二）新授1、回顧過渡：好，讓我們看看如何在網(wǎng)頁中插入圖片（板書：插入圖片），那么

2、，我們還得先 利用Frontpage這個軟件，建立或者翻開已經(jīng)建立好的網(wǎng)站，如何翻開已經(jīng)建立好的網(wǎng) 站呢？師：老師這兒，給大家一些溫馨提示，請看。（展示“回顧”）師：老師，已經(jīng)在同學們的桌面上建立好了一個名為“班級姓名美化網(wǎng)頁”的網(wǎng)站，而 且里邊有兩個網(wǎng)頁：“wodeaihao. htm、aizhuochongdewo.htm” 和一些圖片。師：誰愿意幫老師利用FrontPage軟件翻開這個網(wǎng)站?畫葉片 M 畫風車轉換成元件設置旋轉動作生：師：非常感謝你的幫助。2、插入圖片過渡：接下來，請同學們修改你們自己桌面上的網(wǎng)站名稱，把“班級+姓名”替換了， 在翻開網(wǎng)站之后，以同桌為一小組，學習4445

3、頁，給“wodeaihao.htm”網(wǎng)頁插入合 理的圖片（活動一）。生：師：巡視，收集問題?！就瑢W們，在網(wǎng)頁中插入圖片，和上學期學過的在ppt中插入圖片是不是很類似呀？邊 做邊保存網(wǎng)頁，有個*號？ ？按F12瀏覽網(wǎng)頁】過渡：好，同學們請停下來，不要緊，沒做完的待會還有機會再操作。師：誰愿意和我們提供下你的操作方法？生：師：直接就單擊“插入”嗎？把圖片添加到網(wǎng)頁哪個位置，要不要先確定？生：師：然后呢？老師把你說的步驟展示出來。（特別提醒：定位光標）1.和2.以上翻開網(wǎng)站和添加圖片 （插入站點外圖片【備選】放綜合拓展）3、設置圖片屬性過渡：好了，同學們，你們看這圖片和文字的位置能不能更合理些，網(wǎng)頁

4、更美觀些呢？生：師：那么我們就要對圖片的屬性進行設置（板書：設置圖片屬性），現(xiàn)在，請同學們認 真看老師的演示哦！師：（演示+講解）“雙擊圖片”一一“圖片屬性”一一“外觀”師：誰看清了老師的操作過程，和我們說一說。生：（邊說邊出示“設置圖片屬性”步驟）師：好，請坐。師：接下來，考一考大家（活動二），請按照自己喜歡的排版方式，對圖片的屬性進行 設置。開始吧?。ㄍ抡故尽霸O置圖片屬性”步驟頁面）師：巡視?！驹O置好的同學，可以參照書本4647頁的第點和第點，試試，你發(fā)現(xiàn)了什么？】 （活動三）3.1展示學生作品師：都停下來，請往上看，我們看看這位同學的作品。（控制學生機）師：（生生評價和師生評價）整個頁

5、面圖片布局合理，文字與文字的距離恰好，看上去很舒服。咱們再看這位同學，整體還行，但是如果能就更好了。3.以上設置圖片屬性（拓展：設置圖片屬性的“常規(guī)”選項，即活動三。）4、編輯圖片過渡：同學們，咱們已經(jīng)學會了添加圖片，設置圖片屬性，那如果老師只要張圖片這一 區(qū)域，我們應該怎么辦呢？師：對了，對圖片進行編輯（板書：編輯圖片）。師：（邊演示+講解）比方，對這張圖片進行裁剪，首先“選中圖片”一一單擊鼠標右鍵 “顯示圖片工具欄”一一“裁剪”一一調(diào)整裁剪范圍，除了裁剪，還有很多對圖片 進行編輯的功能。師：現(xiàn)在，請同學們按照老師給出的提示（課件展示“編輯插入的圖片”），自己試一 試。.以上編輯圖片5、設置

6、網(wǎng)頁背景過渡：同學們，請看大屏幕，編輯圖片還有很多值得我們探索，課后同學們再繼續(xù)，大 家再看老師的這張網(wǎng)頁，除了圖片，還有什么特別之處呢？生：師：是啊，還有背景呢！師：那請同學們參考47頁，按照書本介紹的方法，為自己的網(wǎng)頁添加個背景吧。 ppt展示設置背景步驟。（板書：設置背景）師：設置完背景的同學，嘗試以上兩個操作。（展示“創(chuàng)新活動”）.以上設置網(wǎng)頁背景（三） 總結師：這節(jié)課，大家都學會了哪些美化網(wǎng)頁的本領呀？生：貼板書步驟。師：美化網(wǎng)頁除了添加圖片，還有很多很多其他的方式，下節(jié)課我們再繼續(xù)探索。冀教版小學信息技術五年級轉動的風車教學設計本課是冀教版小學信息技術五年級第五課，主要內(nèi)容為認識補

7、問 動畫在Flash中的作用。通過教師演示和學生練習，培養(yǎng)學生的探究 精神和合作學習意識，增加學生的好奇心和求知欲。本課可安排兩課 時進行教學。本課活動是制作轉動的風車，其中又可分為三個小活動。1、制 作風車；2、讓風車轉動；3、為風車繪制手柄。在這些活動中涉及到 了如何使影片播放更加流暢以及如何設置舞臺背景色，教材中的“試 一試”為學生提供了操作方法。最后，讓學生交流“用動作補間的旋轉效果，還可以制作哪些動畫”, 可調(diào)動學生的想象力，培養(yǎng)學生舉一反三的能力。二、教學目標分析1、通過制作風車，能了解運用Flash中動作補間的另外一種形 式：旋轉運動。2、認識圖層在Flash中的作用。3、培養(yǎng)學

8、生創(chuàng)新精神和小組合作學習的意識。三、學習者特征分析五年級學生有強烈的好奇心、求知欲、參與意識及動手能力，在 此之前，學生對Flash的制作已有了初步的了解，已經(jīng)基本掌握逐幀 動畫和制作動作補間動畫的操作方法，從中已體會到了 Flash的無窮 樂趣。Ui本課主要認識補間動畫在Flash中的作用。通過教師演示和學生 練習，關鍵是運用Flash中動作補間制作旋轉效果；理解旋轉速度與 旋轉次數(shù)的關系。五、教學資源與工具設計本節(jié)信息技術課在微機室進行教學，學生利用電腦和flash軟件進行操作練習，教師在 網(wǎng)上下載相關的一些視頻資料和相應的播放工具。六、教學過程（一）情境導入 激發(fā)興趣師：今天教師給大家?guī)?/p>

9、來一個你們特別愛看的動畫一一播放大風 車欄目主題曲轉動的風車動畫范例。師：大風車欄目富有朝氣，充滿了七彩陽光，就像風車一樣具有 生機和活力。那你們喜歡這些風車嗎？想不想利用flash學做轉動的 風車？師：好！這節(jié)課老師和同學們一起來用Flash軟件做一個轉動風 車。板書課題：轉動的風車（二）新授A.繪制風車1、學生觀察屏幕上的風車，找同學說一說風車的轉動局部是由哪些圖形組成。2、教師演示繪制風車的第一個葉片。先把圖層1的名字改成“風車1”（選輸入法，雙擊圖層1,輸入 后回車）。運用橢圓工具繪制一個風車葉片，畫好后進行組合，演示 后學生做。4、提問：風車的其它三個葉片應該怎樣得到呢？粘貼5、老師

10、演示完成風車中心局部，演示后學生做。（在空白處畫好 后進行組合，再移到中心位置）B.讓風車轉動1、由于我們要制作一個旋轉的補間動畫，所以我們要把畫好的 風車轉化成圖形元件。（同學看書試著做，選中風車，轉換為圖形元 件，命名為“風車”）教師巡視，幫助操作。2、風車轉動屬于動作漸變動畫中的旋轉動畫，我們先來設置動 作漸變動畫。設置動作漸變動畫必須有首關鍵幀和尾關鍵幀，我們把 第1幀設為首關鍵幀，在首關鍵幀，拖動風車元件到舞臺合適位置， 我們把30幀設為尾關鍵幀，在30幀，單擊右鍵，選擇插入關鍵幀， 注意，現(xiàn)在首尾關鍵幀都設好了，不要隨便移動首尾關鍵幀的位置了。 下面我們來設置補間動畫。在首尾關鍵幀

11、之間的任意一幀上，單擊鼠 標右鍵，選擇“創(chuàng)立補間動畫”?，F(xiàn)在時間軸中兩個關鍵幀之間有一 條帶箭頭的直線相連，并且?guī)谋尘帮@示為淡紫色，就說明我們的動 作漸變設置成功了?，F(xiàn)在看看我們的風車轉起來了嗎？（沒有）風車 轉動屬于動作漸變中的旋轉動畫，我們必須進行旋轉選項的設置，風 車才可以轉起來。注意：在“屬性”面板的“旋轉”選項一欄選擇“順時針”或“逆 時針”選項，再來看，我們的風車轉起來了沒有？生：操作。3、下面請同學們相互說一說，你是怎樣讓風車轉起來的。4、找同學說，請同學們認真聽，如果他說的不完整給以補充。（多找?guī)酌瑢W說，使之能獨立完成。）5、老師總結：制作轉動的風車時，要先畫出圖形并轉換成圖形 元件，然后再在時間軸的某一幀，如30幀，處插入關鍵幀以確定旋 轉的時間長短。最后在屬性面板的“補間”中選擇“移動”，并設置 旋轉的“方向”就可以了。（三）學生作品展示及評價從學生上傳的作品中選出五幅