資源簡介

(共15張PPT)
第9課 網頁的數據編碼
浙教版（2023）八年級上冊
教學目標
通過了解網頁的數據編碼，理解網頁的數據請求與響應過程；通過體驗網頁表單，了解網頁表單數據交互的過程。
探究
1.你知道網頁是如何實現交互的嗎？
2.你知道網頁數據有哪些編碼方式？
課堂導入
隨著人們對網頁應用的需求越來越高，網頁不僅可以顯示豐富的信息， 還可以實現交互功能。
一、網頁的編碼
文本、圖像、音頻、視頻等數據是通過HTML標簽編碼組織在網頁中， 再由瀏覽器解釋并呈現。如文本的段落可以使用標簽＜p＞組織；圖像可以使 用標簽＜img/＞實現將其插入文本中；多媒體的播放可以使用＜audio＞、＜video＞ 等標簽組織，并能設置播放方式。
親身體驗
使用＜img/＞標簽添加圖片文件，再嘗試使用其他標簽。
二、網頁的數據請求與響應
網頁需要通過請求與響應以獲取HTML數據，網頁中如有多個媒體數 據，則需要多次請求與響應，才能在網頁上呈現。
如瀏覽某網站，瀏覽器會發送一個請求，要求服務器返回這個網頁的 HTML數據。服務器會響應這個請求，并把HTML數據發送回來。瀏覽器會 解析HTML數據，文本可以直接解釋呈現，其中的圖像、音頻、視頻等媒體 數據，可由瀏覽器額外發送新的請求，并等待服務器返回相應的數據，最終 在瀏覽器顯示出完整的網頁內容。。
三、網頁中的交互
網頁不僅從服務器獲取信息，還可以向服務器反饋信息。網頁表單是實現用戶與網頁之間信息交互的方式之一，通過在網頁中添加表單可以實現問 卷調查、用戶登錄、提交資料等交互功能。
表單的標簽是