浙教版八年級(jí)信息技術(shù)上冊(cè)《第9課網(wǎng)頁的數(shù)據(jù)編碼》課件

第9課網(wǎng)頁的數(shù)據(jù)編碼學(xué)習(xí)目標(biā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ù)有哪些編碼方式？建構(gòu)隨著人們對(duì)網(wǎng)頁應(yīng)用的需求越來越高，網(wǎng)頁不僅可以顯示豐富的信息，還可以實(shí)現(xiàn)交互功能。一、網(wǎng)頁的編碼文本、圖像、音頻、視頻等數(shù)據(jù)是通過HTML標(biāo)簽編碼組織在網(wǎng)頁中，再由瀏覽器解釋并呈現(xiàn)。如文本的段落可以使用標(biāo)簽＜p＞組織；圖像可以使用標(biāo)簽＜img/＞實(shí)現(xiàn)將其插入文本中；多媒體的播放可以使用＜audio＞、＜video＞等標(biāo)簽組織，并能設(shè)置播放方式。親身體驗(yàn)使用＜img/＞標(biāo)簽添加圖片文件，再嘗試使用其他標(biāo)簽。二、網(wǎng)頁的數(shù)據(jù)請(qǐng)求與響應(yīng)網(wǎng)頁需要通過請(qǐng)求與響應(yīng)以獲取HTML數(shù)據(jù)，網(wǎng)頁中如有多個(gè)媒體數(shù)據(jù)，則需要多次請(qǐng)求與響應(yīng)，才能在網(wǎng)頁上呈現(xiàn)。如瀏覽某網(wǎng)站，瀏覽器會(huì)發(fā)送一個(gè)請(qǐng)求，要求服務(wù)器返回這個(gè)網(wǎng)頁的HTML數(shù)據(jù)。服務(wù)器會(huì)響應(yīng)這個(gè)請(qǐng)求，并把HTML數(shù)據(jù)發(fā)送回來。瀏覽器會(huì)解析HTML數(shù)據(jù)，文本可以直接解釋呈現(xiàn)，其中的圖像、音頻、視頻等媒體數(shù)據(jù)，可由瀏覽器額外發(fā)送新的請(qǐng)求，并等待服務(wù)器返回相應(yīng)的數(shù)據(jù)，最終在瀏覽器顯示出完整的網(wǎng)頁內(nèi)容。。三、網(wǎng)頁中的交互網(wǎng)頁不僅從服務(wù)器獲取信息，還可以向服務(wù)器反饋信息。網(wǎng)頁表單是實(shí)現(xiàn)用戶與網(wǎng)頁之間信息交互的方式之一，通過在網(wǎng)頁中添加表單可以實(shí)現(xiàn)問卷調(diào)查、用戶登錄、提交資料等交互功能。表單的標(biāo)簽是<form></form>,用戶根據(jù)網(wǎng)頁表單的文字提示，可以在表單中輸入相關(guān)信息，提交表單后，填寫的信息便反饋給服務(wù)器。在<form>標(biāo)簽中，可以設(shè)置表單的基本屬性，包含表單的名稱（name）、處理程序（action）、傳送方法（method）、編碼方式（enctype）等。三、網(wǎng)頁中的交互一般情況下，表單的處理程序action和傳送方法method是必不可少的參數(shù)。以設(shè)計(jì)“AI應(yīng)用小調(diào)查”表單為例，如圖所示?！癆I應(yīng)用小調(diào)查”表單的網(wǎng)頁效果圖三、網(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)。日積月累“AI應(yīng)用小調(diào)查”實(shí)例中，action屬性定義表單如果提交的是網(wǎng)址，表單提交后會(huì)跳轉(zhuǎn)到相應(yīng)網(wǎng)頁；如果是一個(gè)電子郵件地址，則將表單中收集到的內(nèi)