讓網(wǎng)頁(yè)動(dòng)起來(lái)教案.doc

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