資源簡介 (共13張PPT)GENERAL TEACHING1.2網頁中的信息編碼匯報人:xxx課前思考你能從河南省科技館官網中讀取到哪些信息?網頁有什么作用?網頁的作用網頁也是人們進行交流的重要平臺之一。通過社交媒體、論壇、博客等網站,用戶可以與其他人交流看法、分享經驗、展示作品等。進行交流網頁可以用于在線教育和培訓。許多學校和機構都開設了在線課程,學生可以通過網頁進行學習和交流。教育和培訓網頁也可以用于醫療和健康服務。例如,在線醫療咨詢、健康管理平臺等,用戶可以通過網頁進行健康管理和咨詢。醫療和健康網頁也可以用于娛樂和休閑。例如,在線游戲、音樂、電影等,用戶可通過網頁進行訪問和享受。娛樂和休閑網頁也是商業活動的重要平臺之一。通過電子商務網站、在線支付平臺等,用戶可以進行線上購物、支付等操作。實現商業目標網頁是人們獲取各種信息的主要途徑之一。通過搜索引擎或直接輸入網址,用戶可以訪問各種網站,獲取新聞、文章、圖片、視頻、音頻等各種信息。提供信息01020304050603活動說明請你查找中國科學院科技創新發展中心官網并查看網頁源代碼,尋找網頁中文字、圖片元素與源代碼的對應關系。01方法一在網頁的空白處右擊,然后在彈出的快捷菜單中單機"查看網頁源代碼"命令,就可以打開一個顯示網頁源代碼的頁面。02方法二按下鍵盤上的F12快捷鍵(開發人員工具)。活動:查看網頁源代碼網頁標題:查看網頁源代碼插入圖片查看網頁源代碼插入文字查看網頁源代碼網頁源代碼是用HTML語言編寫的文件,也稱為HTML文件,它實際上是純文本文件。網頁源代碼在HTML文件中,我們可以看到很多用“<>”括起來的標簽,如等,這就是HTML語言的標簽。標簽用來對網頁上的標題圖片、聲音等元素進行標識。標簽查看網頁源代碼HTML在線編輯器是可以即時編譯 HTML 代碼的軟件,請在HTML在線編輯器中,改變源代碼的部分內容并運行,感受網頁信息的編碼和解碼過程。活動2:認識網頁源代碼HTML在線編輯器是可以即時編譯 HTML 代碼的軟件,請在HTML在線編輯器中,改變源代碼的部分內容并運行,感受網頁信息的編碼和解碼過程。活動2:認識網頁源代碼HTML基本框架網頁的全部內容需在… 標簽中呈現瀏覽器標題欄中的網頁標題等信息需要放在 … 標簽中定義網頁標題網頁展示的內容需要嵌套在… 標簽中HTML基本框架1、網頁全部內容需在… 標簽中呈現。2、HTML文件分為“頭部(Head)”和“身體(Body)”兩部分,瀏覽器標題欄中的網頁標題等信息需要放在 … 標簽中,而網頁展示的內容需要嵌套在… 標簽中。3、HTML標簽是HTML語言中最基本的單位,我們可以通過HTML標簽來編輯網頁。4、HTML標簽通常是成對出現的。習題檢測1、以下標記符中,用于設置頁面標題的是( )A、 B、 C、 D、2、在 HTML中,下面( )不屬于 HTML 文檔的基本組成部分。( )A.B.C.D.AC1.2網頁中的信息編碼課題 編輯網頁信息 單元 第一單元 學科 信息科技 年級 七年級下教材分析 本課選自《信息科技》(電子工業版)的第一章第二節,教材由“查看網頁源代碼”、“認識網頁源代碼”兩部分內容組成。學生通過對本教材的學習逐步掌握網頁的相關知識,知道網頁的組成元素與編寫原理,加深對國家科技創新發展的了解,發揮信息科技課程的獨特育人價值,為數字強國培養優秀接班人和建設者。教學目標 信息意識:根據學習與生活需要,有意識地分析使用的網頁資源。計算思維:在實踐應用中,熟悉網頁源代碼的組成。數字化學習與創新:根據任務要求,借助在線平臺,創作符合時代精神的作品。4、信息社會責任:遵循信息科技領域的倫理道德規范,明確科技活動中應遵循的價值觀念、道德責任和行為準則。重點 了解瀏覽器的作用和網頁的組成;2、了解網頁源代碼的概念;3、了解網頁信息的編碼和解碼;4、了解 HTML 文件結構與標簽的功能。難點 1、掌握如何在瀏覽器中查看網頁源代碼;2、掌握HTML在線編輯器制作網頁。教學過程教學環節 教師活動 學生活動 設計意圖導入新課 展示河南省科技館網站并提問:你能從河南省科技館官網中讀取到哪些信息?網頁有什么作用?網頁作為互聯網時代的重要組成部分,具有多種作用和應用場景。除了提供信息、進行交流和實現商業目標等主要作用之外,網頁還可以用于教育和培訓、娛樂和休閑、政府和公共服務、科研和學術、醫療和健康等多個方面。 回答:開閉館時間。回答:參觀需要提前預約。回答:館內功能齊全。 構建生活情境,激發學習興趣。講授新課 提問:網頁是怎么制作出來的呢?回答:我們使用HTML語言編寫網頁,再通過瀏覽器解釋執行。活動一:查看網頁源代碼方法一:在網頁的空白處右擊,然后在彈出的快捷菜單中單機"查看網頁源代碼"命令,就可以打開一個顯示網頁源代碼的頁面。方法二:按下鍵盤上的F12快捷鍵(開發人員工具)。請你查找中國科學院科技創新發展中心官網并查看網頁源代碼,尋找網頁中文字、圖片元素與源代碼的對應關系。網頁源代碼是用HTML語言編寫的文件,也稱為HTML文件,它實際上是純文本文件。在HTML文件中,我們可以看到很多用“<>”括起來的標簽,如等,這就是HTML語言的標簽。標簽用來對網頁上的標題圖片、聲音等元素進行標識。活動二:認識網頁源代碼HTML在線編輯器是可以即時編譯 HTML 代碼的軟件,請在HTML在線編輯器中,改變源代碼的內容并運行,感受網頁信息的編碼和解碼過程。活動小結:網頁全部內容需在… 標簽中呈現2、HTML文件分為“頭部(Head)”和“身體(Body)”兩部分,瀏覽器標題欄中的網頁標題等信息需要放在 … 標簽中,而網頁展示的內容需要嵌套在… 標簽中。3、HTML標簽是HTML語言中最基本的單位,我們可以通過HTML標簽來編輯網頁。4、HTML標簽通常是成對出現的。 查看中國科學院科技創新發展中心官網的源代碼。學生完成活動二,修改部分代碼生成如圖所示的效果。 通過瀏覽優秀的網頁,使學生初步了解網頁的基本要素及框架。以問題的方式,幫助學生梳理觀察結果。培養學生獨立思考的能力,通過邊實踐邊觀察,深化對HTML標簽的理解。習題檢測 以下標記符中,用于設置頁面標題的是(A) B、 C、 D、2、在 HTML中,下面()不屬于 HTML 文檔的基本組成部分。(C)A.B.C.D. 展開更多...... 收起↑ 資源列表 1.2網頁中的信息編碼.doc 1.2網頁中的信息編碼.pptx 縮略圖、資源來源于二一教育資源庫