讓網(wǎng)頁動起來教案.doc

讓網(wǎng)頁動起來教學設計新課程設計思路隨著社會信息化的發(fā)展，信息技術教育已經(jīng)超越了單純計算機技術訓練的階段，成為與社會需求相適應的信息素養(yǎng)培養(yǎng)的教育。因此，高中信息技術課程內(nèi)容的設計應堅持如下三點：第一、有利于學生個性發(fā)展的課程結構形式；第二、切實針對學生身心發(fā)展特點的課程內(nèi)容；第三、信息技術應用能力與人文素養(yǎng)培養(yǎng)相融合的課程目標。新課程培養(yǎng)目標新課程培養(yǎng)目標有三方面：一、知識與技能，二過程與方法，三、情感態(tài)度與價值觀三個層面目標相互滲透、有機聯(lián)系共同構成高中學生信息技術課程的培養(yǎng)目標，在具體的教學活動中，要引導學生在學習和使用信息技術，參與信息活動的過程中，實現(xiàn)知識與技能、過程與方法、情感態(tài)度與價值觀等不同層面信息素養(yǎng)的綜合提升和協(xié)調發(fā)展，不能人為地割裂三者之間的關系或通過簡單活動孤立實施。新課程對于使用網(wǎng)頁形式表達信息的要求開展個人主頁設計與制作競賽。要求同學從描述制作個人主頁的基本目的開始，上網(wǎng)瀏覽相關網(wǎng)頁，觀察網(wǎng)頁的基本構成和信息的分類與組織，歸納網(wǎng)頁設計的一般規(guī)律，完成設計。利用從各種渠道（合理合法地）收集的與設計需要相符合的素材，使用自己熟悉的網(wǎng)頁制作軟件，制作有特色的個人主頁。最后，條件允許的話，將個人主頁在因特網(wǎng)或校園網(wǎng)上發(fā)布。一、學習背景學生在前幾節(jié)課中，確定了個人網(wǎng)站的主題，已經(jīng)做好歡迎頁，網(wǎng)站主要欄目已基本確定，超鏈接基本正確。但在做網(wǎng)站過程中，一開始信心十足，接著埋頭苦干，冥思苦想，結果卻是效率低下，遠未達到預期效果，原因有多面，如：對相關主題的素材了解不夠全面、透徹，對材料分類與組織的能力不夠，處理信息的手段單調，在網(wǎng)絡上找相關材料的經(jīng)驗缺少，美術修養(yǎng)、審美觀不高，網(wǎng)站策劃不具體，上機操作時間偏少，機器時常出故障等等。二、教學目標1、掌握插入字幕、計數(shù)器、懸停按鈕、橫幅廣告管理器、動畫等的方法。2、了解動態(tài)HTML效果，網(wǎng)頁過渡效果，javascript，asp統(tǒng)計計數(shù)程序的使用。3、使學生增強相互協(xié)作和探究性學習的能力。4、提高學生的審美能力，評價網(wǎng)頁能力。5、使學生了解動態(tài)網(wǎng)頁制作的一般方法和途徑。三、課前準備熟悉專題資料學習其他網(wǎng)站的優(yōu)點用swish制作好廣告語網(wǎng)站制作設計草圖教師制作好樣品教師準備好文本及圖片素材四、教學過程1、創(chuàng)設情境圣誕節(jié)來臨，讓學生收取電子郵件，信中教師給每位學生發(fā)了一張圣誕動畫賀卡，要求學生通過電子郵件也給老師，同學，朋友等發(fā)送圣誕和新年賀卡（最好是自己親手制作的）。（設計思路：讓學生把課堂中學習到的信息技術靈活地應用在生活、學習中）2、新課引入剛才我們在郵件中收到了很好看的flash動畫，我們在自己的個人網(wǎng)站中適當位置也可以插入精彩的flash動畫和其他動態(tài)的元素，使自己的網(wǎng)頁的動感十足。然后教師展示樣品，引入動態(tài)網(wǎng)頁的需求，要求本節(jié)課為自己的網(wǎng)站添加動態(tài)效果。3、教師講解（1）在頂部區(qū)域top.htm中插入一個自己制作的flash動畫（網(wǎng)站的宣傳用語）。（2）在main.htm上面第一行插入字幕，（如新浪網(wǎng)新聞中心的滾動新聞一樣）（3）在欄目下面一行插入計數(shù)器（4）把欄目名稱改為懸停按鈕（5）在main.htm頁中插入橫幅廣告管理器4、學生操作要求相互協(xié)作，互幫互助，師傅帶徙弟。發(fā)現(xiàn)問題并思考：插入的flash動畫怎樣改變它的顯示位置大小？滾動字幕怎樣設置字的大小，顏色，背景色？計數(shù)器的初始值要從0開始計數(shù)嗎？懸停按鈕中怎樣改變超鏈接的目標框架？橫幅廣告管理器的圖片大小不一樣，怎么辦？教師記錄學生操作時的典型問題5、解決問題學生示范，更改目標框架教師操作， 改變插件的大小6、新問題（1）對某一版塊名稱設置動態(tài)HTML效果（2）對某一網(wǎng)頁設置網(wǎng)頁過渡效果（3）插入javascript小程序插入計數(shù)器程序，根據(jù)時間顯示問候語，文字跟隨鼠標移動7、學生操作進行分層次操作，第3小題屬于較高要求，只須一部分人掌握，其他人只須了解而已。8、展示成果，討論評價分專題展示成果，先自我評價，相互評價，教師指點，注意人文素養(yǎng)，情感態(tài)度，價值觀的體現(xiàn)。9、小結本節(jié)課在已有網(wǎng)頁上增加了許多動態(tài)的元素，使網(wǎng)頁變得動感十足，其實還有很多使網(wǎng)頁動態(tài)變化