資源簡介

中小學教育資源及組卷應用平臺
七年級信息科技教學設計
課題 第16課　探秘網頁與代碼 課型 新授課
備課時間 月 日 主備人 Xinxijishu886 授課時間 月 日- 月 日
教學內容及教材分析 本節課是人教版《初中信息技術七年級（下冊）》第四單元《校園活動線上展》第16課，課題為《探秘網頁與代碼》。這一課的教材內容緊密結合初中生的認知水平和興趣點，通過生動的案例和實際的代碼示例，循序漸進地介紹了HTML語言的基本結構和常用標簽。教材注重理論與實踐的結合，不僅讓學生了解網頁的構成要素，還引導他們動手實踐，通過編寫簡單的HTML代碼來體驗網頁制作的樂趣。同時，教材還注重啟發學生的思維，鼓勵他們探索和發現，從而培養他們的信息素養和創新能力。。
課標要求 了解網頁與代碼之間的對應關系。初步認識HTML語言，知道常用標簽的作用。驗證網頁內容的保存形式。
核心素養目標 信息意識：增強學生對網頁與代碼關系的認識，理解網頁背后的工作原理，提高信息獲取和處理的能力。計算思維：初步掌握HTML語言的基本概念和常用標簽的作用，學會用計算思維分析和解決網頁制作中的問題。數字化學習與創新：通過實踐操作，培養學生數字化學習的能力，激發他們的創新思維和創造力。信息社會責任：引導學生遵守網絡道德規范，樹立信息社會責任感，學會安全、合法地使用網絡資源。
教學重點 掌握認識 HTML 語言，知道常用標簽的作用。
教學難點 理解驗證網頁內容的保存形式。
教學方法 任務驅動法、演示講解法、小組合作法
學習方法 觀察學習、合作探究、實踐操作、反思總結
教學工具 多媒體教室，確保每臺計算機能夠正常上網，安裝有《記事本》軟件、《Web服務器》軟件、《圖像編碼轉換器》軟件，并且瀏覽器功能正常。
教學過程教學過程 教 學 內 容
復習鞏固：1.通過多媒體展示一些風格各異、功能豐富的網頁，如新聞網站、購物網站、游戲網站等，吸引學生的注意力，激發學生的學習興趣。2.提問學生：“大家在瀏覽網頁的時候，有沒有想過這些網頁是怎么制作出來的？為什么我們在瀏覽器中輸入一個網址就能看到各種各樣的內容呢？”引導學生思考網頁背后的原理。新課導入：簡要介紹本節課的學習內容：“今天我們就一起來探秘網頁與代碼之間的奧秘，了解網頁是如何通過代碼來實現圖文聲像展示和各種功能的。”新課教學：很多同學對網頁為何能夠展現圖文聲像，為何能夠實現跳轉，如何制作網頁等問題心存好奇。本課將帶領大家學習網頁與網頁代碼的相關知識。一、網頁與HTML代碼上網瀏覽時會接觸風格各異的網頁，里面有文字、圖像、音頻、視頻等多種資源。通過網頁中的超鏈接，可以方便地在網頁和資源之間跳轉。這一切到底是怎樣完成的呢？瀏覽網頁，調出瀏覽器的“開發人員”工具，觀察頁面代碼（圖 16.1）網絡命令實踐學生分組進行網絡命令實踐。每個小組選擇一臺計算機，使用ping、ipconfig、tracert和netstat等網絡命令進行測試和分析。學生可以選擇不同的目標主機進行ping測試，觀察網絡延遲和數據包丟失情況。使用ipconfig命令查看計算機的網絡配置信息，檢查IP地址、子網掩碼、默認網關和DNS服務器地址是否正確。使用tracert命令跟蹤數據包的路徑，分析網絡中的故障點或擁塞點。使用netstat命令查看計算機的網絡連接狀態，檢查是否有異常的連接或端口占用情況。3、學生自主學習：超文本標記語言（HyperText Markup Language），簡稱HTML，是用于創建網頁的標準標記語言。HTML不是一種編程語言，而是一種標記語言，標記語言是一套標記標簽（markup tag）。HTML使用標記標簽來描述網頁。HTML文檔包含了HTML標簽及文本內容。HTML文檔也叫做web頁面，包含很多因素，音樂、文字、鏈接、圖片等。二、顯示網頁的過程1、瀏覽器獲得網頁代碼后，就會按照這些代碼的要求，顯示相應的文字、圖像等，進而呈現出完整的網頁效果。2、學習活動2（1）用《記事本》軟件打開網頁文件，嘗試通過改代碼的方式完成修改網頁標題、更換圖像、增加圖像說明等任務。（2）參照以下方法進行操作，在網頁中顯示一張笑臉圖。方法一：修改網頁，讓它顯示計算機中的圖像文件001.png。瀏覽網頁，觀察顯示效果。提示:方法二：運行《圖像編碼轉換器》軟件，選擇圖像文件 001.png后進行編碼轉換，然后用運行結果替換網頁中的標簽。確保網頁所在文件夾中沒有圖像文件001.png后，瀏覽網頁，觀察顯示效果。提示:HTML代碼與網頁文件 師： 一般情況下，HTML 代碼保存在以“.htm”“.html”等為擴展名的網頁文件中。但實際瀏覽過程中，瀏覽器只要能得到相應的 HTML 代碼就可以了，并不要求這些代碼必須以網頁文件形式保存。 學習活動3（1） 運行《Web 服務器》軟件。（2）修改編碼、內容等參數。（3）根據提示訪問這個網站。（4）修改內容后再次訪問，看看顯示的變化。【拓展與提升】網頁中包含的圖像、音頻、視頻等必須保存在網頁所在的那個網站中嗎？請驗證你的猜想。
課堂練習 課程練習書本上的內容1. 瀏覽網頁，調出瀏覽器的“開發人員”工具，觀察頁面代碼 用《記事本》軟件打開網頁文件，嘗試通過改代碼的方式完成修改網頁標題、更換圖像、增加圖像說明等任務參照以下方法進行操作，在網頁中顯示一張笑臉圖運行《Web服務器》軟件，修改編碼、內容等參數
課堂小結: 通過學生操作運行《Web服務器》軟件，修改編碼、內容等參數，引導學生獨立對所學的課程進行歸納總結。
作業布置 1. 網頁與 HTML代碼有什么關系？2. 瀏覽器是如何顯示網頁的？3. HTML 代碼是不是必須保存在網頁文件中
板書設計 第16課　探秘網頁與代碼一，網頁與HTML代碼二，顯示網頁的過程三，HTML代碼與網頁文件
組長審批意見及簽字 簽字： 年 月 日
教學反思
課后簽字 簽字： 年 月 日
21世紀教育網 www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://21世紀教育網(www.21cnjy.com)
" 21世紀教育網(www.21cnjy.com)

展開更多......

收起↑