資源簡介 (共20張PPT)情境導入:本單元項目式 主題:校園科技節學校即將迎來一年一度的科技節,本屆科技節的主題是“科技創新 自主可控”。本單元打算制作一個與主題相關的網頁,讓更多的同學了解我國科技發展的現狀,感受科技的魅力。大家想一想:“制作網頁應該使用什么工具呢 ” “怎樣才能制作一個好的網頁 ......《1.1編輯網頁信息》2023年電子工業出版社 七年級下冊-第1單元 解密互聯網中的信息編碼 -珠珠老師信息科技 課件2022新版課標內容1活動1:瀏覽網頁2活動2:認識H5網頁3活動3:制作網頁《目錄》信息科技01瀏覽網頁活動101.知識點講解瀏覽網頁是獲取信息的重要手段,隨著計算機技術和網絡技術的飛速發展,網頁的呈現形式越來越豐富。在互聯網中搜索并瀏覽與科技創新相關的網頁,把你認為優秀的網頁收藏下來,完成表格,總結這些優秀的網頁在設計與制作方面的可借鑒之處。活動1:瀏覽網頁01網頁收藏記錄表 網址或網站名稱 可借鑒之處02認識H5網頁活動201.知識點講解隨著移動互聯網的不斷發展,越來越多的商家和企業利用 H5 網頁來做營銷推廣。我們平時在移動設備上看到的邀請函、賀卡、小游戲、測試題等,很多都是 H5 網頁。活動2:認識H5網頁02邀請函 動圖小游戲 動圖01.知識點講解你在生活中使用過哪些H5網頁?查找資料,說一說這些H5網頁都有什么特點。思考與討論活動2:認識H5網頁0201.知識點講解網頁中的信息也像文字、語言一樣,需要用一種通用的形式表達。助力知識:H5含義HTML(超文本標記語言)發展了5代H5H5網頁是以HTML5語言為主要技術制作的,與以往的靜態網頁不同,H5網頁的互動性更強,頁面顯示效果更豐富,更適合在移動設備上傳播。活動2:認識H5網頁0203制作網頁活動301.知識點講解活動3:制作網頁接下來,聽老師講解在H5平臺上網頁的制作過程0301.知識點講解活動3:制作網頁第一頁第二頁0301.知識點講解活動3:制作網頁學生制作H5網頁(第一頁)1、打開八圖網 https://www./(QQ密碼登錄,不需要手機驗證)2、制作“科技創新 自主可控”主題網頁中“歡迎頁”(第一頁)的內容。3、可以使用模板4、制作完成后預覽并生成,準備小組匯報。5、2人為一小組,小組合作完成,大組長可以下座指導。項目實施、初步體驗0301.知識點講解1、展示你們小組的H5網頁第一頁的內容2、教師和同學點評3、說出遇到的困難,教師集中解決小組階段性匯報活動3:制作網頁0301.知識點講解項目實施、再次體驗學生制作H5網頁(第二頁)活動3:制作網頁1、制作“科技創新 自主可控”主題網頁中“歡迎頁”的內容。2、可以使用模板3、制作完成后預覽并生成,準備小組匯報。4、2人為一小組,小組合作完成,大組長可以下座指導。0301.知識點講解1、展示你們小組的H5網頁第二頁的內容2、將第二頁與第一頁做個跳轉鏈接3、教師和同學點評4、教師總結性評價小組總結性匯報活動3:制作網頁03答對啦問題1:什么是H5?A. 文本傳輸語言B. 超文本傳輸語言C. Head 5D. 靜態網頁>鞏固練習01.知識點講解課堂總結活動1 瀏覽網頁總結優秀網頁的優秀之處活動2 認識H5網頁了解H5來源,認識H5網頁的常見形式說動3 制作網頁用H5制作網頁,并學習了同學的優秀之處123goodbye01.知識點講解課堂評價學習評價單將此問卷星鏈接打開,答題后提交能直接看到分數哦,快來了解自己本節課的學習情況吧!《感謝觀看》- Thank for Viewing -珠珠老師2023年電子工業出版社 七年級下冊《1.1編輯網頁信息》教學設計教學內容分析本節課是2022年電子工業出版社出版的七年級下冊第一單元第3課。本節課分為三個活動:“瀏覽網頁”“認識H5網頁”“制作網頁”三部分內容組成。學生通過小組合作探究學習逐步掌握本節課的知識點,具備一定的小組合作能力、探究能力、創新能力等,提升信息社會責任,綜合提升信息素養。教學目標及核心素養指向1、瀏覽網頁,能總結優秀網頁的優秀之處;(信息意識、計算思維) 2、了解網頁的概念及組成元素、了解 HTML和 H5 的概念及特點,知道靜態網頁和動態網頁的區別(信息意識) 3、能制作網頁,實現“科技創新·自主可控”主題網頁制作(信息意識、計算思維、數字化學習與創新、信息社會責任)教學重難點教學重點: 1、瀏覽網頁,能總結優秀網頁的優秀之處; 2、了解網頁的概念及組成元素、了解 HTML和 H5 的概念及特點,知道靜態網頁和動態網頁的區別 設計原因:了解網頁是本節課的主要內容,知識點的滲透需要作為重點內容。 教學難點: 能制作網頁,實現“科技創新·自主可控”主題網頁制作 設計原因:制作網頁在操作上對學生來說比較困難,所以此部分對學生來說難度較高,應作為難點內容。教學過程1、情境導入(3分鐘)教師活動 學生活動情境引入:學校即將迎來一年一度的科技節,本屆科技節的主題是“科技創新 自主可控”。 本單元打算制作一個與主題相關的網頁,讓更多的同學了解我國科技發展的現狀,感受科技的魅力。 大家想一想:“制作網頁應該使用什么工具呢 ” “怎樣才能制作一個好的網頁 ...... 學生聽教師引導生活中的案例,學生討論,回答提問設計意圖: 激發學生對網頁的學習興趣并快速進入學習狀態。2、新知講授(35分鐘)教師活動 學生活動活動1:瀏覽網頁 瀏覽網頁是獲取信息的重要手段,隨著計算機技術和網絡技術的飛速發展,網頁的呈現形式越來越豐富。 活動2:認識H5網頁 隨著移動互聯網的不斷發展,越來越多的商家和企業利用 H5 網頁來做營銷推廣。我們平時在移動設備上看到的邀請函、賀卡、小游戲、測試題等,很多都是 H5 網頁。 網頁中的信息也像文字、語言一樣,需要用一種通用的形式表達。 H5網頁是以HTML5語言為主要技術制作的,與以往的靜態網頁不同,H5網頁的互動性更強,頁面顯示效果更豐富,更適合在移動設備上傳播。 活動3:制作網頁 教師講解在H5平臺上網頁的制作過程 學生通過教師的講解,以小組合作的方式,開展探討交流,完成任務 活動1:瀏覽網頁 小組合作探究 在互聯網中搜索并瀏覽與科技創新相關的網頁,把你認為優秀的網頁收藏下來,完成表格,總結這些優秀的網頁在設計與制作方面的可借鑒之處。 活動2:認識H5網頁 小組合作交流 你在生活中使用過哪些H5網頁? 查找資料,說一說這些H5網頁都有什么特點。 活動3:制作網頁 小組合作探究 學生制作網頁(1) 1、打開八圖網 https://www./(QQ密碼登錄,不需要手機驗證) 2、制作“科技創新 自主可控”主題網頁中“歡迎頁”(第一頁)的內容。 3、可以使用模板 4、制作完成后預覽并生成,準備小組匯報。 5、2人為一小組,小組合作完成,大組長可以下座指導。 學生制作網頁(2) 1、制作“科技創新 自主可控”主題網頁中“歡迎頁”的內容。 2、可以使用模板 3、制作完成后預覽并生成,準備小組匯報。 4、2人為一小組,小組合作完成,大組長可以下座指導。設計意圖: 培養學生獨立思考的能力,提高核心素養。3、課堂小結(7分鐘)教師活動 學生活動總結本課內容: 活動1:瀏覽網頁 活動2:認識H5網頁 活動3:制作網頁 學生一同回答并梳理知識設計意圖: 幫助學生梳理本節課知識,加深學生對知識的理解。(共1張PPT)學習單1活動1:瀏覽網頁在互聯網中搜索并瀏覽與科技創新相關的網頁,把你認為優秀的網頁收藏下來,完成表格,總結這些優秀的網頁在設計與制作方面的可借鑒之處。實踐探究班級:7年__班組別:______2活動2:認識H5網頁小組合作體驗探究:學生制作H5網頁你在生活中使用過哪些H5網頁?查找資料,說一說這些H5網頁都有什么特點。思考與討論3活動3:制作網頁班級:___________ 姓名:______________《1.1編輯網頁信息》作業設計作業分析作業類型 基礎型作業 探究型作業 實踐型作業 跨學科綜合作業作業類別 課時作業 單元作業 學期作業應用場景 課前預習 課中練習 課后作業作業對象 全體學生作業 學生根據情況可選作業設計思路 通過比較、綜合、拓展,鞏固本節課知識點,舉一反三,讓學生自主探究,掌握新知,溝通交流,提升協作能力。作業內容【難度等級:★★★★★】制作“科技創新 自主可控”主題網頁第二頁的內容,如圖所示,設置頁面背景顏色,添加文本、圖片和“返回”按鈕。期待您的到來INVITATION尊敢的科技愛好者:科技是推動社會進步的重要力量,也是我們味來發展的重要方向。本次校園科技節旨在通過豐富多彩的料技活動,激發同學們時科學的興趣和熱情,提高同學們的科技素養和實踐能力,為我們的未來發展打下堅實的基礎。在接下來的幾天里,我們將舉辦一系列豐富多彩的科技活動,包括科技講座、科技展覽、科技克賽等。這些活動將涵蓋多個領城,包括物理學、化學、生物學、計算機科學等,讓同學們在輕松愉快的氛田中學習和成長。讓我們一起期特這個充滿科技魅力的節日吧!信息科技小組2024年3月23 展開更多...... 收起↑ 資源列表 1.1編輯網頁信息 作業設計.docx 1.1編輯網頁信息 學習單.pptx 1.1編輯網頁信息 教學教案.docx 1.1編輯網頁信息 教學課件.pptx 縮略圖、資源來源于二一教育資源庫