資源簡(jiǎn)介

(共26張PPT)
第9課
網(wǎng)頁的數(shù)據(jù)編碼
（浙教版）八年級(jí)
上
01
教學(xué)目標(biāo)
02
新知導(dǎo)入
03
網(wǎng)頁的編碼
04
網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)
05
網(wǎng)頁中的交互
06
拓展延伸
08
課堂小結(jié)
07
課堂練習(xí)
09
板書設(shè)計(jì)
01
教學(xué)目標(biāo)
1、信息意識(shí)：通過了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)過程。
2、計(jì)算思維：能夠通過體驗(yàn)網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。
3、數(shù)字化學(xué)習(xí)與創(chuàng)新：能夠使用網(wǎng)頁表單提交數(shù)據(jù)，所提交的數(shù)據(jù)需經(jīng)編碼轉(zhuǎn)換發(fā)送。
4、信息社會(huì)責(zé)任：能夠參與志愿服務(wù)項(xiàng)目，如開發(fā)無障礙網(wǎng)站或?yàn)榉菭I(yíng)利組織提供技術(shù)支持。
02
新知導(dǎo)入
通過了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)過程;通過體驗(yàn)網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。
探究：
1、你知道網(wǎng)頁是如何實(shí)現(xiàn)交互的嗎
2、你知道網(wǎng)頁數(shù)據(jù)有哪些編碼方式
02
新知導(dǎo)入
隨著人們對(duì)網(wǎng)頁應(yīng)用的需求越來越高，網(wǎng)頁不僅可以顯示豐富的信息，還可以實(shí)現(xiàn)交互功能。
03
網(wǎng)頁的編碼
文本、圖像、音頻、視頻等數(shù)據(jù)是通過HTML標(biāo)簽編碼組織在網(wǎng)頁中，再由瀏覽器解釋并呈現(xiàn)。如文本的段落可以使用標(biāo)簽

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

標(biāo)簽中，可以設(shè)置表單的基本屬性，包含表單的名稱(name)、處理程序(action)、傳送方法(method)、編碼方式(enctype)等。一般情況下，表單的處理程序action和傳送方法method是必不可少的參數(shù)。以設(shè)計(jì)“AI應(yīng)用小調(diào)查”表單為例，如圖9-1和圖9-2所示。
圖9-2
03
網(wǎng)頁中的交互
使用網(wǎng)頁表單提交數(shù)據(jù)，所提交的數(shù)據(jù)需經(jīng)編碼轉(zhuǎn)換發(fā)送。表單的請(qǐng)求響應(yīng)過程是由用戶提交表單開始，表單內(nèi)容編碼并格式化成相應(yīng)的請(qǐng)求內(nèi)容，通過HTTP協(xié)議發(fā)送給服務(wù)器。服務(wù)器接收到請(qǐng)求后作出響應(yīng)，通過HTTP協(xié)議把響應(yīng)內(nèi)容返回給瀏覽器，瀏覽器對(duì)服務(wù)器返回的數(shù)據(jù)進(jìn)行解析，并在網(wǎng)頁上呈現(xiàn)。
03
網(wǎng)頁中的交互
“AI應(yīng)用小調(diào)查”實(shí)例中，action屬性定義表單如果提交的是網(wǎng)址表單提交后會(huì)跳轉(zhuǎn)到相應(yīng)網(wǎng)頁;如果是一個(gè)電子郵件地址，則將表單中收集到的內(nèi)容發(fā)送給該郵件地址。
日積月累
04
網(wǎng)頁中的交互
隨堂練習(xí)
制作一張調(diào)查家庭使用人工智能設(shè)備的網(wǎng)頁。
1、規(guī)劃內(nèi)容和結(jié)構(gòu)：確定調(diào)查的目的、目標(biāo)受眾（家庭用戶）、要收集的數(shù)據(jù)類型（如設(shè)備種類、使用頻率、滿意度等）。
04
網(wǎng)頁中的交互
新知拓展—網(wǎng)頁欣賞
06
拓展延伸
1、JS應(yīng)用—折疊標(biāo)題
06
拓展延伸
2、網(wǎng)頁編碼對(duì)生活有哪些影響？
（1）信息交流的全球化：網(wǎng)頁編碼如UTF-8，使得不同語言和文化背景的人們能夠無障礙地在互聯(lián)網(wǎng)平臺(tái)上進(jìn)行交流和分享信息。
（2）數(shù)據(jù)準(zhǔn)確性：正確的網(wǎng)頁編碼確保了數(shù)據(jù)的準(zhǔn)確性，避免了因編碼錯(cuò)誤導(dǎo)致的信息丟失或誤解，這對(duì)于電子商務(wù)、在線教育等領(lǐng)域至關(guān)重要。
（3）用戶體驗(yàn)：合適的網(wǎng)頁編碼能夠提升用戶的瀏覽體驗(yàn)，避免出現(xiàn)亂碼或無法顯示的情況，增強(qiáng)用戶滿意度。
06
拓展延伸
3、網(wǎng)頁編碼有哪些好處和壞處？
好處：
兼容性強(qiáng)：如UTF-8編碼，它支持全球幾乎所有的語言字符，極大地提高了網(wǎng)站的國(guó)際兼容性。
數(shù)據(jù)安全：正確的編碼方式可以防止數(shù)據(jù)在傳輸過程中被篡改，保護(hù)用戶信息安全。
壞處：
存儲(chǔ)空間占用大：某些編碼方式（如UTF-8）可能會(huì)占用更多的存儲(chǔ)空間，尤其是在處理大量中文字符時(shí)。
06
拓展延伸
4、網(wǎng)頁編碼發(fā)展對(duì)社會(huì)的影響？
（1）促進(jìn)文化交流：隨著編碼技術(shù)的發(fā)展，不同文化和語言的交流變得更加便捷，有助于促進(jìn)全球文化的融合和相互理解。
（2）推動(dòng)技術(shù)創(chuàng)新：為了滿足日益增長(zhǎng)的數(shù)據(jù)處理需求，編碼技術(shù)的不斷進(jìn)步也推動(dòng)了相關(guān)領(lǐng)域的技術(shù)創(chuàng)新和發(fā)展。
（3）提高信息獲取效率：有效的編碼技術(shù)可以提高信息檢索的準(zhǔn)確性和效率，使人們能更快地獲取所需信息。
07
課堂練習(xí)
請(qǐng)回答網(wǎng)頁編碼發(fā)展未來發(fā)展趨勢(shì)？
1、更加高效的壓縮算法：隨著大數(shù)據(jù)時(shí)代的到來，未來的編碼技術(shù)將更加注重?cái)?shù)據(jù)的高效壓縮，以減少傳輸成本和存儲(chǔ)需求。
2、智能化編碼：人工智能技術(shù)的發(fā)展將使得編碼過程更加智能化。
3、更強(qiáng)的安全性：隨著網(wǎng)絡(luò)安全問題的日益突出，未來的編碼技術(shù)也將更加注重?cái)?shù)據(jù)的安全性。
08
課堂小結(jié)
通過網(wǎng)頁的數(shù)據(jù)編碼課程，我們深刻認(rèn)識(shí)到了網(wǎng)頁編碼發(fā)展對(duì)社會(huì)的影響。隨著編碼技術(shù)的發(fā)展，不同文化和語言的交流變得更加便捷，有助于促進(jìn)全球文化的融合和相互理解。同時(shí)，為了滿足日益增長(zhǎng)的數(shù)據(jù)處理需求，編碼技術(shù)的不斷進(jìn)步也推動(dòng)了相關(guān)領(lǐng)域的技術(shù)創(chuàng)新和發(fā)展。有效的編碼技術(shù)可以提高信息檢索的準(zhǔn)確性和效率，使人們能更快地獲取所需信息。
09
板書設(shè)計(jì)
網(wǎng)頁的數(shù)據(jù)編碼
一、網(wǎng)頁的編碼
二、網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)
三、網(wǎng)頁中的交互
課后作業(yè)
1、回家好好地嘗試編寫一個(gè)有關(guān)于人工智能的提交頁面。
https://www.21cnjy.com/recruitment/home/fine中小學(xué)教育資源及組卷應(yīng)用平臺(tái)
信息技術(shù) 第9課 網(wǎng)頁的數(shù)據(jù)編碼
課題 網(wǎng)頁的數(shù)據(jù)編碼 單元 第二單元 學(xué)科 信息技術(shù) 年級(jí) 八年級(jí)
教材分析 《網(wǎng)頁的數(shù)據(jù)編碼》該課時(shí)教材編排了“網(wǎng)頁的編碼—網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)—網(wǎng)頁中的交互”的系列學(xué)習(xí)活動(dòng)，旨在讓學(xué)生通過了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)過程;通過體驗(yàn)網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。教材編排合理，教學(xué)環(huán)節(jié)注重實(shí)踐與理論相結(jié)合，教材內(nèi)容貼近學(xué)生生活實(shí)際，符合八年級(jí)學(xué)生認(rèn)知特點(diǎn)。
教學(xué)目標(biāo) 1、信息意識(shí)：通過了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)過程。 2、計(jì)算思維：能夠通過體驗(yàn)網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。 3、數(shù)字化學(xué)習(xí)與創(chuàng)新：能夠使用網(wǎng)頁表單提交數(shù)據(jù)，所提交的數(shù)據(jù)需經(jīng)編碼轉(zhuǎn)換發(fā)送。 4、信息社會(huì)責(zé)任：能夠參與志愿服務(wù)項(xiàng)目，如開發(fā)無障礙網(wǎng)站或?yàn)榉菭I(yíng)利組織提供技術(shù)支持。
重點(diǎn) 一、網(wǎng)頁的編碼二、網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)三、網(wǎng)頁中的交互
難點(diǎn) 1、網(wǎng)頁中的交互
教學(xué)過程
教學(xué)環(huán)節(jié) 教師活動(dòng) 學(xué)生活動(dòng) 設(shè)計(jì)意圖
導(dǎo)入新課 通過了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)過程;通過體驗(yàn)網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。 探究：1、你知道網(wǎng)頁是如何實(shí)現(xiàn)交互的嗎 2、你知道網(wǎng)頁數(shù)據(jù)有哪些編碼方式 隨著人們對(duì)網(wǎng)頁應(yīng)用的需求越來越高，網(wǎng)頁不僅可以顯示豐富的信息，還可以實(shí)現(xiàn)交互功能。 思考交流 幫助學(xué)生理解網(wǎng)頁編碼的概念，打開課堂。
講授新課 一 、網(wǎng)頁的編碼文本、圖像、音頻、視頻等數(shù)據(jù)是通過HTML標(biāo)簽編碼組織在網(wǎng)頁中，再由瀏覽器解釋并呈現(xiàn)。如文本的段落可以使用標(biāo)簽

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

標(biāo)簽中，可以設(shè)置表單的基本屬性，包含表單的名稱(name)、處理程序(action)、傳送方法(method)、編碼方式(enctype)等。一般情況下，表單的處理程序action和傳送方法method是必不可少的參數(shù)。以設(shè)計(jì)“AI應(yīng)用小調(diào)查”表單為例，如圖9-1和圖9-2所示。在標(biāo)簽中，可以設(shè)置表單的基本屬性，包含表單的名稱(name)、處理程序(action)、傳送方法(method)、編碼方式(enetype)等。一般情況下，表單的處理程序action和傳送方法method是必不可少的參數(shù)。以設(shè)計(jì)“AI應(yīng)用小調(diào)查”表單為例，如圖9-1和圖9-2所示。使用網(wǎng)頁表單提交數(shù)據(jù)，所提交的數(shù)據(jù)需經(jīng)編碼轉(zhuǎn)換發(fā)送。表單的請(qǐng)求響應(yīng)過程是由用戶提交表單開始，表單內(nèi)容編碼并格式化成相應(yīng)的請(qǐng)求內(nèi)容，通過HTTP協(xié)議發(fā)送給服務(wù)器。服務(wù)器接收到請(qǐng)求后作出響應(yīng)，通過HTTP協(xié)議把響應(yīng)內(nèi)容返回給瀏覽器，瀏覽器對(duì)服務(wù)器返回的數(shù)據(jù)進(jìn)行解析，并在網(wǎng)頁上呈現(xiàn)。日積月累“AI應(yīng)用小調(diào)查”實(shí)例中，action屬性定義表單如果提交的是網(wǎng)址表單提交后會(huì)跳轉(zhuǎn)到相應(yīng)網(wǎng)頁;如果是一個(gè)電子郵件地址，則將表單中收集到的內(nèi)容發(fā)送給該郵件地址。隨堂練習(xí)制作一張調(diào)查家庭使用人工智能設(shè)備的網(wǎng)頁。新知拓展網(wǎng)頁欣賞四 、知識(shí)拓展 1、JS應(yīng)用—折疊標(biāo)題。2、網(wǎng)頁編碼對(duì)于生活有哪些影響？3、網(wǎng)頁編碼有哪些好處和壞處？4、網(wǎng)頁編碼發(fā)展對(duì)社會(huì)的影響？五、課堂練習(xí) 請(qǐng)回答網(wǎng)頁編碼發(fā)展未來發(fā)展趨勢(shì)？ 學(xué)生之間互相討論在我們?nèi)粘Ｉ钪械木W(wǎng)頁的編碼運(yùn)用。學(xué)生通過觀看課件和聽老師講解，了解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)的運(yùn)用場(chǎng)景。 學(xué)生體驗(yàn)網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。學(xué)生通過觀看視頻和自我思考我們生活中網(wǎng)頁編碼的運(yùn)用。學(xué)生查找資料，相互討論對(duì)于本堂課中老師提出的問題進(jìn)行解答。 幫助學(xué)生積極融入課堂，提高學(xué)生學(xué)習(xí)積極性。學(xué)生通過邊看邊聽的形式了解網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)的實(shí)現(xiàn)原理。 幫助學(xué)生進(jìn)一步理解網(wǎng)頁中的交互的基本結(jié)構(gòu)的運(yùn)行原理。讓學(xué)生通過視頻思考，進(jìn)一步加深對(duì)課堂所學(xué)內(nèi)容的理解。 讓學(xué)生鞏固本堂課的內(nèi)容，加深學(xué)生對(duì)所學(xué)知識(shí)的印象。
布置作業(yè) 回家好好地嘗試編寫一個(gè)有關(guān)于人工智能的提交頁面。 完成作業(yè) 培養(yǎng)學(xué)生查閱資料的能力，分析解決問題的能力
課堂小結(jié) 通過網(wǎng)頁的數(shù)據(jù)編碼課程，我們深刻認(rèn)識(shí)到了網(wǎng)頁編碼發(fā)展對(duì)社會(huì)的影響。隨著編碼技術(shù)的發(fā)展，不同文化和語言的交流變得更加便捷，有助于促進(jìn)全球文化的融合和相互理解。同時(shí)，為了滿足日益增長(zhǎng)的數(shù)據(jù)處理需求，編碼技術(shù)的不斷進(jìn)步也推動(dòng)了相關(guān)領(lǐng)域的技術(shù)創(chuàng)新和發(fā)展。有效的編碼技術(shù)可以提高信息檢索的準(zhǔn)確性和效率，使人們能更快地獲取所需信息。 分組總結(jié)歸納 鍛煉學(xué)生的總結(jié)能力，邏輯思維、語言表達(dá)能力。
板書 一、網(wǎng)頁的編碼二、網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)三、網(wǎng)頁中的交互 學(xué)習(xí)、記憶及勾畫知識(shí)點(diǎn) 明確教學(xué)內(nèi)容及重點(diǎn)和難點(diǎn)
21世紀(jì)教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://www.21cnjy.com/" 21世紀(jì)教育網(wǎng)(www.21cnjy.com)

展開更多......

收起↑