課題第17課制作網(wǎng)頁(yè)展活動(dòng)共1課時(shí)第1課時(shí)課型新課應(yīng)到人數(shù)實(shí)到人數(shù)主備人備課時(shí)間月日授課時(shí)間月日教學(xué)內(nèi)容及教材分析本節(jié)課是人教版《初中信息技術(shù)七年級(jí)（下冊(cè)）》第四單元《校園活動(dòng)線上展》第17課，課題為《制作網(wǎng)頁(yè)展活動(dòng)》。通過(guò)學(xué)生在使用互聯(lián)網(wǎng)的親身體驗(yàn)，能使用常用網(wǎng)絡(luò)命令診斷簡(jiǎn)單的網(wǎng)絡(luò)故障。理解瀏覽網(wǎng)頁(yè)時(shí)數(shù)據(jù)的流動(dòng)過(guò)程。通過(guò)網(wǎng)絡(luò)實(shí)驗(yàn)，整理所學(xué)內(nèi)容，培養(yǎng)探索精神。課標(biāo)要求了解制作網(wǎng)站的基本流程。能通過(guò)寫HTML代碼制作簡(jiǎn)單網(wǎng)頁(yè)。體驗(yàn)用人工智能技術(shù)制作網(wǎng)頁(yè)，認(rèn)識(shí)科技創(chuàng)新的意義。核心素養(yǎng)目標(biāo)信息意識(shí)：學(xué)生能夠清晰闡述制作網(wǎng)站的基本流程，包括確定主題、搜集素材、確定結(jié)構(gòu)、制作網(wǎng)頁(yè)、美化網(wǎng)頁(yè)和發(fā)布網(wǎng)站等環(huán)節(jié)。計(jì)算思維：通過(guò)HTML代碼編寫和網(wǎng)頁(yè)制作，培養(yǎng)學(xué)生的邏輯思維、算法思維和系統(tǒng)思維能力。數(shù)字化學(xué)習(xí)與創(chuàng)新：引導(dǎo)學(xué)生利用數(shù)字化工具和資源，開(kāi)展自主學(xué)習(xí)、協(xié)作學(xué)習(xí)和創(chuàng)新實(shí)踐，提高學(xué)習(xí)效率和質(zhì)量。信息社會(huì)責(zé)任：體驗(yàn)用人工智能技術(shù)制作網(wǎng)頁(yè)，認(rèn)識(shí)科技創(chuàng)新的意義。教學(xué)重點(diǎn)掌握HTML代碼制作簡(jiǎn)單網(wǎng)頁(yè)。教學(xué)難點(diǎn)HTML代碼的正確編寫與網(wǎng)頁(yè)布局的調(diào)整；小組合作中任務(wù)分配與協(xié)作。教學(xué)方法情境教學(xué)法、任務(wù)驅(qū)動(dòng)法、演示講解法、分組合作法。學(xué)習(xí)方法自主探究法、合作學(xué)習(xí)法、實(shí)踐操作法。教學(xué)工具制作多媒體課件、準(zhǔn)備HTML代碼示例、搜集相關(guān)素材和人工智能模型資源、布置小組任務(wù)分配表。。教學(xué)過(guò)程教學(xué)過(guò)程教學(xué)內(nèi)容二次備課復(fù)習(xí)鞏固：學(xué)校每年科技節(jié)都會(huì)有許多科技體驗(yàn)項(xiàng)目，也有制作“科技節(jié)體驗(yàn)項(xiàng)目”網(wǎng)站的傳統(tǒng)。今天我們要分小組制作展示學(xué)校“科技節(jié)”的網(wǎng)站。每位同學(xué)設(shè)計(jì)制作介紹一個(gè)科技項(xiàng)目的子頁(yè)，然后小組協(xié)作完成主頁(yè)的制作。回憶之前所學(xué)內(nèi)容，判斷以下說(shuō)法是否正確。1.網(wǎng)頁(yè)主要由HTML語(yǔ)言編寫而成。（）2.網(wǎng)站一般由多個(gè)網(wǎng)頁(yè)組成，這些網(wǎng)頁(yè)通常圍繞同一主題，擁有同類設(shè)計(jì)風(fēng)格。（）3.網(wǎng)站中的網(wǎng)頁(yè)一般通過(guò)網(wǎng)址來(lái)訪問(wèn)。（）4.訪問(wèn)網(wǎng)站時(shí)，默認(rèn)顯示的第一個(gè)網(wǎng)頁(yè)叫作主頁(yè)。（）新課導(dǎo)入：簡(jiǎn)要介紹本節(jié)課的學(xué)習(xí)內(nèi)容：“今天我們就一起來(lái)學(xué)習(xí)制作網(wǎng)頁(yè)展活動(dòng)。”新課教學(xué)：一、制作網(wǎng)站的基本流程制作網(wǎng)站一般包含6個(gè)步驟，具體可參考表17.1。①確定主題：教師引導(dǎo)學(xué)生思考校園科技節(jié)的特色和亮點(diǎn)，確定網(wǎng)站的主題方向。②搜集素材：教師展示一些與科技節(jié)相關(guān)的素材資源，如圖像、文字資料、視頻等，并對(duì)多媒體素材進(jìn)行篩選和整理，為制作網(wǎng)頁(yè)做好準(zhǔn)備。③確定結(jié)構(gòu)：教師通過(guò)繪制網(wǎng)站結(jié)構(gòu)圖或展示示例，講解如何確定網(wǎng)站的主頁(yè)、導(dǎo)航菜單、內(nèi)容組織和布局方式，讓學(xué)生了解網(wǎng)站結(jié)構(gòu)的合理性和重要性。④制作網(wǎng)頁(yè)：教師介紹制作網(wǎng)頁(yè)的兩種方法（編寫HTML代碼和使用在線人工智能模型），⑤美化網(wǎng)頁(yè)：教師展示一些美化后的網(wǎng)頁(yè)效果，講解網(wǎng)頁(yè)美化的原則和方法，如色彩搭配、字體選擇、圖像優(yōu)化等。⑥發(fā)布網(wǎng)站：簡(jiǎn)單介紹網(wǎng)站發(fā)布的概念和常見(jiàn)方式。制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)1、HTML代碼本質(zhì)上就是一段文本，操作時(shí)，可以用文本編輯工具編寫HTML代碼制作網(wǎng)頁(yè)，也可以利用在線人工智能模型自動(dòng)生成網(wǎng)頁(yè)。2、教師引導(dǎo)學(xué)生查看老師提供的素材（文字介紹、圖片等），鼓勵(lì)學(xué)生根據(jù)自己的創(chuàng)意和需求，補(bǔ)充完善素材內(nèi)容。例如，學(xué)生可以根據(jù)機(jī)器狗的功能特點(diǎn)，撰寫更詳細(xì)的文字描述，或者尋找更多相關(guān)的高清圖片。方法一：用文本編輯工具編寫HTML代碼，制作網(wǎng)頁(yè)方法二：選擇一個(gè)在線人工智能模型，讓它根據(jù)需求自動(dòng)生成網(wǎng)頁(yè)。任務(wù)一：請(qǐng)制作一個(gè)關(guān)于校園科技節(jié)的網(wǎng)頁(yè)，主要使用<img><p><h>等標(biāo)簽。學(xué)生自主完成任務(wù)，小組合作交流。教學(xué)過(guò)程課堂練習(xí):1.繼續(xù)使用在線人工智能模型學(xué)習(xí)網(wǎng)頁(yè)制作的知識(shí)。2.信息科技學(xué)生手冊(cè)第10頁(yè)任務(wù)單課堂小結(jié):1．網(wǎng)站的制作流程。2．<img><p>等標(biāo)簽的格式與作用。3．編寫HTML代碼，制作有文字和圖的簡(jiǎn)單網(wǎng)頁(yè)。4．使用在線人工智能模型自動(dòng)生成網(wǎng)頁(yè)。作業(yè)布置:一、簡(jiǎn)述制作網(wǎng)站的基本流程。二、編寫一個(gè)簡(jiǎn)單的HTML代碼，包含一個(gè)標(biāo)題、一段文字和一張圖片。板書設(shè)計(jì)第17課制作網(wǎng)頁(yè)展活動(dòng)1、制作網(wǎng)站的基本流