资源简介

中小学教育资源及组卷应用平台
第17课 制作网页展活动 教学设计
课题 制作网页展活动 单元 第四单元 学科 信息科技 年级 七年级
单元主题 【学情分析】万维网是目前应用最广泛的互联网服务，网页是万维网最重要的信息载体。前一单元对万维网进行了整体介绍，讲解了人们输入网址后，互联网中的软件和硬件设备如何按照网络协议协同工作，完成数据传输任务。本单元是上一单元内容的延伸，将通过一系列剖析、制作网页的学习活动，让学生了解万维网中数据的构成，学会使用适当的数字化工具编辑网页、发布网站。【内容结构】
学习目标 1. 信息意识：主动学习互联网知识，增强数据安全意识，进行安全防护。2. 计算思维：知道网络中信息编码、传输和呈现的原理。能通过多种手段采集、分析和呈现数据。3. 数字化学习与创新：能够使用适当的数字化工具对网页进行协同编辑和发布，增强协作和责任意识。4. 信息社会责任：在互联网应用中，知道数据安全防护的常用方法和策略，保护个人隐私，尊重他人隐私。
重点 通过写 HTML 代码制作简单网页；体验用人工智能技术制作网页。
难点 通过写 HTML 代码制作简单网页。
教学过程
教学环节 教师活动 学生活动 设计意图
激趣导入 【问题情境】终于要迎来大家翘首以待的“科技节”了。同学们跃跃欲试，想要参与各种酷炫的科技活动。因为参与这些活动不仅能学到科技知识，还能体验科技的魅力。今年的科技节，各班都为科技节准备了超棒的科技体验项目。老师们更是号召大家团结合作，一起动手制作展示科技节的网站。每个小组的同学现在都已经摩拳擦掌，准备先设计制作属于自己的科技项目子页，然后协作完成网站主页。【任务驱动】接下来几课，我们要分小组制作展示学校“科技节”的网站。每位同学设计制作介绍一个科技项目的子页，然后小组协作完成主页的制作。【课前预热】回忆之前所学内容，判断以下说法是否正确：1．网页主要由HTML语言编写而成。2．网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。3．网站中的网页一般通过网址来访问。4．访问网站时，默认显示的第一个网页叫作主页。 注意、思考、讨论 吸引学生的注意力，启发学生思考。
学习活动 【学习活动】一、制作网站的基本流程制作网站一般包含 6 个步骤：【合作探究】小组就网站主题、网站结构、页面结构等展开交流与讨论，并记录分配给自己的任务。【学习活动】二、制作一个简单的网页HTML 代码本质上就是一段文本，操作时，可以用文本编辑工具编写HTML 代码制作网页，也可以利用在线人工智能模型自动生成网页。【学习探究】1．查看老师提供的素材，如有必要，可继续补充完善。选择一个方法制作介绍科技项目的网页。方法一：用文本编辑工具编写HTML代码，制作网页。方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。【学习活动】三、实践探究人工智能模型通常会针对问题给出多个解决方案，自行尝试其中一种解决实际问题，从而感受人工智能带来的创新。【示例】如何使网页中的图像保持大小一致。 听讲、思考、讨论 教师通过引领学生学习课程内容，促进学生学习知识。学生通过认真听讲、实践探究等方式，积极学习基础知识和相关技能。另外，通过提问的方式引发学生思考，培养其思考和解决问题的能力。
课堂小结 知识回顾 对课堂知识进行总结和梳理，帮助学生更好地理解和掌握所学内容。
拓展-提升 【拓展-提升】把感兴趣的网页代码提交给人工智能模型，让它解读每段代码的功能。【示例】 自主探究 让学生通过课外拓展的形式巩固、强化所学内容，并适当拓宽其视野。
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共24张PPT)
（义务教育版）七年级
全一册
第17课
制作网页展活动
学习目标
激趣导入
学习活动
思考-讨论
实践探究
课堂小结
拓展-提升
单元主题
单元主题
单元名称 课名称 核心内容
第四单元 校园活动线上展 第16课　探秘网页与代码 网页与HTML代码、HTML标签、网页数据的呈现
第17课　制作网页展活动 标签格式、用HTML代码制作网页
第18课　美化网页方法多 HTML代码美化网页、串联样式表美化网页
第19课　多人协同效率高 多人协同制作网页、Markdown代码
第20课　组建网站跟我做 网站建设流程、发布网站
学习目标
激趣导入
【问题情境】
终于要迎来大家翘首以待的“科技节”了。同学们跃跃欲试，想要参与各种酷炫的科技活动。因为参与这些活动不仅能学到科技知识，还能体验科技的魅力。
今年的科技节，各班都为科技节准备了超棒的科技体验项目。老师们更是号召大家团结合作，一起动手制作展示科技节的网站。每个小组的同学现在都已经摩拳擦掌，准备先设计制作属于自己的科技项目子页，然后协作完成网站主页。
激趣导入
【任务驱动】
接下来几课，我们要分小组制作展示学校“科技节”的网站。每位同学设计制作介绍一个科技项目的子页，然后小组协作完成主页的制作。
激趣导入
【课前预热】
回忆之前所学内容，判断以下说法是否正确：
1．网页主要由HTML语言编写而成。
2．网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。
3．网站中的网页一般通过网址来访问。
4．访问网站时，默认显示的第一个网页叫作主页。
学习活动
学习活动
制作网站的基本流程
一
学习活动
一、制作网站的基本流程
序　　号 名　　称 说　　明
1
2
3
4
5
6
制作网站一般包含 6 个步骤：
学习活动
合作探究
小组就网站主题、网站结构、页面结构等展开交流与讨论，并记录分配给自己的任务。
学习活动
制作一个简单的网页
二
学习活动
二、制作一个简单的网页
HTML 代码本质上就是一段文本，操作时，可以用文本编辑工具编写HTML 代码制作网页，也可以利用在线人工智能模型自动生成网页。
学习活动
二、制作一个简单的网页
【学习探究】
1．查看老师提供的素材，如有必要，可继续补充完善。
机器狗是一种模拟真实犬只形态和部分行为的机器设备，能够实现行走、坐下、翻滚等多种动作。机器狗的出现为人工智能和机器人研究提供了新的想象空间，也让更多人得以近距离接触机器人技术。
学习活动
二、制作一个简单的网页
2．选择一个方法制作介绍科技项目的网页。
方法一：用文本编辑工具编写HTML代码，制作网页。
学习活动
二、制作一个简单的网页
2．选择一个方法制作介绍科技项目的网页。
方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。
给出要求
学习活动
实践探究
三
学习活动
三、实践探究
人工智能模型通常会针对问题给出多个解决方案，自行尝试其中一种解决实际问题，从而感受人工智能带来的创新。
人工智能模型可能会给出多个解决方案，大家只要选择一个对自己来说最方便的即可。
学习活动
三、实践探究
【示例】如何使网页中的图像保持大小一致。
课堂小结
拓展-提升
把感兴趣的网页代码提交给人工智能模型，让它解读每段代码的功能。
活动中，同学们可以畅想一下，在人工智能的辅助下，未来的学习可能出现哪些变化。
拓展-提升
【示例】
https://www.21cnjy.com/recruitment/home/fine

展开更多......

收起↑