第17课制作网页展活动-教学设计2026-2027学年人教版初中信息科技七年级全一册

第17课《制作网页展活动》教学设计 2026-2027学年人教版初中信息科技七年级全一册 课　　题 第17课 制作网页展活动 教材版本 人教版（2024） 所在单元 第四单元 校园活动线上展 课　　型 新授课 课　　时 1课时（40分钟） 授课对象 初中七年级学生 一、教学目标 1. 通过梳理网页与网站的关系，知道网站由多个相互关联的网页组成、一般包括一个主页和若干子页，能说出制作网站的基本流程及其作用，形成主动规划、先想后做的信息意识。 2. 通过分析“科技节”网站项目，能把“制作网站”这一复杂任务分解为确定主题、搜集素材、确定结构、制作网页、美化网页、发布网站六个步骤，并理解流程可以回退调整而非严格线性，发展分解与规划的计算思维。 3. 通过编写标记语言代码制作一个介绍科技项目的子页，并尝试用在线人工智能模型生成网页初稿、再依需求调整代码，理解代码与网页显示效果的对应关系，体会科技创新给学习方式带来的变化，提升数字化学习与创新能力。 4. 通过在小组分工中协作完成子页与主页，初步形成规范使用素材、尊重知识产权的意识与团队协作精神，增强信息社会责任。 二、教学重点与难点 教学重点：制作网站的基本流程及六个步骤；用标记语言代码制作一个简单的网页；理解代码与网页显示效果之间的对应关系。 教学难点：理解制作流程可以回退调整而非严格线性；根据需求调整人工智能生成的网页代码；在小组分工中完整完成自己承担的子页并与主页整合。 三、教学方法与教学准备 教学方法：项目式教学法、情境教学法、任务驱动法、演示讲解法、实验探究法、小组合作法。 教学准备：连通信息科技实验室的机房，教师机与学生机均安装文本编辑工具与浏览器，并预装可用的在线人工智能模型；提供“科技节”活动素材包（照片、文字说明）；“网站制作规划单”“分工记录表”任务单。 四、教学过程 教学环节 教师活动 学生活动 设计意图 情境导入 （5分钟） 1. 播放学校“科技节”活动的图片集锦，提问：如果要把这些精彩活动放到网上展示，让同学们随时浏览，我们该怎么做？ 2. 展示一个已做好的“科技节”网站，指出它由主页和若干子页组成，引出本课课题：制作网页展活动。 1. 观看图片，思考怎样把校园活动搬到网上展示。 2. 观察示例网站，了解网站由主页和子页组成，明确本课任务。 从学生熟悉的校园活动切入，用真实的展示需求激发学生制作网站的愿望，自然引出本课主题。 探究一 梳理网页知识，认识制作流程 （12分钟） 1. 引导学生回忆已学的网页与代码知识，判断关于网页与网站的几种说法是否正确，明确网站由多个网页组成。 2. 出示教材表17.1，讲解制作网站的六个步骤：确定主题、搜集素材、确定结构、制作网页、美化网页、发布网站，并逐一说明各步骤的作用。 3. 提出问题：如果一个环节做完后发现了问题，还能回过头修改吗？引导学生认识流程并非严格线性。 1. 回忆并判断关于网页、网站的说法，说出自己的理由。 2. 阅读表17.1，归纳六个步骤并填写“网站制作规划单”。 3. 讨论流程能否回退调整，举例说明现实制作中返回修改的情形。 通过梳理旧知、归纳流程、讨论回退，帮助学生把“制作网站”这一大任务分解为可依次完成的步骤，落实教学重点、突破难点。 探究二 规划网站结构，明确小组分工 （8分钟） 1. 以“科技节”网站为例，讲解网站主题、网站结构与页面结构的关系。 2. 组织小组讨论：确定本组网站主题，规划主页和若干子页，并明确每位成员负责的子页。 3. 巡视指导，帮助学生填写讨论结果与分工记录。 1. 听讲，理解网站主题、网站结构与页面结构的含义。 2. 小组讨论并确定主题、规划主页与各子页。 3. 填写分工记录表，明确自己承担的子页任务。 通过小组规划与分工，让学生经历“先规划再动手”的过程，培养规划意识与协作能力，为下一环节动手制作做好准备。 探究三 编写网页代码，体验智能生成 （10分钟） 1. 演示两种制作子页的方法：用文本编辑工具编写或修改代码；用在线的网页生成模型生成网页初稿。 2. 强调人工智能生成的结果需要根据需求检查、调整，让学生尝试修改提示语或代码。 3. 布置任务：每位同学用自己选择的方法，制作一个介绍科技项目的子页。 1. 观察演示，比较两种方法的差异与各自特点。 2. 动手实践，用编码或人工智能生成的方式制作自己的子页。 3. 根据效果调整代码或提示语，记录遇到的问题与解决方法。 让学生亲手制作子页，理解代码与显示效果的对应关系；通过体验人工智能生成网页，感受科技创新带来的变化，落实核心素养。 课堂小结 （3分钟） 1. 引导学生回顾：制作网站的六个步骤是什么？流程有什么特点？制作网页有哪两种方法？ 2. 用板书梳理知识脉络。 1. 跟随教师回顾本课核心知识，用自己的话回答问题。 2. 完善规划单与分工记录表。 及时梳理，帮助学生把实践经验结构化，巩固核心概念。 布置作业 （2分钟） 出示作业（详见“六、作业设计”），说明要求。 记录作业，明确任务。 分层作业兼顾基础巩固与拓展提升，为下一课美化网页作铺垫。 五、板书设计 第17课　制作网页展活动 一、网站＝主页＋若干子页 二、制作网站的基本流程：确定主题→搜集素材→确定结构→制作网页→美化网页→发布网站 三、流程特点：并非严格线性，发现问题可返回前面的步骤调整 四、制作网页的两种方法：①文本编辑工具编写／修改代码　②在线人工智能模型生成 五、页面结构：主页——图文＋导航组合布局；子页——导航标题＋具体内容 六、核心认识：先规划再动手，分工协作；善用新技术，也要会检查和修改 六、作业设计 1. 基础题：请按顺序写出制作网站的六个步骤，并简要说明每一步的主要任务。 2. 实践题：用文本编辑工具编写代码或用在线的网页生成模型，制作一个介绍某个科技项目的子页，保存后用浏览器打开，检查显示效果是否符合设想。 3. 拓展题（选做）：与小组同学协作，把各自制作的子页用导航链接与主页联系起来，形成一个完整的小网站，并说说制作过程中遇到了哪些问题、是怎样解决的。 4. 复习题：预习第18课《美化网页方法多》，思考“怎样才能让我们的网页变得更美观？” 第 页　共 页 学科网（北京）股份有限公司 $