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