資源簡介

《網(wǎng)頁的數(shù)據(jù)編碼》教學(xué)設(shè)計
一、學(xué)習(xí)內(nèi)容分析
本課是浙江省信息科技教材八年級上冊第二單元的第 9課，本課內(nèi)容處于互聯(lián)網(wǎng)應(yīng)用與創(chuàng)新模塊，包含了網(wǎng)頁的編碼、網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)、網(wǎng)頁中的交互三部分內(nèi)容。要求學(xué)生能通過學(xué)習(xí)網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)過程；通過體驗網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。處于第二單元《互聯(lián)網(wǎng)數(shù)據(jù)》的第四課，承上啟下，為學(xué)習(xí)下一節(jié)網(wǎng)頁的編輯與發(fā)布打下基礎(chǔ)。
二、學(xué)情分析
本課授課對象為初二學(xué)生，接觸過不少網(wǎng)頁知識，在本課之前，學(xué)生已經(jīng)了解了常用互聯(lián)網(wǎng)應(yīng)用中的數(shù)據(jù)構(gòu)成，掌握了HTML文檔的基本結(jié)構(gòu)，能夠初步編輯HTML網(wǎng)頁代碼，理解了超鏈接的作用，體驗過CSS設(shè)置的效果。但是對于網(wǎng)頁的數(shù)據(jù)編碼，網(wǎng)頁的數(shù)據(jù)請求和響應(yīng)過程以及網(wǎng)頁表單數(shù)據(jù)交互的過程還不太了解。
學(xué)習(xí)目標(biāo)
教學(xué)目標(biāo) 核心素養(yǎng)指向
1.通過具體任務(wù)的實踐活動，了解網(wǎng)頁的數(shù)據(jù)編碼； 2.分析網(wǎng)頁編碼，理解網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)過程； 3.通過體驗網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。 1.信息意識：崇尚科學(xué)精神、原創(chuàng)精神，具有自主動手解決問題、掌握核心技術(shù)的意識。 2.計算思維：能在真實情境中發(fā)現(xiàn)問題，提取問題的基本特征，對問題進(jìn)行抽象、分解、建模，制訂解決方案。 3.數(shù)字化學(xué)習(xí)與創(chuàng)新：按照任務(wù)需求，能選擇合適的數(shù)字設(shè)備、平臺和資源，合作完成數(shù)字化創(chuàng)新活動的創(chuàng)意、規(guī)劃與實施。 4.信息社會責(zé)任：具有良好的協(xié)作意識與習(xí)慣，樂于幫助他人開展信息活動，負(fù)責(zé)任的共享信息和資源，并尊重他人知識產(chǎn)權(quán)。
四、教學(xué)重難點
教學(xué)重點：了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)過程。編輯好的網(wǎng)頁能否正確打開依賴于各個部分的數(shù)據(jù)編碼是否正確，網(wǎng)頁發(fā)送請求后，瀏覽器根據(jù)編碼進(jìn)行解析，返回相應(yīng)的數(shù)據(jù)，編碼在這個環(huán)節(jié)中起到極其重要的作用。
教學(xué)難點：通過體驗設(shè)置網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。表單是實現(xiàn)網(wǎng)頁交互的重要組成部分，表單屬性對于學(xué)生來講也是比較陌生的部分，表單所涉及的設(shè)置內(nèi)容較多，想讓學(xué)生在一節(jié)課中進(jìn)行理解并掌握有較大難度。
通過小組合作、實踐探究、分析歸納、遷移應(yīng)用輔以教師指導(dǎo)等多種方式逐一突破。
五、課前準(zhǔn)備
學(xué)習(xí)環(huán)境：Edge瀏覽器，Windows系統(tǒng)電腦
設(shè)計思路
通過討論得出網(wǎng)頁中需要出現(xiàn)的數(shù)據(jù)，從各項數(shù)據(jù)的組織進(jìn)入本課的知識點，講解HTML標(biāo)簽編碼。通過視頻標(biāo)簽的添加讓學(xué)生掌握網(wǎng)頁編碼及數(shù)據(jù)請求與響應(yīng)這部分內(nèi)容。
學(xué)生討論平時碰到過的網(wǎng)頁交互方式，通過網(wǎng)頁現(xiàn)有表單的分析以及文本輸入框的添加讓學(xué)生掌握網(wǎng)頁表單交互的設(shè)置。
教法學(xué)法
本課采用實踐體驗法、討論總結(jié)法、演示講解法、任務(wù)探究法等教學(xué)方法。
七、學(xué)習(xí)過程
學(xué)習(xí)任務(wù) 學(xué)習(xí)過程 設(shè)計意圖
教師活動 學(xué)生活動
引入 播放一則AI宣傳視頻。 當(dāng)今科技發(fā)展非常迅速，AI已經(jīng)滲入我們生活的方方面面，如果老師打算以網(wǎng)頁的形式來調(diào)查收集同學(xué)們對AI了解情況的信息，那么這張網(wǎng)頁中需要有哪些元素？（文字、圖片、視頻、輸入框、按鈕……）現(xiàn)在通過網(wǎng)頁收集信息的方法很常見（展示案例），大多都有文字、圖片、輸入框、按鈕等這些元素，輸入框和按鈕都屬于表單的一部分。今天這節(jié)課我們就要學(xué)著將這些元素組合起來制作一個“AI主題小調(diào)查”的網(wǎng)頁。 參與思考、討論 通過話題引導(dǎo)學(xué)生聯(lián)系日常觀察，引出本課課題
新授 一、網(wǎng)頁的編碼 我們先打開下發(fā)的“AI主題小調(diào)查”觀察一下，這個界面中有哪些元素？（圖片、文字、表單） 大家知道這些內(nèi)容是如何展示在一個網(wǎng)頁中的么？結(jié)合前幾節(jié)課的學(xué)習(xí)，大家思考一下。 網(wǎng)頁中的數(shù)據(jù)都是通過HTML標(biāo)簽編碼組織在網(wǎng)頁中的，網(wǎng)頁編碼是指用于表示和處理網(wǎng)頁文本內(nèi)容的字符編碼方法，在通過瀏覽器進(jìn)行解釋并呈現(xiàn)。 剛才我們有舉例網(wǎng)頁中常見的數(shù)據(jù)類型，不同的數(shù)據(jù)類型都對應(yīng)不同的標(biāo)簽編碼，接下去請同學(xué)們小組討論，結(jié)合現(xiàn)有的網(wǎng)頁界面來分析一下這些數(shù)據(jù)類型對應(yīng)的標(biāo)簽編碼是什么，進(jìn)行連線。 學(xué)習(xí)網(wǎng)頁編碼 小組討論，完成任務(wù)，各組展示結(jié)果，派一組上臺連線。 了解網(wǎng)頁編碼 通過連一連的任務(wù)，讓學(xué)生進(jìn)行自主探究，加深這部分內(nèi)容的印象 網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)是本課的重點之一，通過網(wǎng)頁源文件的修改，以及網(wǎng)頁的瀏覽來讓學(xué)生體驗整個過程，加深這個知識點的記憶。
二、網(wǎng)頁的數(shù)據(jù)請求與響應(yīng) 我們通過HTML標(biāo)簽編碼將數(shù)據(jù)組織在網(wǎng)頁中，那么這些數(shù)據(jù)又是如何呈現(xiàn)給我們，讓我們看到相應(yīng)的文字音頻視頻等內(nèi)容的呢？這里就涉及到網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)。 網(wǎng)頁需要通過請求與響應(yīng)以獲取HTML數(shù)據(jù)，網(wǎng)頁中如有多個媒體數(shù)據(jù)，則需要多次請求與響應(yīng)，才能在網(wǎng)頁上呈現(xiàn)。請求與響應(yīng)的流程如圖： 學(xué)習(xí)網(wǎng)頁的數(shù)據(jù)請求與響應(yīng) 通過作業(yè)展示進(jìn)行課堂 檢驗，關(guān)注學(xué)生的掌握情況，即時調(diào)整教學(xué)。
大家剛才應(yīng)該有注意到，老師下發(fā)的文件中，有一個文件名為“AI宣傳視頻”的視頻文件，為了在收集調(diào)查結(jié)果前，能夠確保每位被調(diào)查的同學(xué)都知道AI是什么，我們可以在網(wǎng)頁中插入這個宣傳視頻，接下去請同學(xué)們仿照圖片標(biāo)簽的添加格式，在網(wǎng)頁圖片下方添加這個視頻。 （提問：1.視頻標(biāo)簽是？2.標(biāo)簽添加語句是？）

組織；圖像可以使用標(biāo)簽實現(xiàn)將其插入文本中；多媒體的播放可以使用

展開更多......

收起↑