網(wǎng)頁(yè)制作案例

1、我的個(gè)人主頁(yè) 網(wǎng)頁(yè)制作案例【教學(xué)背景】本節(jié)課是八年級(jí)上冊(cè)教材第一單元“我的風(fēng)采”網(wǎng)頁(yè)制作活動(dòng)2的內(nèi)容，首先在170班上的，這個(gè)班是八年級(jí)當(dāng)中基礎(chǔ)較差的一個(gè)班，學(xué)生自主學(xué)習(xí)能力差，協(xié)作精神不強(qiáng)，老想上網(wǎng)而不喜書本內(nèi)容的學(xué)習(xí)，想借本節(jié)課自主制作個(gè)人網(wǎng)站來加強(qiáng)對(duì)學(xué)生正確上網(wǎng)的教育。素材中的自我介紹、自畫像、自我形象設(shè)計(jì)、興趣愛好的圖片、音樂、視頻學(xué)生充分利用網(wǎng)絡(luò)資源，發(fā)揮自己的上網(wǎng)能力，作了一些前期準(zhǔn)備?！景咐O(shè)想】本節(jié)課的主題：讓學(xué)生認(rèn)識(shí)并利用FrontPage軟件制作簡(jiǎn)單的網(wǎng)頁(yè)，學(xué)會(huì)建立站點(diǎn)和設(shè)計(jì)有一定主題思想的主頁(yè)，本課是用該軟件創(chuàng)建個(gè)人網(wǎng)站，也就是用所掌握的信息技術(shù)知識(shí)解決生活中的實(shí)際問題，

2、使學(xué)生能夠?qū)W以致用。發(fā)揮信息技術(shù)學(xué)科的優(yōu)勢(shì)，以素質(zhì)教育的新理念，增強(qiáng)學(xué)生的動(dòng)手能力，提高學(xué)生的綜合素質(zhì)。1.知識(shí)目標(biāo)：（1）了解網(wǎng)頁(yè)的概念；（2）初識(shí)FrontPage2003并學(xué)會(huì)簡(jiǎn)單地應(yīng)用；（3）了解建立網(wǎng)站的一般方法；（4）學(xué)習(xí)制作包含文字、圖片和聲音的網(wǎng)頁(yè)。2.技能目標(biāo)：學(xué)生通過探究學(xué)習(xí)過程中，掌握網(wǎng)站的建立方法與創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè)的操作。3.情感目標(biāo)：培養(yǎng)學(xué)生在學(xué)習(xí)過程，自主探究能力和分類匯總知識(shí)的能力。培養(yǎng)學(xué)生自我欣賞和自我展示的欲望，以增強(qiáng)學(xué)生不斷進(jìn)步、自我完善的向往。教學(xué)重點(diǎn)與難點(diǎn)：（1）重點(diǎn)：建立網(wǎng)站與在網(wǎng)頁(yè)中插入文字、圖片、設(shè)置背景和背景音樂。（2）難點(diǎn)：將網(wǎng)頁(yè)存在網(wǎng)站內(nèi)并把涉及

3、到的文件分類匯總在相應(yīng)的站點(diǎn)文件夾中。教學(xué)策略設(shè)計(jì)：1、根據(jù)教材內(nèi)容和學(xué)生的實(shí)際情況，本課采用“任務(wù)驅(qū)動(dòng)”、“問題探究”等教學(xué)方法，創(chuàng)設(shè)一個(gè)板報(bào)展覽的情境（創(chuàng)設(shè)情境），以逐個(gè)任務(wù)和問題驅(qū)動(dòng)學(xué)生多動(dòng)手、多思考、多實(shí)踐，從而了解和掌握FrontPage的基本知識(shí)和技能。并以英語(yǔ)的鼓勵(lì)語(yǔ)言和信息技術(shù)專業(yè)術(shù)語(yǔ)增強(qiáng)學(xué)生的學(xué)習(xí)興趣。2、本課傳授給學(xué)生的學(xué)法是“問題驅(qū)動(dòng)下的自主學(xué)習(xí)分組協(xié)作學(xué)習(xí)探究發(fā)現(xiàn)學(xué)習(xí)”。讓學(xué)生在創(chuàng)建個(gè)人主頁(yè)網(wǎng)站的過程中，既鼓勵(lì)個(gè)性張揚(yáng)，又提倡某些問題的分組協(xié)作與自主探究，指導(dǎo)學(xué)生對(duì)圖片及文字的來源進(jìn)行探究發(fā)現(xiàn)（從網(wǎng)絡(luò)中搜集）。建構(gòu)主義學(xué)習(xí)理論強(qiáng)調(diào)以學(xué)生為中心，要求學(xué)生由知識(shí)的灌輸對(duì)象轉(zhuǎn)

4、變?yōu)樾畔⒓庸さ闹黧w。故此本課教學(xué)過程中，以問題驅(qū)動(dòng)，激發(fā)求知欲望，讓學(xué)生帶著逐個(gè)任務(wù)通過探究發(fā)現(xiàn)、相互合作、實(shí)際操作等方式，自主學(xué)習(xí)，使學(xué)生在完成任務(wù)的過程中不知不覺實(shí)現(xiàn)知識(shí)的傳遞、遷移和融合。3、是在網(wǎng)絡(luò)教室中完成的，利用多媒體局域網(wǎng)絡(luò)，實(shí)現(xiàn)教師演示、個(gè)別指導(dǎo)、網(wǎng)上交流、作品提交及作品展示評(píng)比。在出現(xiàn)共性問題與個(gè)別錯(cuò)誤時(shí)教師可以利用網(wǎng)絡(luò)教室軟件演示和個(gè)別指導(dǎo)，在創(chuàng)作作品的同時(shí)，生生可以進(jìn)行網(wǎng)上交流。體現(xiàn)教師的指導(dǎo)、組織作用，學(xué)生主體、探究協(xié)作地位。教學(xué)評(píng)價(jià)設(shè)計(jì)：1.采用小組間競(jìng)爭(zhēng)機(jī)制，比賽哪個(gè)小組解決問題或是完成任務(wù)的速度快與質(zhì)量高，增強(qiáng)學(xué)生協(xié)作互助的意識(shí)。2.最后進(jìn)行作品展示，評(píng)出“速度”

5、獎(jiǎng)，“質(zhì)量”獎(jiǎng)，“原創(chuàng)風(fēng)味”獎(jiǎng)等幾個(gè)獎(jiǎng)項(xiàng)，進(jìn)一步激發(fā)學(xué)生的學(xué)習(xí)熱情。對(duì)自己的作品有一個(gè)反思，增加相互學(xué)習(xí)、相互交流的機(jī)會(huì)，讓學(xué)生學(xué)會(huì)自己梳理知識(shí)，增強(qiáng)自學(xué)能力，提高學(xué)生的綜合能力?！窘虒W(xué)情境描述】一、情景導(dǎo)入像往常一樣，經(jīng)過精心的準(zhǔn)備，我走進(jìn)教室：“同學(xué)們，先前我們學(xué)習(xí)了使用搜索引擎查找我們所需要的資料，這些資料是以網(wǎng)頁(yè)形式存在于網(wǎng)絡(luò)中，大家想不想擁有自己創(chuàng)建的網(wǎng)頁(yè)？”（激發(fā)學(xué)生的求知欲）（學(xué)生回答：想）從這節(jié)課開始我們就學(xué)習(xí)制作網(wǎng)頁(yè)，到底什么是網(wǎng)頁(yè)呢？二、問題驅(qū)動(dòng)任務(wù)一：大家打開D：八年級(jí)上冊(cè)光盤資料上的自學(xué)園地，通過閱讀和瀏覽了解網(wǎng)頁(yè)概念，網(wǎng)頁(yè)與網(wǎng)站的關(guān)系？看哪個(gè)小組能最先解答該問題？學(xué)生

6、閱讀課本（3分鐘）分小組討論自己的理解小結(jié)：1.網(wǎng)頁(yè)使用文字、圖形、聲音影視等多媒體的形式表達(dá)信息，使表達(dá)的信息更加鮮活；2.問網(wǎng)站時(shí)看到的第一個(gè)頁(yè)面（網(wǎng)頁(yè)）就稱作網(wǎng)站的首頁(yè)或主頁(yè)；3.網(wǎng)頁(yè)如同大家一樣都必須有一個(gè)“家”，這個(gè)家就是網(wǎng)站；4.存在網(wǎng)站中的網(wǎng)頁(yè)之間采用了鏈接式的方法將網(wǎng)頁(yè)串接起來。任務(wù)二：在我們了解網(wǎng)頁(yè)與網(wǎng)站后，會(huì)有疑問：使用什么軟件制作網(wǎng)頁(yè)呢？帶著這個(gè)問題閱讀課本P10P11，同時(shí)跟隨課本啟動(dòng)這個(gè)軟件?？茨膫€(gè)小組成員最先完成？學(xué)生閱讀并實(shí)踐小結(jié)：大家會(huì)有疑問為什么選擇它，還有別的軟件嗎？有，如Dream weaver、網(wǎng)頁(yè)制作軟件等，課本中使用了FrontPage這個(gè)軟件簡(jiǎn)單易

7、學(xué)，并且窗口與我們使用操作系統(tǒng)windows都是基本一致的。 任務(wù)三：我們知道了網(wǎng)頁(yè)的制作軟件，我們將做一個(gè)什么樣的網(wǎng)站呢？這就需要我們確定一個(gè)網(wǎng)站的主題，并以此主題準(zhǔn)備網(wǎng)頁(yè)的素材。我們以課本P1“我的風(fēng)采”為主題創(chuàng)建網(wǎng)站，結(jié)合課本P2P13在D盤下創(chuàng)建自己的站點(diǎn)，站點(diǎn)名可以自己取，建議大家盡量使用英文或數(shù)字做為站點(diǎn)名。小組比賽。學(xué)生小組討論并實(shí)踐注:（提示）站點(diǎn)默認(rèn)是在my documents下，在此也可以輸入自己要想建文件夾名稱，也可以輸入已經(jīng)存在的文件夾名稱，系統(tǒng)可以把它轉(zhuǎn)換為站點(diǎn)。可以將易錯(cuò)點(diǎn)進(jìn)行廣播教學(xué)糾正學(xué)生的錯(cuò)誤任務(wù)四：我們通過打開一個(gè)網(wǎng)站，網(wǎng)站中的第一個(gè)網(wǎng)頁(yè)清晰明了地對(duì)網(wǎng)站內(nèi)容

8、進(jìn)行分類和歸納，這樣的網(wǎng)頁(yè)通常人們稱之為“主頁(yè)”，那么我們也開始創(chuàng)建自己簡(jiǎn)單的“我的風(fēng)采”主頁(yè)。結(jié)合課本P8P23完成操作。鼓勵(lì)他們自由創(chuàng)作有一定主題思想的網(wǎng)頁(yè)?？茨奈煌瑢W(xué)完成的速度最快，質(zhì)量最高，創(chuàng)作主題明確風(fēng)格優(yōu)美？學(xué)生到教師機(jī)上來“我的風(fēng)采”文字和“水平線”；教師演示插入圖片和設(shè)置背景和背景音樂；學(xué)生動(dòng)手實(shí)踐可以將易錯(cuò)點(diǎn)再進(jìn)行廣播教學(xué)糾正學(xué)生的錯(cuò)誤任務(wù)五：把“我的風(fēng)采”這個(gè)主頁(yè)保存在自己的網(wǎng)站中。結(jié)合課本P23完成操作。注:（提示）敲回車時(shí)兩行文字間距大，按住shift鍵再敲回車鍵就是正常行距了。廣播教學(xué)：我們建立網(wǎng)頁(yè)默認(rèn)名稱是new_page_1.htm，但是通常使用的主頁(yè)文件名是in

9、dex類型，是web頁(yè)。除了主頁(yè)以外，其他的網(wǎng)頁(yè)名稱大家可以自由命名（建議大家盡量使用英文或數(shù)字做為網(wǎng)頁(yè)名，上傳到網(wǎng)上后易于檢索到，地址不易出錯(cuò)。）保存時(shí)有兩個(gè)文件夾，_private文件夾用來存放制作網(wǎng)頁(yè)過程中自動(dòng)生成的一些文件，請(qǐng)大家不要隨意刪除，以免影響網(wǎng)頁(yè)的瀏覽效果；images文件夾用來存放網(wǎng)頁(yè)中用到的圖片文件，大家在今后的網(wǎng)頁(yè)中使用到的圖片全保存到這個(gè)文件夾中；剛才我們的主頁(yè)中還插入了聲音文件，所以我們還要在自己的站點(diǎn)中新建一個(gè)music的文件夾，并把在今后的網(wǎng)頁(yè)中使用到的聲音文件全保存到這個(gè)文件夾中，這樣有利于網(wǎng)頁(yè)文件的管理。主頁(yè)保存在建立站點(diǎn)的文件夾中，此文件夾有它獨(dú)有的圖標(biāo)。

10、教師演示在站點(diǎn)中新建文件夾music的操作和把主頁(yè)保存在網(wǎng)站中的操作。學(xué)生動(dòng)手實(shí)踐三、作品提交與展示讓學(xué)生自主展示作品，并讓其他同學(xué)做評(píng)價(jià)，評(píng)出其中的優(yōu)點(diǎn)和不足，然后老師再作出評(píng)價(jià)。讓學(xué)生在評(píng)價(jià)和被評(píng)價(jià)中得到進(jìn)步與提高。四、總結(jié)讓學(xué)生自己進(jìn)行總結(jié)【教學(xué)反思】1、本節(jié)課注意了學(xué)生的年齡特點(diǎn)和認(rèn)知特點(diǎn)：本班學(xué)生對(duì)網(wǎng)站的制作充滿了好奇，也急于表現(xiàn)自己，對(duì)于教師布置的任務(wù)能夠認(rèn)真對(duì)待。對(duì)于FrontPage的知識(shí)掌握的較好，但綜合運(yùn)用能力尚有欠缺；能夠上網(wǎng)搜集資料，但速度與技巧還有待提高。本節(jié)課給學(xué)生提出一個(gè)總的任務(wù)：創(chuàng)建只有一個(gè)網(wǎng)頁(yè)的個(gè)人主頁(yè)網(wǎng)站，此項(xiàng)任務(wù)的設(shè)置合理、藝術(shù)，對(duì)于學(xué)生各項(xiàng)能力的提高有很

11、大幫助，學(xué)生基本能完成任務(wù)。本班學(xué)生創(chuàng)作欲強(qiáng)，平時(shí)喜歡上網(wǎng)，我因材施教，在此本節(jié)課中，我提倡、鼓勵(lì)獨(dú)立完成作品，培養(yǎng)學(xué)生自我欣賞和自我展示的欲望，個(gè)人的簡(jiǎn)介、興趣愛好、特長(zhǎng)都可以在個(gè)人主頁(yè)中得以展示，以增強(qiáng)學(xué)生不斷進(jìn)步、自我完善的向往。本課是學(xué)生初次認(rèn)識(shí)FrontPage并能應(yīng)用它制作簡(jiǎn)單的網(wǎng)頁(yè)，培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)解決問題的能力，以及各方面素質(zhì)的一次綜合評(píng)價(jià)。2、本節(jié)課注意了調(diào)動(dòng)學(xué)生的能動(dòng)性和協(xié)作精神本次教學(xué)主要采用了“任務(wù)驅(qū)動(dòng)，強(qiáng)化實(shí)踐”教學(xué)模式，通過創(chuàng)設(shè)情景、任務(wù)分解、提出任務(wù)、探索方法、上機(jī)實(shí)踐主要環(huán)節(jié)來組織教學(xué)，有利于提高學(xué)生收集、處理和應(yīng)用信息以及利用計(jì)算機(jī)進(jìn)行自主學(xué)習(xí)、探索的能力的提高。在知識(shí)傳授的過程中主要是通過學(xué)生來講解，讓不同層次的學(xué)生都能享受成功的喜悅，從而得到發(fā)展提高。學(xué)生作品展示是學(xué)習(xí)的一個(gè)重要環(huán)節(jié)，學(xué)生創(chuàng)作作品的過程，有那些收獲，遇到那些困難，