《簡(jiǎn)單網(wǎng)頁制作》教學(xué)設(shè)計(jì)

1、簡(jiǎn)單網(wǎng)頁制作教學(xué)設(shè)計(jì)一、設(shè)計(jì)意圖：目前網(wǎng)絡(luò)對(duì)學(xué)生的吸引力很大， 學(xué)生上網(wǎng)都會(huì)瀏覽網(wǎng)頁內(nèi)容， 對(duì)網(wǎng)頁的制作也有很大的興趣， 想知道一個(gè)網(wǎng)頁是怎樣制作成功的。 但是網(wǎng)頁的制作相對(duì)復(fù)雜， 對(duì)于一些的代碼的編輯學(xué)生也較難理解， 因此本課選擇了 FrontPage 網(wǎng)頁制作工具，引導(dǎo)學(xué)生簡(jiǎn)單的了解網(wǎng)頁制作的過程，采用了所見即所得的形式避開代碼的繁瑣， 調(diào)動(dòng)學(xué)生自行設(shè)計(jì)的積極性，對(duì)網(wǎng)頁制作有一個(gè)簡(jiǎn)單的入門了解。二、教學(xué)目標(biāo)1、知識(shí)目標(biāo)（ 1）理解網(wǎng)頁制作的簡(jiǎn)單步驟。（ 2）學(xué)會(huì)用 FrontPage 的制作簡(jiǎn)單網(wǎng)頁。2、技能目標(biāo)（ 1）掌握的 FrontPage 的背景添加的操作。（ 2）掌握 Front

2、Page 的文字編輯、藝術(shù)字、圖片的插入的操作。（ 3）知道 HTML的簡(jiǎn)單編碼。3、情感目標(biāo)（ 1）培養(yǎng)學(xué)生的口頭表達(dá)能力、操作和分析概括能力。（ 2）培養(yǎng)學(xué)生展示自我、表現(xiàn)自我的能力。（ 3）培養(yǎng)學(xué)生獨(dú)立思考問題、 解決問題的能力和團(tuán)結(jié)協(xié)作精神。（ 4）在網(wǎng)頁制作的過程中，提高學(xué)生對(duì) FrontPage 的認(rèn)識(shí)。三、重難點(diǎn)、問題預(yù)測(cè)及對(duì)策11 、重難點(diǎn)（ 1）重點(diǎn)： FrontPage 的基本操作。（ 2）難點(diǎn)： HTML的理解。2、問題預(yù)測(cè)本節(jié)課是網(wǎng)頁制作的第一節(jié)內(nèi)容，需要學(xué)生掌握的技能并不困難。由于在學(xué)習(xí)網(wǎng)頁制作的過程中，需要培養(yǎng)學(xué)生的制作網(wǎng)頁的積極性，才能引發(fā)學(xué)生對(duì)網(wǎng)頁制作的興趣，實(shí)

3、現(xiàn)自主學(xué)習(xí)，自主開發(fā)。3、對(duì)策以制作班級(jí)自己的主頁引起學(xué)生注意， 引發(fā)學(xué)生的興趣。 讓學(xué)生運(yùn)用 FrontPage 的插入、背景修改等工具， 通過作品展示激發(fā)學(xué)生的動(dòng)力。在教學(xué)過程的設(shè)計(jì)上， 通過自主設(shè)計(jì)自己的個(gè)人主頁來達(dá)到解決一個(gè)個(gè)知識(shí)點(diǎn)的目的， 同時(shí)通過學(xué)生自己創(chuàng)作， 引導(dǎo)學(xué)生正確的審美情趣和創(chuàng)作激情。四、課前準(zhǔn)備精美網(wǎng)站、優(yōu)秀班級(jí)主頁、素材圖片等。五、教學(xué)流程1、情感導(dǎo)入：通過優(yōu)秀班級(jí)主頁欣賞，引發(fā)學(xué)生興趣，躍躍欲試。2、自主學(xué)習(xí)：引導(dǎo)學(xué)生做自己班級(jí)的主頁。3、示范教學(xué)：學(xué)生歸納總結(jié)，老師幫助、提醒，使學(xué)生掌握正確的操作步驟。24、擴(kuò)展思維：多種工具的綜合使用，發(fā)揮學(xué)生的創(chuàng)造能力，完善作

4、品。六、教學(xué)課時(shí)1 課時(shí)七、教學(xué)過程1、創(chuàng)設(shè)情景巧妙導(dǎo)入教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖師：如果我們想找資料、 想下載圖片，怎么辦？ 生：網(wǎng)上尋找以問題、案例引入課題，讓學(xué)生自然生：打開網(wǎng)頁而然地誘發(fā)學(xué)習(xí)、師：到網(wǎng)上去找資料的時(shí)候，第一步我們會(huì)怎生：騰訊、搜狐、創(chuàng)作的沖動(dòng)。么做 ?新浪等等師：同學(xué)們都喜歡瀏覽哪些網(wǎng)站??？因特網(wǎng)的一個(gè)國際性信息傳播網(wǎng)絡(luò)，它連接著全世界數(shù)以百萬計(jì)的單位，擁有豐富的文字、圖片、聲音等多媒體信息及強(qiáng)大的信息傳播功能。這些信息的載體就是網(wǎng)頁，它吸引我們眼球的不僅是豐富的內(nèi)容，還有網(wǎng)頁的規(guī)劃與設(shè)計(jì)，讓我們?cè)跒g覽信息的同時(shí)，得到的美的享受。今天，我們就一起來學(xué)習(xí)網(wǎng)頁的制作。3師：首

5、先，我們來欣賞一些精美的網(wǎng)站?，F(xiàn)在生：想！越來越多的單位、個(gè)人利用網(wǎng)站來宣傳自己，交流信息。列舉：劉翔、學(xué)校、大型網(wǎng)站欣賞師：同學(xué)們欣賞了剛才的網(wǎng)站，有沒有躍躍欲試的感覺啊，是不是想動(dòng)動(dòng)手啦？但是有的同學(xué)又犯難了，頭腦里面出現(xiàn)了一個(gè)問號(hào)，做網(wǎng)頁是不是很難?。拷酉聛砦覀?cè)賮硇蕾p一個(gè)網(wǎng)頁。優(yōu)秀班級(jí)網(wǎng)頁欣賞。小結(jié)反思：課題引入階段，為了提高學(xué)生的興趣，我通過幾個(gè)簡(jiǎn)單問題增加學(xué)生的信息，讓學(xué)生介紹自己喜歡的網(wǎng)站，誘發(fā)學(xué)生的學(xué)習(xí)動(dòng)力。介紹因特網(wǎng)對(duì)于學(xué)生來說知識(shí)比較枯燥，但是從他們喜歡的網(wǎng)站出發(fā)，能夠快速的吸引學(xué)生的注意力。又通過建設(shè)班級(jí)網(wǎng)頁的形式，讓學(xué)生有展現(xiàn)自己的想法，為接下來動(dòng)手練習(xí)做了一個(gè)很好的鋪

6、墊。2、指出途徑主動(dòng)嘗試教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖師：欣賞了剛才的網(wǎng)頁，接下來就是同學(xué)們動(dòng)通過學(xué)生的主動(dòng)探手的時(shí)間了，我們一起來完成第一個(gè)任務(wù)，制究、合作交流，在作我們自己班級(jí)的主頁。教師引導(dǎo)下自主完制作網(wǎng)頁的軟件有很多，今天我們要使用成任務(wù)一，掌握網(wǎng)的工具是 FrontPage 。老師已經(jīng)把制作簡(jiǎn)單網(wǎng)頁頁制作的基本方的步驟列舉出來了，接下來，我們一起動(dòng)手，法。4在老師的指引下，我們一起來做我們班級(jí)的主頁。小結(jié)反思：介紹軟件的制作的過程會(huì)讓學(xué)生聽起來一頭霧水，我通過自己的學(xué)習(xí)網(wǎng)頁介紹做好網(wǎng)站的基本常識(shí)，讓學(xué)生通過自學(xué)的形式進(jìn)行了解。但是對(duì)于一些自學(xué)習(xí)慣差的學(xué)生來說，學(xué)習(xí)興趣會(huì)降低，就需要老師進(jìn)行

7、多巡查并進(jìn)行分組練習(xí)，采用相互合作、互相幫助的形式完成網(wǎng)站的基本常識(shí)學(xué)習(xí)，這個(gè)環(huán)節(jié)難度較高，所以采用了老師先自學(xué)，然后老師引導(dǎo)的形式，對(duì)于自學(xué)能力較差的班級(jí)，老師講的內(nèi)容會(huì)增加。3、自主創(chuàng)作激發(fā)潛能教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖師：通過剛才的小試牛刀階段，同學(xué)們應(yīng)該都分層教學(xué)：學(xué)生操掌握了網(wǎng)頁制作的基本技能。接下來，我們?cè)僮?，教師個(gè)別指導(dǎo)，來完成創(chuàng)意空間的任務(wù)。這個(gè)任務(wù)希望大家能以完成網(wǎng)頁制作的獨(dú)立完成，老師不再引導(dǎo)了，大家動(dòng)手試試學(xué)習(xí)?？?生：學(xué)生在教師的引(1) 完成作品。 導(dǎo)，鼓勵(lì)下，自主(2) 作品上交。學(xué)習(xí)、探究，解決問題。并通過演示、學(xué)生示范解說。 解說，培養(yǎng)學(xué)生的動(dòng)手操作能力，思維能力

8、、語言表達(dá)能力，提高學(xué)生的自信心。5小結(jié)反思：通過上小結(jié)的演示，學(xué)生們都已經(jīng)躍躍欲試，因此需要盡量多留時(shí)間給學(xué)生自行練習(xí)，加深對(duì)知識(shí)的應(yīng)用能力，老師需要多巡查，及時(shí)發(fā)現(xiàn)學(xué)生在動(dòng)手過程中的問題，并予以及時(shí)提醒。4、課堂小結(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖將學(xué)生自己創(chuàng)作的作品，進(jìn)行展示、評(píng)價(jià)。檢查學(xué)生完成情 力求每個(gè)學(xué)生都完師：總結(jié)：通過本節(jié)課的學(xué)習(xí)，我們掌握的網(wǎng)況。成對(duì)網(wǎng)頁的基本制頁制作的基本技能，我們一起回顧一下都有哪作，大部分學(xué)生嘗些操作。試全新的創(chuàng)作。師：首先要設(shè)計(jì)自己頁面的基本構(gòu)成，然后對(duì)增強(qiáng)學(xué)生的道德素頁面進(jìn)行簡(jiǎn)單的布局最后要注意，在網(wǎng)頁設(shè)計(jì)質(zhì)。時(shí)一定要有立體空間感以及頁面的新穎度，這樣做出來

9、的頁面效果才能更好。友情提示：通常在做網(wǎng)頁之前應(yīng)該建立相應(yīng)的文件夾，如在“ E”盤建立一個(gè)“ WEB”文件夾用來存放網(wǎng)頁，同時(shí)在“ WEB”下再建立一個(gè)專門存放圖片的文件夾“ images”。通過這節(jié)課的學(xué)習(xí)，我們已經(jīng)初步掌握了網(wǎng)頁制作的基本方法，但網(wǎng)頁制作的方法和軟件還遠(yuǎn)遠(yuǎn)不止這些，希望同學(xué)們?cè)诮窈蟮膶W(xué)習(xí)和生活中繼續(xù)探索，發(fā)揮自己的想象力和創(chuàng)造力，創(chuàng)作出更 豐富多彩的網(wǎng)站， 留住我們美好生活6的精彩。小結(jié)反思：因?yàn)榫W(wǎng)站的基本常識(shí)這個(gè)內(nèi)容對(duì)于初中生來說難度較高，動(dòng)手做起來也比較復(fù)雜，所以有同學(xué)在動(dòng)手過程中可能會(huì)無從下手，導(dǎo)致不能完成任務(wù)，所以需要分組進(jìn)行相互幫助， 老師可以安排已經(jīng)會(huì)做的小組同學(xué)對(duì)還不能完成任務(wù)的同學(xué)當(dāng)他們的小老師，提高學(xué)生指導(dǎo)能力。并且在最后的作品展示中請(qǐng)同學(xué)講解自己制作網(wǎng)頁的基本步驟和設(shè)計(jì)意圖，也鍛煉了學(xué)生的語言表達(dá)能力。八、總結(jié)及課后反思從課堂效果來看， 本設(shè)計(jì)是符合學(xué)生認(rèn)知規(guī)律的。 基本上每個(gè)學(xué)生都能掌握本課時(shí)的教學(xué)目標(biāo)， 特別是技能目標(biāo)， 對(duì)網(wǎng)頁的基本制作都能圓滿完成。但是，對(duì)于知識(shí)目標(biāo)來講，可能是信息技術(shù)教學(xué)一貫重實(shí)踐、輕理論的關(guān)系，雖然學(xué)生能做出網(wǎng)頁的基本制作的效果，但卻無法清楚的說出他們的原理。另外，每個(gè)學(xué)生的基礎(chǔ)差別不一，有的同學(xué)根