“制作簡單網(wǎng)頁”教學(xué)設(shè)計(jì)

付維英

1 教學(xué)內(nèi)容分析

七年級(jí)學(xué)生使用的教材是由安善航老師主編、青島出版社出版的《初中信息技術(shù)》。該教材共分上下兩冊(cè)，下冊(cè)教材有3部分：網(wǎng)絡(luò)基礎(chǔ)及其應(yīng)用，網(wǎng)頁制作，用計(jì)算機(jī)處理多媒體信息。本課是“網(wǎng)頁制作”中的第二課，主要介紹的內(nèi)容是網(wǎng)頁制作中最基礎(chǔ)的部分，也是學(xué)習(xí)網(wǎng)頁制作的入門內(nèi)容。雖然難度不大，但內(nèi)容重要，學(xué)生掌握起來應(yīng)該不成問題。

2 學(xué)情分析

教學(xué)的對(duì)象是初中一年級(jí)的學(xué)生。在學(xué)習(xí)本章節(jié)之前，學(xué)生已經(jīng)學(xué)習(xí)了網(wǎng)絡(luò)基礎(chǔ)知識(shí)，掌握了網(wǎng)絡(luò)使用的基本方法；對(duì)文字的編輯、窗口的組成也有一定的基礎(chǔ)；通過前面第一節(jié)對(duì)一些網(wǎng)站的介紹，學(xué)生對(duì)學(xué)習(xí)制作網(wǎng)頁有較高的興趣。并且能夠以小組為單位，通過研究性學(xué)習(xí)、合作討論的形式，完成根據(jù)主題設(shè)計(jì)一個(gè)網(wǎng)站并寫出主頁布局圖的研究成果。

3 教學(xué)目標(biāo)

知識(shí)與技能目標(biāo)：了解Frontpage2000窗口的組成及各部分名稱，并利用該軟件制作一個(gè)簡單的網(wǎng)站。

過程與方法目標(biāo)：以小組協(xié)作形式，完成研究性成果，掌握站點(diǎn)的創(chuàng)建、主頁的規(guī)劃。

情感態(tài)度與價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作精神和自學(xué)創(chuàng)新的能力。

4 教學(xué)重難點(diǎn)分析

教學(xué)重點(diǎn)：利用Frontpage2000創(chuàng)建站點(diǎn)和網(wǎng)頁，并能利用表格有效地規(guī)劃網(wǎng)頁，構(gòu)建網(wǎng)頁框架。

難點(diǎn)：用表格規(guī)劃網(wǎng)頁。

5 教學(xué)方法

任務(wù)驅(qū)動(dòng)法，分組合作法，研究性學(xué)習(xí)法。

6 教學(xué)過程

6.1 引入新課

同學(xué)們，上節(jié)課我們學(xué)習(xí)了第五單元第一課：主題網(wǎng)站規(guī)劃。其中老師布置了一個(gè)研究性作業(yè)：（廣播展示）以我們同和的服務(wù)品牌“同和一家親”為主題，以小組為單位，設(shè)計(jì)一個(gè)網(wǎng)站，并寫出主頁的布局圖。大家都完成了嗎？好，哪位小組長先來展示一下你小組的研究成果。（小組長通過實(shí)物投影儀依次展示小組成果，如圖1所示。）

同學(xué)們的研究成果非常好。

6.2 新課講授

這一節(jié)課，我們就以各個(gè)小組自己的研究成果為例，來學(xué)習(xí)第二課：制作簡單的網(wǎng)頁。（出示課題）制作網(wǎng)頁的軟件有很多，我們學(xué)習(xí)的是微軟公司開發(fā)的FrontPage軟件，這是一款非常優(yōu)秀的網(wǎng)頁制作軟件。在本節(jié)課中，老師給大家布置幾個(gè)任務(wù)，大家有沒有信心完成？

【任務(wù)一】啟動(dòng)FrontPage軟件，對(duì)照課本，認(rèn)識(shí)軟件窗口中各部分的名稱。

學(xué)生做“拖一拖”小游戲。

大家回想一下，上節(jié)課我們?cè)谛蕾p一個(gè)網(wǎng)站時(shí)，發(fā)現(xiàn)網(wǎng)站中包含很多的素材和網(wǎng)頁文件，為了便于管理和使用這些文件和素材，需要把它們放在一個(gè)文件夾里，這個(gè)文件夾就叫站點(diǎn)文件夾。因此，在做網(wǎng)頁之前，首先要?jiǎng)?chuàng)建一個(gè)站點(diǎn)。

【任務(wù)二】在C盤創(chuàng)建一個(gè)站點(diǎn)，名字為“同和”，要求該站點(diǎn)只有一個(gè)網(wǎng)頁。

請(qǐng)大家自學(xué)課本，分組完成，看哪個(gè)小組做得快，做得好。哪個(gè)小組的同學(xué)幫老師也來建一個(gè)呢？（一生到教師機(jī)操作）

大家觀察一下，這個(gè)同學(xué)在老師的機(jī)器上創(chuàng)建了同和站點(diǎn)，通過標(biāo)題欄我們可以看到在C盤建立了一個(gè)“同和”文件夾，再來看一下文件夾列表，可以看到里面建立了一些文件夾和一個(gè)名為index的網(wǎng)頁文件，這個(gè)文件就是系統(tǒng)給大家自動(dòng)建立的一個(gè)主頁文件。因此，我們?cè)谥谱髦黜摃r(shí)，就應(yīng)該先打開這個(gè)文件，大家要記住。

在制作主頁之前，老師先給大家看一個(gè)網(wǎng)頁（打開網(wǎng)頁），觀察一下這個(gè)網(wǎng)頁的內(nèi)容多不多？內(nèi)容多但是很整齊，在這個(gè)網(wǎng)頁中，是通過什么形式讓內(nèi)容變得這么有條理呢？

（用表格）對(duì)，使用表格規(guī)劃我們的網(wǎng)頁，可以使內(nèi)容排列整齊，讓瀏覽者更容易找到感興趣的信息。下面，就請(qǐng)同學(xué)們完成

【任務(wù)三】用表格規(guī)劃你的主頁，并輸入主頁的文字。保存為index.htm文件。

（學(xué)生交流，操作）插入表格，合并單元格，拆分單元格。

（學(xué)生上教師機(jī)演示操作）

（老師總結(jié)補(bǔ)充）我們的主頁建好了，為了防止丟失，應(yīng)該怎么辦呢？（保存），好，請(qǐng)大家保存一下你的主頁。保存好了嗎？同學(xué)們，一個(gè)網(wǎng)站可以包含很多個(gè)網(wǎng)頁，大家想不想再建一個(gè)網(wǎng)頁呢？一起來看一下。

【任務(wù)四】新建一個(gè)網(wǎng)頁，標(biāo)題為“同和概況”，介紹同和的地理位置等內(nèi)容，并保存為th1.htm。（友情提示：用到的文章在桌面上的“概況”文件里面。）

學(xué)生交流討論：有幾種方法新建一個(gè)網(wǎng)頁？（新建按鈕；文件/新建網(wǎng)頁）

我們建好了網(wǎng)頁，想不想看一下它們?cè)诰W(wǎng)絡(luò)中的效果呢。在編輯視圖標(biāo)簽里有個(gè)“預(yù)覽”按鈕。請(qǐng)大家試一試。但是在預(yù)覽視圖中只能看不能改，要想修改還要回到編輯視圖里。還有沒有別的方法使文件—在瀏覽器中預(yù)覽。

好，同學(xué)們的任務(wù)完成得非常好，我們看一下哪個(gè)小組完成得最好？

【作品評(píng)價(jià)】每個(gè)小組推選2幅最好的作品，全班評(píng)價(jià)，說出優(yōu)點(diǎn)和缺點(diǎn)。

本節(jié)課通過完成這4個(gè)任務(wù)，同學(xué)們有什么收獲？一起看一下

【收獲平臺(tái)】分組討論：本節(jié)課學(xué)習(xí)了哪些內(nèi)容？你有什么收獲？

通過本節(jié)課的學(xué)習(xí)，我們完成了網(wǎng)站制作中的一部分，制作網(wǎng)站還需要一些圖片。

【作 業(yè)】以小組為單位，拍攝5～10張你認(rèn)為最美的同和風(fēng)景照片。

7 課后反思

本堂課以展示上節(jié)課布置的研究性作業(yè)開頭，以布置下節(jié)課的研究性作業(yè)結(jié)尾，中間以分組協(xié)作、自學(xué)討論的形式完成研究成果，并把研究成果分成一個(gè)個(gè)的小任務(wù)，讓學(xué)生在輕松愉快的氛圍中主動(dòng)探究學(xué)習(xí)，很好地培養(yǎng)了學(xué)生自主學(xué)習(xí)的意識(shí)和團(tuán)隊(duì)協(xié)作的能力。但在任務(wù)一“認(rèn)識(shí)窗口時(shí)”，如果能和前面學(xué)過的Word軟件作比較，也用到知識(shí)的遷移則會(huì)更好。