“制作簡單網頁”教學設計

付維英

1 教學內容分析

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

2 學情分析

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

3 教學目標

知識與技能目標：了解Frontpage2000窗口的組成及各部分名稱，并利用該軟件制作一個簡單的網站。

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

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

4 教學重難點分析

教學重點：利用Frontpage2000創(chuàng)建站點和網頁，并能利用表格有效地規(guī)劃網頁，構建網頁框架。

難點：用表格規(guī)劃網頁。

5 教學方法

任務驅動法，分組合作法，研究性學習法。

6 教學過程

6.1 引入新課

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

同學們的研究成果非常好。

6.2 新課講授

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

【任務一】啟動FrontPage軟件，對照課本，認識軟件窗口中各部分的名稱。

學生做“拖一拖”小游戲。

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

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

請大家自學課本，分組完成，看哪個小組做得快，做得好。哪個小組的同學幫老師也來建一個呢？（一生到教師機操作）

大家觀察一下，這個同學在老師的機器上創(chuàng)建了同和站點，通過標題欄我們可以看到在C盤建立了一個“同和”文件夾，再來看一下文件夾列表，可以看到里面建立了一些文件夾和一個名為index的網頁文件，這個文件就是系統(tǒng)給大家自動建立的一個主頁文件。因此，我們在制作主頁時，就應該先打開這個文件，大家要記住。

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

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

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

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

（學生上教師機演示操作）

（老師總結補充）我們的主頁建好了，為了防止丟失，應該怎么辦呢？（保存），好，請大家保存一下你的主頁。保存好了嗎？同學們，一個網站可以包含很多個網頁，大家想不想再建一個網頁呢？一起來看一下。

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

學生交流討論：有幾種方法新建一個網頁？（新建按鈕；文件/新建網頁）

我們建好了網頁，想不想看一下它們在網絡中的效果呢。在編輯視圖標簽里有個“預覽”按鈕。請大家試一試。但是在預覽視圖中只能看不能改，要想修改還要回到編輯視圖里。還有沒有別的方法使文件—在瀏覽器中預覽。

好，同學們的任務完成得非常好，我們看一下哪個小組完成得最好？

【作品評價】每個小組推選2幅最好的作品，全班評價，說出優(yōu)點和缺點。

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

【收獲平臺】分組討論：本節(jié)課學習了哪些內容？你有什么收獲？

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

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

7 課后反思

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