【正文】 三、活動要求 。 二、活動主題 教師根據(jù)學(xué)生們的選擇進(jìn)行分組。 前面我們學(xué)習(xí)了網(wǎng)頁制作基本知識，這節(jié)課我們要利用所學(xué)的知識來完成一個大型的主題活動。 情感目標(biāo)：通過活動培養(yǎng)學(xué)生團(tuán)隊意識和合作精神。進(jìn)一步熟練網(wǎng)頁制作的基本操作；能夠綜合應(yīng)用網(wǎng)頁制作的有關(guān)方法。 教學(xué)小結(jié) 這節(jié)課你學(xué)會了什么，說來聽聽，還有什么不明白的嗎？ 學(xué)生交流學(xué)習(xí)體會 探索實踐 鼓勵學(xué)有余力的同學(xué)制作自己的網(wǎng)站。 學(xué)生認(rèn)真觀看并模仿操作。（提醒學(xué)們，想要刪除效果可以看書的 “提示 ”內(nèi)容） 三、橫幅廣告管理器 教師演示操作： 四、發(fā)布站點 教師演示方法。 任務(wù)三：為網(wǎng)頁中的圖片添加螺旋飛入效果。 （這與這們 學(xué)的 PPT 中幻燈片的切換非常相似） 老師指導(dǎo)操作 . 二、動態(tài) HTML 效果 學(xué)生仔細(xì)閱讀教材 P114 和P115的內(nèi)容 ,積極思考老師提出的問題 教師演示操作步驟，師生共同完成任務(wù)二。為了加強視覺動態(tài)效果，使整個瀏覽過程變得更加美妙，可以設(shè)置動態(tài)的網(wǎng)頁過渡效果。這一課將通過幾個簡單的例子介紹一些基本的操作方法。 教學(xué)重點 知識目標(biāo) 2 教學(xué)難點 知識目標(biāo) 2 教學(xué)方法 任務(wù)驅(qū)動法 教學(xué)準(zhǔn)備 多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫、 FrontPage 軟件運 教學(xué)方法 講解與演示 對比教學(xué) 探究與實踐 教 學(xué) 過 程 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 一、引入課題 大家已經(jīng)知道，創(chuàng)建滾動字幕，可以為網(wǎng)頁增添動態(tài)效果。 能力目標(biāo)：培養(yǎng)學(xué)生的動手操作的能力，自主探究能力。 教學(xué)重點 知識目標(biāo) 2 教學(xué)難點 知識目標(biāo) 2 教學(xué)方法 任務(wù)驅(qū)動法 教學(xué)準(zhǔn)備 多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫、 FrontPage 軟件運用框架結(jié)構(gòu)制作網(wǎng)頁，以準(zhǔn)備在課堂上演示 教學(xué)方法 講解與演示 對比教學(xué) 探究與實踐 教 學(xué) 過 程 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 一、引入課題 師生共同回顧已經(jīng)學(xué)習(xí)的網(wǎng)頁制作的基本知識和方法，引入制作框架網(wǎng)頁的學(xué)習(xí) 學(xué)生聽課師生共同回顧復(fù)習(xí)制作網(wǎng)頁的基本知識和方法 二、新授課 理解框架網(wǎng)頁的特點和概念（創(chuàng)設(shè)情境、對比教學(xué)） （ 1） 教師展示普通頁面的網(wǎng)頁和框架結(jié)構(gòu)的網(wǎng)頁，請學(xué)生仔細(xì)觀察對比框架網(wǎng)頁的特點 （ 2）教師對比生活中的布告欄，總結(jié)什么是框架結(jié)構(gòu)的網(wǎng)頁 講解框架網(wǎng)頁的設(shè)計方法（任務(wù)驅(qū)動教學(xué)法）： （ 1）創(chuàng)建框架網(wǎng)頁：打開站點文件，由 “新建網(wǎng)頁 ”引入 “新建框架網(wǎng)頁 ”，在 “新建 ”對話框中的 “框架網(wǎng)頁 ”選項卡中選取 1～ 2 個框架模板說明內(nèi)容網(wǎng)頁在框架中的作用； 老師講解、演示操作時學(xué)生仔細(xì)觀察操作要點積極思考老師提出的問（ 2）調(diào)整框架結(jié)構(gòu)：拆分和刪除框架結(jié)構(gòu) （ 3）填充框架網(wǎng)頁： “設(shè)置初始網(wǎng)頁 ”和 “新建 網(wǎng)頁 ”，插入懸停按鈕和橫幅廣告器 （ 4）框架網(wǎng)頁的保存：教師引導(dǎo)學(xué)生觀察框架結(jié)構(gòu)中各網(wǎng)頁的名稱，引入網(wǎng)頁的保存 學(xué)生完成 “實踐任務(wù)一 ”，教師巡視指導(dǎo) 由學(xué)生存在的問題引入 “框架屬性 ”的設(shè)置： （ 1）由 “新建網(wǎng)頁 ”更改為 “設(shè)置初始網(wǎng)頁 ”引入問題，提問：當(dāng)我們在制作網(wǎng)頁時若需要設(shè)置網(wǎng)頁的背景顏色或背景圖片時，我們該如何操作設(shè)置？從 “網(wǎng)頁屬性 ”引入 “框架屬性 ”。 讓學(xué)生們認(rèn)真閱讀小拓展的內(nèi)容 學(xué)生匯報 教學(xué)小結(jié) 這節(jié)課你學(xué)會了什么，說來聽聽，還有什么不明白的嗎？ 學(xué)生交流學(xué)習(xí)體會 課后實踐 練習(xí) 課后小記 第 13 課 制作框架網(wǎng)頁 課題 保護(hù)生態(tài)環(huán)境 ——制作框架網(wǎng)頁 教學(xué)目標(biāo) 知識目標(biāo)： 了解框架網(wǎng)頁的初步知識 能夠制作簡單的框架網(wǎng)頁 能力目標(biāo)：培養(yǎng)學(xué)生的動手操作的能力。 學(xué)生分組討論。 學(xué)生自由回答。 二、設(shè)置信息的收集方式 任務(wù)一：動手做：把自已的電子信箱設(shè)為收集反饋信息的方式。 學(xué)生自主嘗試操作。 學(xué)生聽課 一、閱讀與觀察 同學(xué)們閱讀和觀察 102 頁至 103 頁的內(nèi)容，小組討論完成任務(wù)一的方法。 實際應(yīng)用時，還可 以用指定的電子信箱收集瀏覽都提交的反饋信息。 教學(xué)重點 知識目標(biāo) 2 教學(xué)難點 知識目標(biāo) 2 教學(xué)方法 任務(wù)驅(qū)動法 教學(xué)準(zhǔn)備 多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫、 FrontPage 軟件 教 學(xué) 過 程 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 引入課題 瀏覽者通過表單網(wǎng)頁輸入信息并提交表單后，這些信息會反饋給網(wǎng)頁設(shè)計者。 學(xué)生自主嘗試操作 教學(xué)小結(jié) 這節(jié)課你學(xué)會了什么，說來聽聽，還有什么不明白的嗎？ 學(xué)生交流學(xué)習(xí)體會 課后實踐 課后小記 第 12 課 制作表單網(wǎng)頁（第二課時） 課題 制作表單網(wǎng)頁 教學(xué)目標(biāo) 知識目標(biāo)： 了解表單網(wǎng)頁的初步知識 能夠制作簡單的表單 網(wǎng)頁 能力目標(biāo)：培養(yǎng)學(xué)生的動手操作的能力。單擊所需的名稱，就可以在插入點處插入表單域。 教師提示學(xué)生看書之后進(jìn)行實踐，在 frontpage2020 中制表單內(nèi)容項。 三、用表格單域 為了按 “網(wǎng)上調(diào)查 ”網(wǎng)頁的布局方式、整齊、規(guī)范地安排相關(guān)的表單域，可以先在表單中插入一個 5 行 4 列的表格，并輸入有關(guān)的文字。 學(xué)生自主嘗試操作。 學(xué)生實踐并進(jìn)行相關(guān)設(shè)計制作 教師巡回指導(dǎo) 學(xué)生看書自學(xué)操作。 學(xué)生分組討論。 學(xué)生看書自學(xué)操作。 學(xué)生聽課 一、閱讀與觀察 同學(xué)們閱讀和觀察 P97 頁的內(nèi)容，對表單有一個初步的了解。這類任務(wù)可以用表單網(wǎng)頁來完成。 教學(xué)重點 知識目標(biāo) 2 教學(xué)難點 知識目標(biāo) 2 教學(xué)方法 任務(wù)驅(qū)動法 教學(xué)準(zhǔn)備 多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫、 FrontPage 軟件 教 學(xué) 過 程 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 引入課題 前面制作的網(wǎng)頁都是用來發(fā)布信息的。 課后小記 第 12 課 制作表單網(wǎng)頁（第一課時） 課題 制作表單網(wǎng)頁 教學(xué)目標(biāo) 知識目標(biāo)： 了解表單網(wǎng)頁的初步知識 能夠制作簡單的表單網(wǎng)頁 能力目標(biāo)：培養(yǎng)學(xué)生的動手操作的能力。 學(xué)生分組討論。 教師對于學(xué)生遇到的難點可以通過學(xué)生討論，互相等方式來解決，對于全班共性的問題，教師應(yīng)給予的適當(dāng)?shù)难菔静僮髦笇?dǎo)。這節(jié)課我們就來學(xué)習(xí)這方面的內(nèi)容。 情感目標(biāo)：培養(yǎng)學(xué)生自主學(xué)習(xí)的習(xí)慣。熟練掌握在網(wǎng)頁中添加標(biāo)題，背景的基本操作。練習(xí)在網(wǎng)頁中使用書簽。 三、知識窗 書簽 超鏈接 學(xué)生自主嘗試操作 四、練習(xí)題 P95 頁的練習(xí)題 1\2\3 學(xué)生自主嘗試操作 教學(xué)小結(jié) 這節(jié)課你學(xué)會了什么，說來聽聽，還有什么不明白的嗎？ 學(xué)生交流學(xué)習(xí)體會 課后實踐 實踐網(wǎng)頁中的網(wǎng)頁屬性樣式操作。 學(xué)生自主嘗試操作。 你知道嗎？ 學(xué)生看書后嘗試操作： P94 頁 “你知道嗎 ” 學(xué)生看書自學(xué)操作。 小拓展 學(xué)生看書 P93 頁 “小拓展 ” 把一幅圖像設(shè)置為網(wǎng)頁的背景 教師演示把一幅 圖像設(shè)置為網(wǎng)頁的背景。保存網(wǎng)頁時，可以在 “另存為 ”對話框里看到網(wǎng)頁標(biāo)題的內(nèi)容。 學(xué)生分組討論。 學(xué)生看書自學(xué)操作。驗證所插入的書簽以及 “回頂部 ”標(biāo)記的功能。 小拓展：教師演示進(jìn)行書簽的制作。教師適時指導(dǎo)。這節(jié)課我們就來學(xué)習(xí)這方面的內(nèi)容。 情感目標(biāo)：培養(yǎng)學(xué)生自主學(xué)習(xí)的習(xí)慣。 掌握在網(wǎng)頁中添加標(biāo)題，背景的基本操作。進(jìn)行相關(guān)制作。 學(xué)生分組討論。 學(xué)生自由回答。 自動縮略圖的操作。 二、設(shè)置網(wǎng)頁的打開方式 小拓展：設(shè)置網(wǎng)頁的打開方式。 學(xué)生自主嘗試操作。（在閱讀教材的基礎(chǔ)上進(jìn)行制作練習(xí)） 教 師巡回指導(dǎo)學(xué)生 學(xué)生自由回答。這節(jié)課我們就來學(xué)習(xí)這方面的知識能力，你們有信心學(xué)好本節(jié)課嗎？ 學(xué)生自由回答。 情感目標(biāo)：在收集和整理的過程中體會我國河山的峻美，激發(fā)學(xué)生的愛國熱情。進(jìn)行相關(guān)制作。 學(xué)生分組討論。 學(xué)生自由回答。 自動縮略圖的操作。 二、設(shè)置網(wǎng)頁的打開方式 小拓展：設(shè)置網(wǎng)頁的打開方式。 學(xué)生自主嘗試操作。（在閱讀教材的基礎(chǔ)上進(jìn)行制作練習(xí)） 教師巡回指導(dǎo)學(xué)生 學(xué)生自由回答。這節(jié)課我們就來學(xué)習(xí)這方面的知識 能力，你們有信心學(xué)好本節(jié)課嗎？ 學(xué)生自由回答。 情感目標(biāo)：在收集和整理的過程中體會我國河山的峻美，激發(fā)學(xué)生的愛國熱情。 學(xué)生分組討論。 學(xué)生自由回答。 教師 巡回指導(dǎo) 教師對于難點進(jìn)行相關(guān)演示操作。 一、制作“北京風(fēng)光 ”網(wǎng)頁 有許多手段可以用來展示各地的 “迷人風(fēng)光 ”，在網(wǎng)頁中應(yīng)用圖片的簡單，易行的一種。 學(xué)生自由回答。如下圖 動手做：制作 “迷人風(fēng)光 ”網(wǎng)頁 學(xué)生看書 P77 頁 “動手做 ”完成相關(guān)任務(wù)。 學(xué)生自由回答 。 教學(xué)重點 知識目標(biāo) 2 教學(xué)難點 知識目標(biāo) 2 教學(xué)準(zhǔn)備 多媒體網(wǎng)絡(luò)教室、演示幻燈片、五 \六年級教學(xué)素材庫、 FrontPage 軟件 教 學(xué) 過 程 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 引入課題 制作完成 “星星網(wǎng)上家園 ”網(wǎng)站的首頁以后，就可以按照它的結(jié)構(gòu)圖制作與各個欄目相關(guān)的網(wǎng)頁了，為了使訪問者能夠方便地瀏覽整個網(wǎng)站，還要為相關(guān)的網(wǎng)頁建立一些超接。 學(xué)生交流學(xué)習(xí)體會 課后實踐 自己動手制作首頁 課后小記 第 10 課 制作迷人風(fēng)光網(wǎng)頁（第一課時） 課題 制作迷人的風(fēng)光網(wǎng)頁 教學(xué)目標(biāo) 知識目標(biāo)： 能力目標(biāo)：培養(yǎng)學(xué)生的收 集、處理、應(yīng)用信息的能力。 教學(xué)小結(jié) 本節(jié)課我們學(xué)習(xí)了電子信箱超鏈接的制作，你學(xué)會了多少。 學(xué)生自主嘗試操作。 學(xué)生看書自學(xué)操作。 學(xué)生看書自學(xué)操作。 教師進(jìn)行適時指導(dǎo)。 第一步：在編輯區(qū)中顯示出首頁的內(nèi)容，然后選定頁面中的文字“歡迎來信”及圖標(biāo)。 一、添加電子信箱地址超鏈接 動手做：在網(wǎng)站首頁的右下角，還有一個文字是“歡迎來信”的電子信箱地址的超鏈接。 教學(xué)重點 知識目標(biāo) 2 教學(xué)難點 知識目標(biāo) 2 教學(xué)準(zhǔn)備 多媒體網(wǎng)絡(luò)教室、演示幻燈片、五、六年級教學(xué)素材庫、 FrontPage 軟件 教學(xué)方法 演示法和講授法 教 學(xué) 過 程 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 引入課題 上節(jié)課我們學(xué)生了滾動字幕和懸停按鈕的制作學(xué)習(xí)，這節(jié)課我們繼續(xù)學(xué)習(xí)如何在網(wǎng)頁中添加電子信箱地址和超鏈接。 情感目標(biāo)：在操作過程中體會美的感受。 學(xué)生交流學(xué)習(xí)體會 課后實踐 課后小記 第 9 課 修飾網(wǎng)站首頁（第二課時） 課題 修飾網(wǎng)站首頁 教學(xué)目標(biāo) 知識目標(biāo)： 進(jìn)一步學(xué)會在網(wǎng) 頁中添加滾動字幕和懸停按鈕 掌握為電子信箱地址添加超鏈接的操作方法。 教學(xué)小結(jié) 本節(jié)課我們學(xué)習(xí)了交互按鈕、動態(tài)字幕的制作，你學(xué)會了多少。 學(xué)生自主嘗試操作。 學(xué)生看書自學(xué)操作。 學(xué)生分組討論 二、制作滾動字幕 動手做：在首頁文件中添加下面的滾動字幕 學(xué)生嘗試體驗，字幕制作。 學(xué)生自由回答。 教師演示：交互式按鈕制作（ 與 2020 不同） 交互式按鈕（ office2020 版本） 練習(xí) 學(xué)生仿做：制作其他按鈕 試一試 新建一個網(wǎng)頁，在網(wǎng)頁中制作幾個交互式按鈕，選擇“填充顏色”“顏色對比”、“發(fā)光”、“凸出”等效果。 學(xué)生自由回答。培養(yǎng)學(xué)生的審美意識。 第 9 課 修飾網(wǎng)