初中信息技術(shù)網(wǎng)頁(yè)設計教案
作為一位優(yōu)秀的人民教師，通常需要準備好一份教案，借助教案可以提高教學(xué)質(zhì)量，收到預期的教學(xué)效果。那么優(yōu)秀的教案是什么樣的呢？下面是小編為大家收集的初中信息技術(shù)網(wǎng)頁(yè)設計教案，歡迎閱讀，希望大家能夠喜歡。
一、課題
本課是《美化網(wǎng)頁(yè)》課時(shí)的內容。學(xué)生已經(jīng)學(xué)習了制作簡(jiǎn)單網(wǎng)頁(yè)的基本方法，這部分的主要內容是，網(wǎng)頁(yè)中共享邊框、導航欄的設置和主題的應用。如果采用傳統的教學(xué)模式（即教師示范──學(xué)生模仿操作）也能完成教學(xué)任務(wù)，但對學(xué)生而言，他們只學(xué)會(huì )了計算機的操作，而對信息素養并沒(méi)有得到提高。因此，本著(zhù)學(xué)生自主探究學(xué)習意示、創(chuàng )新能力的培養，以綜合提高學(xué)生的信息素養為目的，筆者在教學(xué)時(shí)將本課中原來(lái)讓“做中學(xué)”的方式改為了自主探究的學(xué)習方式，將課堂交給學(xué)生，讓學(xué)生自主探究學(xué)習，教師在課堂中主要起到引導作用。
二、教學(xué)目標分析
1．認知目標：學(xué)會(huì )簡(jiǎn)單的對網(wǎng)頁(yè)進(jìn)行美化的方法。
2．技能目標：
�。�1）掌握美化網(wǎng)頁(yè)的幾種操作方法；
�。�2）能夠應用主題，來(lái)改變網(wǎng)頁(yè)的整體布局；
�。�3）能夠靈活地對幾種操作方法進(jìn)行綜合運用。
3．情感目標：
�。�1）通過(guò)師生協(xié)作和學(xué)生互相配合，培養學(xué)生合作團結的精神；
�。�2）培養學(xué)生熱愛(ài)美的情感，激發(fā)學(xué)生表現美的欲望，使學(xué)生的審美能力得到提高。
三、學(xué)習者特征分析
從學(xué)生的認知特點(diǎn)來(lái)看，他們愛(ài)問(wèn)好動(dòng)、求知欲強、想象力豐富，對實(shí)際操作活動(dòng)有著(zhù)濃厚的興趣，對直觀(guān)事物感知較強，正處在形象思維向抽象思維逐步過(guò)渡的階段。因此，在學(xué)習過(guò)程中，應鼓勵學(xué)生自己觀(guān)察，親自動(dòng)手操作，進(jìn)行學(xué)生討論和交流，師生共同歸納總結，體驗學(xué)習。
在講此內容之前，學(xué)生已經(jīng)學(xué)過(guò)如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，并且已對網(wǎng)頁(yè)進(jìn)行簡(jiǎn)單的修飾,這為學(xué)生進(jìn)一步對美化網(wǎng)頁(yè)作好了充分準備。
基于以上學(xué)生情況的分析，筆者對教學(xué)過(guò)程大膽采用讓學(xué)生為主體，教師為主導為教學(xué)思路進(jìn)行設計。
四、教學(xué)策略選擇與設計
在講此內容之前，學(xué)生已經(jīng)學(xué)過(guò)如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，并且已對網(wǎng)頁(yè)進(jìn)行簡(jiǎn)單的修飾,這為學(xué)生進(jìn)一步對美化網(wǎng)頁(yè)作好了充分準備。
基于以上學(xué)生情況的分析，筆者對教學(xué)過(guò)程大膽采用讓學(xué)生為主體，教師為主導為教學(xué)思路進(jìn)行設計。
五、教學(xué)資源與工具設計
本課中筆者利用多媒體網(wǎng)絡(luò )教室系統展示學(xué)生制作的各式各樣的網(wǎng)頁(yè)，同時(shí)也用簡(jiǎn)單的幻燈片制作一些簡(jiǎn)單的頁(yè)面，以此來(lái)出示本課的教學(xué)目標以及學(xué)習任務(wù)，以便學(xué)生有目標的去學(xué)習和練習。
六、教學(xué)過(guò)程
�。ㄒ唬┙M織教學(xué)
�。ǘ⿲W(xué)生討論──導出教學(xué)目標
師：（利用科教20xx多媒體網(wǎng)絡(luò )教室系統選擇幾個(gè)觀(guān)看）請同學(xué)們將你們所制作的網(wǎng)頁(yè)打開(kāi)，說(shuō)說(shuō)誰(shuí)的網(wǎng)頁(yè)最漂亮。漂亮在什么地方？
�。▽W(xué)生討論）有的說(shuō)某個(gè)同學(xué)網(wǎng)頁(yè)中的文字好看，也有的說(shuō)某個(gè)同學(xué)的網(wǎng)頁(yè)中的圖片漂亮，還有的說(shuō)某個(gè)同學(xué)的網(wǎng)頁(yè)底色好看等等。
師：剛才同學(xué)們都說(shuō)出某個(gè)網(wǎng)頁(yè)的某一點(diǎn)好看，沒(méi)有完全是自己認為最漂亮的一個(gè)，那么，今天，就讓我們用計算機做出一個(gè)自己認為最漂亮一個(gè)網(wǎng)頁(yè)好嗎？
生：好！
師：利用多媒體電子教室分別展示已經(jīng)進(jìn)行美化了的《美麗家鄉1》和當前還沒(méi)有進(jìn)行美化的《美麗家鄉2》兩個(gè)網(wǎng)頁(yè)。誰(shuí)說(shuō)說(shuō)這兩個(gè)網(wǎng)頁(yè)哪一個(gè)更漂亮，它們的區別在哪兒？
生：“美麗家鄉2”更漂亮。
師：那么請同學(xué)們討論一下，要想讓網(wǎng)頁(yè)最漂亮到底要對網(wǎng)頁(yè)做那些修飾呢？（學(xué)生討論）有的說(shuō)要加鏈接欄，也有的說(shuō)要添加共享邊框，還有的說(shuō)要對網(wǎng)頁(yè)進(jìn)行底色的設置。
師：（小結）利用幻燈片出示本節課的教學(xué)目標：
�。�1）怎樣給網(wǎng)頁(yè)添加導航與共享邊框，來(lái)使網(wǎng)頁(yè)更美觀(guān)、更具有個(gè)性化；
�。�2）如何進(jìn)行主題的應用來(lái)改變網(wǎng)頁(yè)的整體布局。
�。ń馕觯和ㄟ^(guò)學(xué)生討論對老師所展示的學(xué)生網(wǎng)頁(yè)，進(jìn)而加深對網(wǎng)頁(yè)的認識，也明白本課的教學(xué)目標。由于采用討論這一形式也能更好地調動(dòng)全班學(xué)生的學(xué)習積極性，更容易激發(fā)學(xué)生的學(xué)習興趣。）
�。ㄈ┬抡n講授
教師利用多媒體電子教室演示
1、插入鏈接欄導航
教師演示：?jiǎn)螕簟安迦搿薄皩Ш健薄安迦隬eb組件”→“選擇相應設
置”→“下一步”→“選擇相應設置” →“完成”（讓學(xué)生知道插入鏈接欄導航的方法）
師：出示學(xué)習任務(wù)：（展示網(wǎng)頁(yè)）請同學(xué)們插入如教師所示的鏈接欄。
生：學(xué)生自主探究練習。（學(xué)生通過(guò)自主學(xué)習，能初步掌握導航欄的添加，并為后面的共享邊框的設置作準備）
師：教師巡視，了解學(xué)生操作的情況，進(jìn)行個(gè)別學(xué)生指導。對做的好的給予肯定和贊揚。
生：請個(gè)別學(xué)生示范操作。
教師提出問(wèn)題：請同學(xué)們對“導航欄”屬性通話(huà)框中的各個(gè)“選項”逐個(gè)進(jìn)行研究、總結、掌握。（培養學(xué)生的自學(xué)能力）
�。ń馕觯骸安迦腈溄訖趯Ш健笔潜竟澖虒W(xué)重難點(diǎn)，通過(guò)老師的演示講解，讓學(xué)生帶著(zhù)問(wèn)題去操作，進(jìn)行自主探究，最終解決實(shí)際問(wèn)題。這樣既完成了教學(xué)目標，也更好地提高了學(xué)生探究意識和創(chuàng )新能力。所以，讓學(xué)生帶著(zhù)任務(wù)直接去學(xué)習，這樣使學(xué)生自主學(xué)習得到的體現，也有利于教師對個(gè)別學(xué)生加以指導，充分體現了學(xué)生為主體，教師為主導的思想。）
2．共享邊框
教師提示：“共享邊框”是在網(wǎng)站的每個(gè)網(wǎng)頁(yè)中，在共同的框架位置上顯示相同的內容，我們可以通過(guò)“格式”菜單的“共享邊框”命令來(lái)為網(wǎng)頁(yè)進(jìn)行共享邊框的設置（讓學(xué)生知道設置共享邊框的概念及設置的基本方法）
師：出示學(xué)習任務(wù)：（展示網(wǎng)頁(yè)）請同學(xué)們設置如教師所示的共享邊框。
生：學(xué)生自主探究練習。（學(xué)生通過(guò)自主學(xué)習，能初步掌握共享邊框的設置）師：教師巡視，了解學(xué)生操作的情況，進(jìn)行個(gè)別學(xué)生指導。對做的好的給予肯定和贊揚。
生：請個(gè)別學(xué)生示范操作。
�。ń馕觯罕静糠纸虒W(xué)也應是本節教學(xué)重難點(diǎn)，教師并沒(méi)有完全示范操作，而是稍加提醒，讓學(xué)生帶著(zhù)問(wèn)題去操作，最終解決實(shí)際問(wèn)題。這樣既完成了教學(xué)目標，也更好地提高了學(xué)生探究意識。）
3．知識拓展──主題的應用
師：剛才都是我們手工對網(wǎng)頁(yè)進(jìn)行的美化，有沒(méi)有一種更快捷的辦法讓電腦自動(dòng)對網(wǎng)頁(yè)進(jìn)行美化呢？
生：（學(xué)生陷入深思之中）
師：請同學(xué)們仔細觀(guān)察一下“格式”菜單中還有什么命令？（教師適時(shí)的加以提醒）生：（此時(shí)多數都積極動(dòng)手操作實(shí)踐了）
師：那就請同學(xué)們各顯神通吧！看誰(shuí)做得又快又好！
生：（此時(shí)學(xué)生都積極參與操作，都想拿到第一名）
師：（教師巡視，注意觀(guān)察及個(gè)別指導）
師：（過(guò)一段時(shí)間，當發(fā)現有第一位學(xué)生運用“主題”做好時(shí)）好，我班王偉同學(xué)已經(jīng)做好了，就請他為我們示范講解一下吧。
師：（結合學(xué)生操作和講解情況加以總結）
�。ń馕觯豪弥R拓展形式來(lái)補充課堂知識，讓那些學(xué)有余力的學(xué)生表現得更出色，同時(shí)，也更加激勵全班學(xué)生向更高層次發(fā)展，提高學(xué)生對信息技術(shù)的興趣。也要充分注重學(xué)生的個(gè)體差異性。）
4．放開(kāi)手腳──充分展顯學(xué)生個(gè)性
師：剛才同學(xué)們都掌握了對網(wǎng)頁(yè)的基本美化方法了，現在老師這還有一個(gè)很粗糙的網(wǎng)頁(yè)想請同學(xué)們把它美化的更漂亮些，好嗎？
生：好！
師：那就請各位同學(xué)大顯身手吧，看看誰(shuí)的網(wǎng)頁(yè)最漂亮！
生：積極主動(dòng)地進(jìn)行練習
師：注意對個(gè)別學(xué)生進(jìn)行相關(guān)指導。
�。ń馕觯和ㄟ^(guò)讓學(xué)生幫老師解決問(wèn)題的形式，將問(wèn)題拋給學(xué)生，學(xué)生的積極性更高，同時(shí)也采用競賽的形式，比一比誰(shuí)的最漂亮，這就更好的提高了學(xué)生的興趣。更重要的是能夠讓學(xué)生充分展現個(gè)性，放開(kāi)學(xué)生的手腳，讓學(xué)生大膽發(fā)揮想象，尊重了學(xué)生的個(gè)性發(fā)展，大大提高了學(xué)生的自主創(chuàng )新能力。）
5．作品分析──填寫(xiě)報告
師：現在同學(xué)們都已經(jīng)美化好了網(wǎng)頁(yè)，請同學(xué)們填寫(xiě)網(wǎng)頁(yè)上的一份表格。
生：學(xué)生認真填寫(xiě)表格內容。
�。ń馕觯和ㄟ^(guò)分析自己的作品，讓學(xué)生在腦海里充分回憶所學(xué)過(guò)的知識點(diǎn)，加深對操作過(guò)程的印象，進(jìn)而培養學(xué)生良好的學(xué)習意識和學(xué)習習慣。）
作品分析表（略）
6．本課總結
師：（結合某個(gè)同學(xué)的作品進(jìn)行總結）這節課我們學(xué)習了對網(wǎng)頁(yè)的一些簡(jiǎn)單的美化，同學(xué)們表現得都很好，希望同學(xué)們能將此運用到今后的學(xué)習生活中去。
�。ń馕觯簩θn的總結，首先是進(jìn)一步理順了本節的教學(xué)重難點(diǎn)，也充分肯定了學(xué)生學(xué)習成果，為以后的學(xué)習奠定了堅實(shí)的基礎。）
七、教學(xué)評價(jià)設計
首先，在這節課的教學(xué)中，采用了任務(wù)驅動(dòng)的教學(xué)方法，注重學(xué)生的自主探究意示和創(chuàng )新能力的培養，這種教學(xué)方法既培養了學(xué)生自主學(xué)習的能力，也更好地提高了學(xué)生的創(chuàng )新能力，使學(xué)生成為真正的學(xué)習主體。通過(guò)學(xué)生自學(xué)、實(shí)踐、質(zhì)疑、探索的過(guò)程，自主完成指定任務(wù)來(lái)達到教學(xué)的目的。在教學(xué)過(guò)程中多啟發(fā)、少教授，充分發(fā)揮學(xué)生的自學(xué)能力、獨立分析問(wèn)題和解決問(wèn)題的能力、創(chuàng )新的能力。
其次，在教學(xué)評價(jià)上，也讓學(xué)生進(jìn)行了自評、互評，提高了學(xué)生自我評價(jià)的能力，同時(shí)也培養了學(xué)生良好的學(xué)習習慣。
最后，教師從原來(lái)的知識的傳授者轉變?yōu)榻虒W(xué)的組織者、管理者，教師的主導地位得以充分的體現。
八、幫助和總結
本課教學(xué)以“情景導入→知識建構→綜合應用→自主創(chuàng )新”為主線(xiàn)，提高了學(xué)生學(xué)習的主動(dòng)性。通過(guò)本節課的學(xué)習使學(xué)生們的創(chuàng )新能力增強了許多，制作出了好多漂亮的網(wǎng)頁(yè)。教師要營(yíng)造交互式的學(xué)習環(huán)境，給學(xué)生更大的主動(dòng)權，滿(mǎn)足學(xué)生個(gè)性化的學(xué)習需求。教師的引導與學(xué)生的思考融為一體，符合學(xué)生的認知規律，有助于學(xué)生全身心地參與到學(xué)習中去。要讓學(xué)生在課堂上真正“動(dòng)”起來(lái)，教師在課堂預設與生成的諸多環(huán)節都要精心設計，科學(xué)處理，以理性的思維去點(diǎn)燃學(xué)生求知的火焰。
【初中信息技術(shù)網(wǎng)頁(yè)設計教案】相關(guān)文章：
網(wǎng)頁(yè)設計心得12-09
初中《信息技術(shù)》教案11-04
網(wǎng)頁(yè)設計與制作報告09-28
網(wǎng)頁(yè)html設計心得10-09
網(wǎng)頁(yè)設計與制作報告09-23
網(wǎng)頁(yè)設計課程設計報告09-06
- 相關(guān)推薦