資源簡介 中小學(xué)教育資源及組卷應(yīng)用平臺七年級信息科技教學(xué)設(shè)計課題 第17課 制作網(wǎng)頁展活動 課型 新授課備課時間 月 日 主備人 Xinxijishu886 授課時間 月 日- 月 日教學(xué)內(nèi)容及教材分析 本節(jié)課是人教版《初中信息技術(shù)七年級(下冊)》第四單元《校園活動線上展》第17課,課題為《制作網(wǎng)頁展活動》。通過學(xué)生在使用互聯(lián)網(wǎng)的親身體驗,能使用常用網(wǎng)絡(luò)命令診斷簡單的網(wǎng)絡(luò)故障。理解瀏覽網(wǎng)頁時數(shù)據(jù)的流動過程。通過網(wǎng)絡(luò)實驗,整理所學(xué)內(nèi)容,培養(yǎng)探索精神。課標要求 了解制作網(wǎng)站的基本流程。能通過寫 HTML 代碼制作簡單網(wǎng)頁。體驗用人工智能技術(shù)制作網(wǎng)頁,認識科技創(chuàng)新的意義。核心素養(yǎng)目標 信息意識:學(xué)生能夠清晰闡述制作網(wǎng)站的基本流程,包括確定主題、搜集素材、確定結(jié)構(gòu)、制作網(wǎng)頁、美化網(wǎng)頁和發(fā)布網(wǎng)站等環(huán)節(jié)。計算思維:通過HTML代碼編寫和網(wǎng)頁制作,培養(yǎng)學(xué)生的邏輯思維、算法思維和系統(tǒng)思維能力。數(shù)字化學(xué)習(xí)與創(chuàng)新:引導(dǎo)學(xué)生利用數(shù)字化工具和資源,開展自主學(xué)習(xí)、協(xié)作學(xué)習(xí)和創(chuàng)新實踐,提高學(xué)習(xí)效率和質(zhì)量。信息社會責(zé)任:體驗用人工智能技術(shù)制作網(wǎng)頁,認識科技創(chuàng)新的意義。教學(xué)重點 掌握 HTML 代碼制作簡單網(wǎng)頁。教學(xué)難點 HTML代碼的正確編寫與網(wǎng)頁布局的調(diào)整;小組合作中任務(wù)分配與協(xié)作。教學(xué)方法 情境教學(xué)法、任務(wù)驅(qū)動法、演示講解法、分組合作法。學(xué)習(xí)方法 自主探究法、合作學(xué)習(xí)法、實踐操作法。教學(xué)工具 制作多媒體課件、準備HTML代碼示例、搜集相關(guān)素材和人工智能模型資源、布置小組任務(wù)分配表。。教學(xué)過程教學(xué)過程 教 學(xué) 內(nèi) 容復(fù)習(xí)鞏固:學(xué)校每年科技節(jié)都會有許多科技體驗項目,也有制作“科技節(jié)體驗項目”網(wǎng)站的傳統(tǒng)。今天我們要分小組制作展示學(xué)校“科技節(jié)”的網(wǎng)站。每位同學(xué)設(shè)計制作介紹一個科技項目的子頁,然后小組協(xié)作完成主頁的制作。回憶之前所學(xué)內(nèi)容,判斷以下說法是否正確。1. 網(wǎng)頁主要由HTML語言編寫而成。 ( )2. 網(wǎng)站一般由多個網(wǎng)頁組成,這些網(wǎng)頁通常圍繞同一主題,擁有同類設(shè)計風(fēng)格。 ( )3. 網(wǎng)站中的網(wǎng)頁一般通過網(wǎng)址來訪問。 ( )4. 訪問網(wǎng)站時,默認顯示的第一個網(wǎng)頁叫作主頁。 ( )新課導(dǎo)入:簡要介紹本節(jié)課的學(xué)習(xí)內(nèi)容:“今天我們就一起來學(xué)習(xí)制作網(wǎng)頁展活動。”新課教學(xué):一、制作網(wǎng)站的基本流程制作網(wǎng)站一般包含 6 個步驟,具體可參考表 17.1。①確定主題:教師引導(dǎo)學(xué)生思考校園科技節(jié)的特色和亮點,確定網(wǎng)站的主題方向。②搜集素材:教師展示一些與科技節(jié)相關(guān)的素材資源,如圖像、文字資料、視頻等,并對多媒體素材進行篩選和整理,為制作網(wǎng)頁做好準備。③確定結(jié)構(gòu):教師通過繪制網(wǎng)站結(jié)構(gòu)圖或展示示例,講解如何確定網(wǎng)站的主頁、導(dǎo)航菜單、內(nèi)容組織和布局方式,讓學(xué)生了解網(wǎng)站結(jié)構(gòu)的合理性和重要性。④制作網(wǎng)頁:教師介紹制作網(wǎng)頁的兩種方法(編寫 HTML 代碼和使用在線人工智能模型),⑤美化網(wǎng)頁:教師展示一些美化后的網(wǎng)頁效果,講解網(wǎng)頁美化的原則和方法,如色彩搭配、字體選擇、圖像優(yōu)化等。⑥發(fā)布網(wǎng)站:簡單介紹網(wǎng)站發(fā)布的概念和常見方式。制作一個簡單的網(wǎng)頁1、HTML 代碼本質(zhì)上就是一段文本,操作時,可以用文本編輯工具編寫HTML 代碼制作網(wǎng)頁,也可以利用在線人工智能模型自動生成網(wǎng)頁。2、教師引導(dǎo)學(xué)生查看老師提供的素材(文字介紹、圖片等),鼓勵學(xué)生根據(jù)自己的創(chuàng)意和需求,補充完善素材內(nèi)容。例如,學(xué)生可以根據(jù)機器狗的功能特點,撰寫更詳細的文字描述,或者尋找更多相關(guān)的高清圖片。方法一:用文本編輯工具編寫 HTML 代碼,制作網(wǎng)頁方法二:選擇一個在線人工智能模型,讓它根據(jù)需求自動生成網(wǎng)頁。任務(wù)一:請制作一個關(guān)于校園科技節(jié)的網(wǎng)頁,主要使用等標簽。學(xué)生自主完成任務(wù),小組合作交流。課堂練習(xí) 1.繼續(xù)使用在線人工智能模型學(xué)習(xí)網(wǎng)頁制作的知識。2.信息科技學(xué)生手冊第10頁任務(wù)單。課堂小結(jié): 1.網(wǎng)站的制作流程。 2.等標簽的格式與作用。 3.編寫HTML代碼,制作有文字和圖的簡單網(wǎng)頁。 4.使用在線人工智能模型自動生成網(wǎng)頁。作業(yè)布置 1.簡述制作網(wǎng)站的基本流程。2.編寫一個簡單的HTML代碼,包含一個標題、一段文字和一張圖片。板書設(shè)計 第17課 制作網(wǎng)頁展活動 1、制作網(wǎng)站的基本流程2、制作一個簡單的網(wǎng)頁組長審批意見及簽字 簽字: 年 月 日教學(xué)反思課后簽字 簽字: 年 月 日21世紀教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁 (共 2 頁)HYPERLINK "http://21世紀教育網(wǎng)(www.21cnjy.com)" 21世紀教育網(wǎng)(www.21cnjy.com) 展開更多...... 收起↑ 資源預(yù)覽 縮略圖、資源來源于二一教育資源庫