福建省莆田市第八中學(xué)高一信息技術(shù)《利用Frontpage制作網(wǎng)站》說課稿新人教版一、課程基本信息

1.課程名稱：福建省莆田市第八中學(xué)高一信息技術(shù)《利用Frontpage制作網(wǎng)站》

2.教學(xué)年級和班級：高一全體學(xué)生

3.授課時間：2022年10月15日

4.教學(xué)時數(shù)：1課時二、核心素養(yǎng)目標(biāo)分析三、教學(xué)難點與重點

1.教學(xué)重點

①掌握Frontpage的基本操作界面和工具欄的使用方法，能夠熟練地打開、保存和關(guān)閉網(wǎng)站文件。

②理解并運用超鏈接的概念，學(xué)會在網(wǎng)頁中插入、編輯和刪除超鏈接，實現(xiàn)頁面間的跳轉(zhuǎn)。

③學(xué)習(xí)網(wǎng)頁布局的基本技巧，如使用表格、框架、層等元素來組織網(wǎng)頁內(nèi)容。

2.教學(xué)難點

①理解并掌握網(wǎng)頁布局的原理，能夠根據(jù)需求設(shè)計出美觀、實用的網(wǎng)頁布局。

②掌握網(wǎng)頁內(nèi)容的動態(tài)效果制作，如圖片的滾動、按鈕的動態(tài)效果等，提升網(wǎng)頁的互動性和美觀度。

③熟練運用Frontpage的高級功能，如模板的應(yīng)用、樣式表的編輯等，提升網(wǎng)頁的整體設(shè)計水平。

④能夠解決在制作網(wǎng)站過程中遇到的問題，如網(wǎng)頁兼容性、瀏覽器問題等，提高解決問題的能力。四、教學(xué)資源準(zhǔn)備

1.教材：確保每位學(xué)生都有《信息技術(shù)》教材，以便跟隨教材內(nèi)容學(xué)習(xí)。

2.輔助材料：準(zhǔn)備與Frontpage操作相關(guān)的圖片、圖表和視頻教程，幫助學(xué)生直觀理解操作步驟。

3.實驗器材：準(zhǔn)備一臺聯(lián)網(wǎng)的計算機，安裝Frontpage軟件，確保每位學(xué)生都能進(jìn)行實際操作。

4.教室布置：設(shè)置分組討論區(qū)，方便學(xué)生協(xié)作學(xué)習(xí)；在操作臺布置必要的實驗器材，如鼠標(biāo)、鍵盤等。五、教學(xué)過程

一、導(dǎo)入新課

（教師）

同學(xué)們，大家好！今天我們來學(xué)習(xí)信息技術(shù)這門課程的新內(nèi)容——《利用Frontpage制作網(wǎng)站》。在開始之前，請大家回憶一下我們在上一節(jié)課中學(xué)到了什么？是的，我們學(xué)習(xí)了網(wǎng)頁的基本知識和HTML的基礎(chǔ)。今天，我們將這些知識應(yīng)用到實踐中，通過Frontpage這個軟件來制作一個簡單的網(wǎng)站。

（學(xué)生）

（回憶并回答）

二、新課講授

1.熟悉Frontpage界面

（教師）

首先，我們需要熟悉Frontpage的操作界面。請同學(xué)們打開Frontpage，我會一步步地展示界面中的各個部分，包括菜單欄、工具欄、編輯區(qū)等。

（學(xué)生）

（觀察并記錄）

2.創(chuàng)建新網(wǎng)站

（教師）

（學(xué)生）

（跟隨教師操作并嘗試）

3.網(wǎng)頁布局與內(nèi)容添加

（教師）

在網(wǎng)頁布局方面，我們將學(xué)習(xí)如何使用表格、框架和層來組織網(wǎng)頁內(nèi)容。同時，我會展示如何添加文本、圖片、超鏈接等元素。

（學(xué)生）

（跟隨教師操作并嘗試）

4.網(wǎng)頁格式設(shè)置

（教師）

（學(xué)生）

（跟隨教師操作并嘗試）

5.網(wǎng)頁交互效果制作

（教師）

為了提升網(wǎng)頁的互動性，我們還將學(xué)習(xí)如何制作一些簡單的交互效果，如圖片的滾動、按鈕的動態(tài)效果等。

（學(xué)生）

（跟隨教師操作并嘗試）

6.網(wǎng)站發(fā)布

（教師）

最后，我們將學(xué)習(xí)如何將制作的網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上，讓更多的人能夠訪問我們的作品。

（學(xué)生）

（跟隨教師操作并嘗試）

三、課堂練習(xí)

（教師）

現(xiàn)在，請大家嘗試獨立完成以下練習(xí)：

1.創(chuàng)建一個包含多個網(wǎng)頁的網(wǎng)站，并設(shè)置合適的布局和內(nèi)容。

2.在網(wǎng)站中添加至少一個交互效果，使網(wǎng)站更加生動。

3.將網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上，并分享給其他同學(xué)。

（學(xué)生）

（獨立完成練習(xí)）

四、課堂討論

（教師）

同學(xué)們，完成了練習(xí)后，我們來討論一下：

1.制作網(wǎng)站的過程中遇到了哪些問題？你是如何解決的？

2.你認(rèn)為制作網(wǎng)站需要注意哪些方面？

3.你對Frontpage這個軟件有什么評價？

（學(xué)生）

（積極參與討論）

五、總結(jié)與反思

（教師）

今天我們學(xué)習(xí)了利用Frontpage制作網(wǎng)站的相關(guān)知識。通過這節(jié)課的學(xué)習(xí)，我希望大家能夠掌握網(wǎng)站的基本制作方法，并能夠獨立制作一個簡單的網(wǎng)站。在今后的學(xué)習(xí)中，希望大家能夠不斷嘗試和實踐，提高自己的信息技術(shù)素養(yǎng)。

（學(xué)生）

（總結(jié)學(xué)習(xí)收獲）

六、布置作業(yè)

（教師）

1.完成課后練習(xí)，加深對網(wǎng)站制作的理解。

2.嘗試使用其他網(wǎng)頁制作軟件，如Dreamweaver等，拓展自己的技能。

3.在家里或?qū)W校圖書館查找關(guān)于網(wǎng)站制作的資料，了解更多相關(guān)知識。

（學(xué)生）

（接受作業(yè)任務(wù)）

七、課后輔導(dǎo)

（教師）

對于在課堂練習(xí)中遇到困難的同學(xué)，我將在課后提供個別輔導(dǎo)，幫助大家解決問題。

（學(xué)生）

（表示感激）六、學(xué)生學(xué)習(xí)效果

學(xué)生學(xué)習(xí)效果主要體現(xiàn)在以下幾個方面：

1.技術(shù)操作能力提升

2.網(wǎng)頁設(shè)計理念增強

學(xué)生在學(xué)習(xí)過程中，不僅學(xué)會了如何使用Frontpage制作網(wǎng)站，還了解了網(wǎng)頁設(shè)計的基本理念，如頁面布局、色彩搭配、字體選擇等。這些理念將有助于學(xué)生在今后的學(xué)習(xí)中更好地進(jìn)行網(wǎng)頁設(shè)計。

3.信息素養(yǎng)提高

4.創(chuàng)新能力培養(yǎng)

在制作網(wǎng)站的過程中，學(xué)生需要不斷嘗試和解決問題，這有助于培養(yǎng)學(xué)生的創(chuàng)新意識和創(chuàng)新能力。學(xué)生在實踐中發(fā)現(xiàn)問題、分析問題、解決問題的能力得到提升。

5.團(tuán)隊協(xié)作能力增強

本節(jié)課采用了分組討論和協(xié)作學(xué)習(xí)的方式，學(xué)生在小組合作中學(xué)會了如何與他人溝通、交流，共同完成任務(wù)。這有助于培養(yǎng)學(xué)生的團(tuán)隊協(xié)作能力。

6.實踐能力提升

7.網(wǎng)站發(fā)布與維護(hù)意識增強

學(xué)生在學(xué)習(xí)過程中了解到網(wǎng)站發(fā)布和維的重要性，學(xué)會了如何將網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上，并能夠?qū)W(wǎng)站進(jìn)行簡單的維護(hù)。這有助于學(xué)生樹立正確的網(wǎng)絡(luò)意識，遵守網(wǎng)絡(luò)道德規(guī)范。

8.自主學(xué)習(xí)能力提高

本節(jié)課的學(xué)習(xí)過程中，學(xué)生需要獨立完成課堂練習(xí)和課后作業(yè)。這有助于培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，提高學(xué)生在面對問題時主動尋求解決方案的能力。

9.跨學(xué)科知識融合

在制作網(wǎng)站的過程中，學(xué)生需要運用到語文、數(shù)學(xué)、英語等多學(xué)科知識。這有助于學(xué)生將所學(xué)知識進(jìn)行跨學(xué)科融合，提高綜合素質(zhì)。

10.情感態(tài)度價值觀的培養(yǎng)

總之，本節(jié)課的學(xué)習(xí)使學(xué)生在技術(shù)操作、設(shè)計理念、信息素養(yǎng)、創(chuàng)新能力、團(tuán)隊協(xié)作、實踐能力、網(wǎng)站發(fā)布與維護(hù)意識、自主學(xué)習(xí)能力、跨學(xué)科知識融合以及情感態(tài)度價值觀等方面取得了顯著的效果。這些效果將為學(xué)生今后的學(xué)習(xí)和生活奠定良好的基礎(chǔ)。七、板書設(shè)計

①網(wǎng)頁制作基礎(chǔ)

-網(wǎng)頁定義

-網(wǎng)頁組成元素（文本、圖片、超鏈接等）

-網(wǎng)頁制作工具（Frontpage、Dreamweaver等）

②Frontpage操作界面

-菜單欄功能

-工具欄圖標(biāo)

-編輯區(qū)布局

③網(wǎng)頁布局與設(shè)計

-表格布局

-框架布局

-層布局

④網(wǎng)頁內(nèi)容添加

-文本編輯