浙教版（2023）八年級上冊第9課 網(wǎng)頁的數(shù)據(jù)編碼教課內(nèi)容課件ppt

這是一份浙教版（2023）八年級上冊第9課 網(wǎng)頁的數(shù)據(jù)編碼教課內(nèi)容課件ppt，共16頁。PPT課件主要包含了學(xué)習(xí)目標，網(wǎng)頁的編碼，親身體驗，網(wǎng)頁中的交互，日積月累，隨堂練習(xí)等內(nèi)容，歡迎下載使用。
第9課 網(wǎng)頁的數(shù)據(jù)編碼
通過了解網(wǎng)頁的數(shù)據(jù)編碼，理解網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)過程；通過體驗網(wǎng)頁表單，了解網(wǎng)頁表單數(shù)據(jù)交互的過程。
1.你知道網(wǎng)頁是如何實現(xiàn)交互的嗎？2.你知道網(wǎng)頁數(shù)據(jù)有哪些編碼方式？
隨著人們對網(wǎng)頁應(yīng)用的需求越來越高，網(wǎng)頁不僅可以顯示豐富的信息， 還可以實現(xiàn)交互功能。
文本、圖像、音頻、視頻等數(shù)據(jù)是通過HTML標簽編碼組織在網(wǎng)頁中， 再由瀏覽器解釋并呈現(xiàn)。如文本的段落可以使用標簽＜p＞組織；圖像可以使 用標簽＜img/＞實現(xiàn)將其插入文本中；多媒體的播放可以使用＜audi＞、＜vide＞ 等標簽組織，并能設(shè)置播放方式。
使用＜img/＞標簽添加圖片文件，再嘗試使用其他標簽。
二、網(wǎng)頁的數(shù)據(jù)請求與響應(yīng)
網(wǎng)頁需要通過請求與響應(yīng)以獲取HTML數(shù)據(jù)，網(wǎng)頁中如有多個媒體數(shù) 據(jù)，則需要多次請求與響應(yīng)，才能在網(wǎng)頁上呈現(xiàn)。如瀏覽某網(wǎng)站，瀏覽器會發(fā)送一個請求，要求服務(wù)器返回這個網(wǎng)頁的 HTML數(shù)據(jù)。服務(wù)器會響應(yīng)這個請求，并把HTML數(shù)據(jù)發(fā)送回來。瀏覽器會 解析HTML數(shù)據(jù)，文本可以直接解釋呈現(xiàn)，其中的圖像、音頻、視頻等媒體 數(shù)據(jù)，可由瀏覽器額外發(fā)送新的請求，并等待服務(wù)器返回相應(yīng)的數(shù)據(jù)，最終 在瀏覽器顯示出完整的網(wǎng)頁內(nèi)容。。
網(wǎng)頁不僅從服務(wù)器獲取信息，還可以向服務(wù)器反饋信息。網(wǎng)頁表單是實現(xiàn)用戶與網(wǎng)頁之間信息交互的方式之一，通過在網(wǎng)頁中添加表單可以實現(xiàn)問 卷調(diào)查、用戶登錄、提交資料等交互功能。表單的標簽是,用戶根據(jù)網(wǎng)頁表單的文字提示，可以在表單中輸入相關(guān)信息，提交表單后，填寫的信息便反饋給服務(wù)器。在標簽中，可以設(shè)置表單的基本屬性，包含表單的名稱（name）、處理程序（actin）、傳送方法（methd）、編碼方式 （enctype）等。
一般情況下，表單的處理程序actin和傳送方法methd是必不 可少的參數(shù)。以設(shè)計“AI應(yīng)用小調(diào)查”表單為例，如圖所示。
“AI應(yīng)用小調(diào)查”表單的網(wǎng)頁效果圖
使用網(wǎng)頁表單提交數(shù)據(jù)，所提交的數(shù)據(jù)需經(jīng)編碼轉(zhuǎn)換發(fā)送。表單的請求響應(yīng)過程是由用戶提交表單開始，表單內(nèi)容編碼并格式化成相應(yīng)的請求內(nèi)容，通過HTTP協(xié)議發(fā)送給服務(wù)器。服務(wù)器接收到請求后作出響應(yīng)，通過 HTTP協(xié)議把響應(yīng)內(nèi)容返回給瀏覽器，瀏覽器對服務(wù)器返回的數(shù)據(jù)進行解析， 并在網(wǎng)頁上呈現(xiàn)。
“AI應(yīng)用小調(diào)查”實例中，actin屬性定義表單如果提交的是網(wǎng)址， 表單提交后會跳轉(zhuǎn)到相應(yīng)網(wǎng)頁；如果是一個電子郵件地址，則將表單中 收集到的內(nèi)容發(fā)送給該郵件地址。
制作一張調(diào)查家庭使用人工智能設(shè)備的網(wǎng)頁。