第16課探秘網(wǎng)頁(yè)與代碼教案-人教版（2024）初中信息技術(shù)七年級(jí)全一冊(cè)

課題第16課探秘網(wǎng)頁(yè)與代碼共1課時(shí)第1課時(shí)課型新課應(yīng)到人數(shù)實(shí)到人數(shù)主備人備課時(shí)間月日授課時(shí)間月日教學(xué)內(nèi)容及教材分析本節(jié)課是人教版《初中信息技術(shù)七年級(jí)（下冊(cè)）》第四單元《校園活動(dòng)線上展》第16課，課題為《探秘網(wǎng)頁(yè)與代碼》。這一課的教材內(nèi)容緊密結(jié)合初中生的認(rèn)知水平和興趣點(diǎn)，通過(guò)生動(dòng)的案例和實(shí)際的代碼示例，循序漸進(jìn)地介紹了HTML語(yǔ)言的基本結(jié)構(gòu)和常用標(biāo)簽。教材注重理論與實(shí)踐的結(jié)合，不僅讓學(xué)生了解網(wǎng)頁(yè)的構(gòu)成要素，還引導(dǎo)他們動(dòng)手實(shí)踐，通過(guò)編寫(xiě)簡(jiǎn)單的HTML代碼來(lái)體驗(yàn)網(wǎng)頁(yè)制作的樂(lè)趣。同時(shí)，教材還注重啟發(fā)學(xué)生的思維，鼓勵(lì)他們探索和發(fā)現(xiàn)，從而培養(yǎng)他們的信息素養(yǎng)和創(chuàng)新能力。。課標(biāo)要求了解網(wǎng)頁(yè)與代碼之間的對(duì)應(yīng)關(guān)系。初步認(rèn)識(shí)HTML語(yǔ)言，知道常用標(biāo)簽的作用。驗(yàn)證網(wǎng)頁(yè)內(nèi)容的保存形式。核心素養(yǎng)目標(biāo)信息意識(shí)：增強(qiáng)學(xué)生對(duì)網(wǎng)頁(yè)與代碼關(guān)系的認(rèn)識(shí)，理解網(wǎng)頁(yè)背后的工作原理，提高信息獲取和處理的能力。計(jì)算思維：初步掌握HTML語(yǔ)言的基本概念和常用標(biāo)簽的作用，學(xué)會(huì)用計(jì)算思維分析和解決網(wǎng)頁(yè)制作中的問(wèn)題。數(shù)字化學(xué)習(xí)與創(chuàng)新：通過(guò)實(shí)踐操作，培養(yǎng)學(xué)生數(shù)字化學(xué)習(xí)的能力，激發(fā)他們的創(chuàng)新思維和創(chuàng)造力。信息社會(huì)責(zé)任：引導(dǎo)學(xué)生遵守網(wǎng)絡(luò)道德規(guī)范，樹(shù)立信息社會(huì)責(zé)任感，學(xué)會(huì)安全、合法地使用網(wǎng)絡(luò)資源。教學(xué)重點(diǎn)掌握認(rèn)識(shí)HTML語(yǔ)言，知道常用標(biāo)簽的作用。教學(xué)難點(diǎn)理解驗(yàn)證網(wǎng)頁(yè)內(nèi)容的保存形式。教學(xué)方法任務(wù)驅(qū)動(dòng)法、演示講解法、小組合作法學(xué)習(xí)方法觀察學(xué)習(xí)、合作探究、實(shí)踐操作、反思總結(jié)教學(xué)工具多媒體教室，確保每臺(tái)計(jì)算機(jī)能夠正常上網(wǎng)，安裝有《記事本》軟件、《Web服務(wù)器》軟件、《圖像編碼轉(zhuǎn)換器》軟件，并且瀏覽器功能正常。教學(xué)過(guò)程教學(xué)過(guò)程教學(xué)內(nèi)容二次備課復(fù)習(xí)鞏固：1.通過(guò)多媒體展示一些風(fēng)格各異、功能豐富的網(wǎng)頁(yè)，如新聞網(wǎng)站、購(gòu)物網(wǎng)站、游戲網(wǎng)站等，吸引學(xué)生的注意力，激發(fā)學(xué)生的學(xué)習(xí)興趣。2.提問(wèn)學(xué)生：“大家在瀏覽網(wǎng)頁(yè)的時(shí)候，有沒(méi)有想過(guò)這些網(wǎng)頁(yè)是怎么制作出來(lái)的？為什么我們?cè)跒g覽器中輸入一個(gè)網(wǎng)址就能看到各種各樣的內(nèi)容呢？”引導(dǎo)學(xué)生思考網(wǎng)頁(yè)背后的原理。新課導(dǎo)入：簡(jiǎn)要介紹本節(jié)課的學(xué)習(xí)內(nèi)容：“今天我們就一起來(lái)探秘網(wǎng)頁(yè)與代碼之間的奧秘，了解網(wǎng)頁(yè)是如何通過(guò)代碼來(lái)實(shí)現(xiàn)圖文聲像展示和各種功能的。”新課教學(xué)：很多同學(xué)對(duì)網(wǎng)頁(yè)為何能夠展現(xiàn)圖文聲像，為何能夠?qū)崿F(xiàn)跳轉(zhuǎn)，如何制作網(wǎng)頁(yè)等問(wèn)題心存好奇。本課將帶領(lǐng)大家學(xué)習(xí)網(wǎng)頁(yè)與網(wǎng)頁(yè)代碼的相關(guān)知識(shí)。一、網(wǎng)頁(yè)與HTML代碼上網(wǎng)瀏覽時(shí)會(huì)接觸風(fēng)格各異的網(wǎng)頁(yè)，里面有文字、圖像、音頻、視頻等多種資源。通過(guò)網(wǎng)頁(yè)中的超鏈接，可以方便地在網(wǎng)頁(yè)和資源之間跳轉(zhuǎn)。這一切到底是怎樣完成的呢？瀏覽網(wǎng)頁(yè)，調(diào)出瀏覽器的“開(kāi)發(fā)人員”工具，觀察頁(yè)面代碼（圖16.1）網(wǎng)絡(luò)命令實(shí)踐學(xué)生分組進(jìn)行網(wǎng)絡(luò)命令實(shí)踐。每個(gè)小組選擇一臺(tái)計(jì)算機(jī)，使用ping、ipconfig、tracert和netstat等網(wǎng)絡(luò)命令進(jìn)行測(cè)試和分析。學(xué)生可以選擇不同的目標(biāo)主機(jī)進(jìn)行ping測(cè)試，觀察網(wǎng)絡(luò)延遲和數(shù)據(jù)包丟失情況。使用ipconfig命令查看計(jì)算機(jī)的網(wǎng)絡(luò)配置信息，檢查IP地址、子網(wǎng)掩碼、默認(rèn)網(wǎng)關(guān)和DNS服務(wù)器地址是否正確。使用tracert命令跟蹤數(shù)據(jù)包的路徑，分析網(wǎng)絡(luò)中的故障點(diǎn)或擁塞點(diǎn)。使用netstat命令查看計(jì)算機(jī)的網(wǎng)絡(luò)連接狀態(tài)，檢查是否有異常的連接或端口占用情況。3、學(xué)生自主學(xué)習(xí)：超文本標(biāo)記語(yǔ)言（HyperTextMarkupLanguage），簡(jiǎn)稱HTML，是用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。HTML不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言，標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽（markuptag）。HTML使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)。HTML文檔包含了HTML標(biāo)簽及文本內(nèi)容。HTML文檔也叫做web頁(yè)面，包含很多因素，音樂(lè)、文字、鏈接、圖片等。二、顯示網(wǎng)頁(yè)的過(guò)程1、瀏覽器獲得網(wǎng)頁(yè)代碼后，就會(huì)按照這些代碼的要求，顯示相應(yīng)的文字、圖像等，進(jìn)而呈現(xiàn)出完整的網(wǎng)頁(yè)效果。2、學(xué)習(xí)活動(dòng)2（1）用《記事本》軟件打開(kāi)網(wǎng)頁(yè)文件，嘗試通過(guò)改代碼的方式完成修改網(wǎng)頁(yè)標(biāo)題、更換圖像、增加圖像說(shuō)明等任務(wù)。（2）參照以下方法進(jìn)行操作，在網(wǎng)頁(yè)中顯示一張笑臉圖。方法一：修改網(wǎng)頁(yè)，讓它顯示計(jì)算機(jī)中的圖像文件001.png。瀏覽網(wǎng)頁(yè)，觀察顯示效果。提示:<imgsr='***/001.png'>方法二：運(yùn)行《圖像編碼轉(zhuǎn)換器》軟件，選擇圖像文件001.png后進(jìn)行編碼轉(zhuǎn)換，然后用運(yùn)行結(jié)果替換網(wǎng)頁(yè)中的<img>標(biāo)簽。確保網(wǎng)頁(yè)所在文件夾中沒(méi)有圖像文件001.png后，瀏覽網(wǎng)頁(yè)，觀察顯示效果。提示:<imgsm="data:image/jpeg;base64,iVBORwOKG….alt="lmage"/>HTML代碼與網(wǎng)頁(yè)文件師：一般情況下，HTML代碼保存在以“.htm”“.html”等為擴(kuò)展名的網(wǎng)頁(yè)文件中。但實(shí)際瀏覽過(guò)程中，瀏覽器只要能得到相應(yīng)的HTML代碼就可以了，并不要求這些代碼必須以網(wǎng)頁(yè)文件形式保存。學(xué)習(xí)活動(dòng)3（1）運(yùn)行《Web服務(wù)器》軟件。（2）修改編碼、內(nèi)容等參數(shù)。（3）根據(jù)提示訪問(wèn)這個(gè)網(wǎng)站。（4）修改內(nèi)容后再次訪問(wèn)，看看顯示的變化。【拓展與提升】網(wǎng)頁(yè)中包含的圖像、音頻、視頻等必須保存在網(wǎng)頁(yè)所在的那個(gè)網(wǎng)站中嗎？請(qǐng)驗(yàn)證你的猜想。教學(xué)過(guò)程課堂練習(xí):課堂練習(xí)：課程練習(xí)書(shū)本上的內(nèi)容1.瀏覽網(wǎng)頁(yè)，調(diào)出瀏覽器的“開(kāi)發(fā)人員”工具，觀察頁(yè)面代碼用《記事本》軟件打開(kāi)網(wǎng)頁(yè)文件，嘗試通過(guò)改代碼的方式完成修改網(wǎng)頁(yè)標(biāo)題、更換圖像、增加圖像說(shuō)明等任務(wù)參照以下方法進(jìn)行操作，在網(wǎng)頁(yè)中顯示一張笑臉圖運(yùn)行《Web服務(wù)器》軟件，修改編碼、內(nèi)容等參數(shù)課堂小結(jié):通過(guò)學(xué)生操作運(yùn)行《Web服務(wù)器》軟件，修改編碼、內(nèi)容等參數(shù)，引導(dǎo)學(xué)生獨(dú)立對(duì)所學(xué)的課程進(jìn)行歸納總結(jié)。作業(yè)布置:1.?網(wǎng)頁(yè)與HTML代碼有什么關(guān)系？2.瀏覽器是如何顯示網(wǎng)頁(yè)的？3.?HTML代碼是不是必須保存在網(wǎng)頁(yè)文件中板