资源简介

中小学教育资源及组卷应用平台
第20课 组建网站跟我做 教学设计
课题 组建网站跟我做 单元 第四单元 学科 信息科技 年级 七年级
单元主题 【学情分析】万维网是目前应用最广泛的互联网服务，网页是万维网最重要的信息载体。前一单元对万维网进行了整体介绍，讲解了人们输入网址后，互联网中的软件和硬件设备如何按照网络协议协同工作，完成数据传输任务。本单元是上一单元内容的延伸，将通过一系列剖析、制作网页的学习活动，让学生了解万维网中数据的构成，学会使用适当的数字化工具编辑网页、发布网站。【内容结构】
学习目标 1. 信息意识：主动学习互联网知识，增强数据安全意识，进行安全防护。2. 计算思维：知道网络中信息编码、传输和呈现的原理。能通过多种手段采集、分析和呈现数据。3. 数字化学习与创新：能够使用适当的数字化工具对网页进行协同编辑和发布，增强协作和责任意识。4. 信息社会责任：在互联网应用中，知道数据安全防护的常用方法和策略，保护个人隐私，尊重他人隐私。
重点 网站建设流程、发布网站。
难点 能选择适当方式展示网站。
教学过程
教学环节 教师活动 学生活动 设计意图
激趣导入 【问题情境】我们平时看到的网站包含多个页面，浏览时可以在这些网页间跳转。这种交互是如何实现的呢？【知识建构】页面跳转的主要实现方式——超链接。超链接是网页中实现页面跳转和交互的核心元素，通常以文本、图片或按钮等形式呈现，通过 HTML 的标签定义，只需在href属性中指定目标 URL，用户点击后浏览器便会加载对应网页或资源，不仅能连接同一网站的不同页面，还可跳转至外部网站、下载文件或定位到当前页面的指定位置，是构建网页导航结构和信息关联的基础技术。【任务驱动】 注意、思考、讨论 吸引学生的注意力，启发学生思考。
学习活动 【学习活动】一、用超链接组织网站中的网页一个完整的网站，通常包括主页和与之相连的其他网页。【学习探究】现在，主页和网站需要的其他网页都已制作完成，要考虑如何在网页之间建立超链接了。参照下图，把自己制作的页面跟网站的主页用超链接关联起来。每位同学完成自己的子页面与网站主页的超链接，包含图像链接和文本链接。并从行文、选图、布局、链接等角度对网站进行检查，并及时修正存在的问题。【学习活动】二、展示网站网页制作完成后，就可以把它发布到局域网啦！就像把画好的画挂到班级展示墙，先把所有网页文件放进一个文件夹，用电脑启动一个简易服务器，再找到服务器的 IP 地址，在浏览器地址栏输入 “http://IP 地址:端口号”，大家就能在同一网络里看到你的作品啦，轻松实现网页分享～【实践探究】1．选择一台计算机担当服务器。2．把小组制作的网页，涉及的图像等，汇总保存到名为Web的文件夹中。3．按照服务器软件的要求，把Web文件夹移到指定位置后运行该软件，并记录服务器的IP地址和端口。组内服务器的IP地址是：　　　　 　 ，端口是： 。4．组内成员访问本组制作的网站，浏览其中的网页，如有问题及时修正。【合作探究】各小组轮流展示作品，进行自评和互评。【学习活动】三、实践探究【思考-讨论】如果希望把制作的网站发布到互联网中，那么需要注意些什么？【知识链接】《未成年人网络保护条例》第三十一条：网络服务提供者为未成年人提供信息发布、即时通讯等服务的，应当依法要求未成年人或者其监护人提供未成年人真实身份信息。未成年人或者其监护人不提供未成年人真实身份信息的，网络服务提供者不得为未成年人提供相关服务。 听讲、思考、讨论 教师通过引领学生学习课程内容，促进学生学习知识。学生通过认真听讲、实践探究等方式，积极学习基础知识和相关技能。另外，通过提问的方式引发学生思考，培养其思考和解决问题的能力。
课堂小结 知识回顾 对课堂知识进行总结和梳理，帮助学生更好地理解和掌握所学内容。
拓展-提升 【拓展-提升】查阅相关资料，把单板计算机等设备接入局域网，把它设为万维网服务器，然后利用它展示制作的网站。 自主探究 让学生通过课外拓展的形式巩固、强化所学内容，并适当拓宽其视野。
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共26张PPT)
（义务教育版）七年级
全一册
第20课
组建网站跟我做
学习目标
激趣导入
学习活动
思考-讨论
实践探究
课堂小结
拓展-提升
单元主题
单元主题
单元名称 课名称 核心内容
第四单元 校园活动线上展 第16课　探秘网页与代码 网页与HTML代码、HTML标签、网页数据的呈现
第17课　制作网页展活动 标签格式、用HTML代码制作网页
第18课　美化网页方法多 HTML代码美化网页、串联样式表美化网页
第19课　多人协同效率高 多人协同制作网页、Markdown代码
第20课　组建网站跟我做 网站建设流程、发布网站
学习目标
激趣导入
【问题情境】
我们平时看到的网站包含多个页面，浏览时可以在这些网页间跳转。这种交互是如何实现的呢？
激趣导入
【知识建构】
页面跳转的主要实现方式——超链接。超链接是网页中实现页面跳转和交互的核心元素，通常以文本、图片或按钮等形式呈现，通过 HTML 的标签定义，只需在href属性中指定目标 URL，用户点击后浏览器便会加载对应网页或资源，不仅能连接同一网站的不同页面，还可跳转至外部网站、下载文件或定位到当前页面的指定位置，是构建网页导航结构和信息关联的基础技术。
激趣导入
【任务驱动】
科技节的网页做好了，如何将制作的网页关联起来，形成完整的网站呢？
学习活动
学习活动
用超链接组织网站中的网页
一
学习活动
一、用超链接组织网站中的网页
一个完整的网站，通常包括主页和与之相连的其他网页。
网站主页
网站子页
学习活动
一、用超链接组织网站中的网页
学习探究
现在，主页和网站需要的其他网页都已制作完成，要考虑如何在网页之间建立超链接了。
设置超链接的常用代码
注释：：超链接标签 href：链接地址
类　　型 代码举例
图像超链接
文本超链接 显示文字
学习活动
一、用超链接组织网站中的网页
参照下图，把自己制作的页面跟网站的主页用超链接关联起来。

<<< 主页 >>>
超链接标签：

学习活动
一、用超链接组织网站中的网页
【自主探究】
每位同学完成自己的子页面与网站主页的超链接，包含图像链接和文本链接。并从行文、选图、布局、链接等角度对网站进行检查，并及时修正存在的问题。
条　　目 检查结果
文字准确无误
图像呈现恰当
链接跳转正确
页面布局符合阅读习惯
内容健康、积极向上
学习活动
展示网站
二
学习活动
二、展示网站
网页制作完成后，就可以把它发布到局域网啦！就像把画好的画挂到班级展示墙，先把所有网页文件放进一个文件夹，用电脑启动一个简易服务器，再找到服务器的 IP 地址，在浏览器地址栏输入 “http://IP 地址:端口号”，大家就能在同一网络里看到你的作品啦，轻松实现网页分享～
学习活动
二、展示网站
【实践探究】
1．选择一台计算机担当服务器。
学习活动
二、展示网站
2．把小组制作的网页，涉及的图像等，汇总保存到名为Web的文件夹中。
3．按照服务器软件的要求，把Web文件夹移到指定位置后运行该软件，并记录服务器的IP地址和端口。
组内服务器的IP地址是：　　　　 　 ，端口是： 。
学习活动
二、展示网站
4．组内成员访问本组制作的网站，浏览其中的网页，如有问题及时修正。
学习活动
二、展示网站
【合作探究】
各小组轮流展示作品，进行自评和互评。
学习活动
实践探究
三
学习活动
三、实践探究
如果希望把制作的网站发布到互联网中，那么需要注意些什么？
学习活动
三、实践探究
【知识链接】
《未成年人网络保护条例》第三十一条：
网络服务提供者为未成年人提供信息发布、即时通讯等服务的，应当依法要求未成年人或者其监护人提供未成年人真实身份信息。未成年人或者其监护人不提供未成年人真实身份信息的，网络服务提供者不得为未成年人提供相关服务。
课堂小结
拓展-提升
单板计算机是把微处理器、存储器与接口部件安装在同一块印制板上的计算机。
查阅相关资料，把单板计算机等设备接入局域网，把它设为万维网服务器，然后利用它展示制作的网站。
https://www.21cnjy.com/recruitment/home/fine

展开更多......

收起↑