第20课 组建网站跟我做 课件 2025-2026学年人教版初中信息科技七年级全一册

第20课　组建网站跟我做 第四单元　校园活动线上展 义务教育信息科技课程资源　七年级 义务教育信息科技课程资源 1 能选择适当方式展示网站。 学习目标 1 2 3 知道评测网站需要关注的因素。 熟悉超链接的用法，能将分散的页面组织起来。 第20课　学习目标 义务教育信息科技课程资源 问题情境 1.浏览陕西历史博物馆网站(https://www.sxhm.com/index.html) 2.浏览科技节网站（桌面文件夹）。 问：对比两个网站，你的使用体验有什么不同？哪个更方便？为什么？ 3.那网页这种交互是如何实现的呢？ 第20课　课堂导入 义务教育信息科技课程资源 一 用超链接组织网站中的网页 二 展示网站 学习内容 第20课　学习内容 义务教育信息科技课程资源 问题情境 1.在浏览陕西历史博物馆网站后，你认为一个完整的网站结构是由什么组成的呢？ 2. 在体验陕西历史博物馆网站后，总结出哪些元素可以点击跳转呢？ 第20课　课堂导入 义务教育信息科技课程资源 一、用超链接组织网站中的网页 网站主页 网站子页 一个完整的网站，通常包括主页和与之相连的其他网页。 第20课　学习内容 义务教育信息科技课程资源 设置超链接的常用代码 类　　型 代码举例 图像超链接 <a href="链接地址"><img src="图像地址"></a> 文本超链接 <a href="链接地址">显示文字</a> 注释： <a></a>：超链接标签 href ：链接地址 第20课　学习内容 一、用超链接组织网站中的网页 义务教育信息科技课程资源 第20课　学习内容 一、超链接模仿秀 1. 在科技节主页上添加一个文字链接和一个图片链接。 文字链接：如“3D打印”，点击后跳转到3D打印的的网页 <a href="链接地址">3D打印</a> 图像链接：如3D打印图片，点击后跳转到3D打印的的网页 <a href="链接地址"><img src="images\3D.jpg"></a> 2. 为子网页中的文字“主页”添加链接，点击后跳转到科技节首页 义务教育信息科技课程资源 <a href="page1.html"><img src="images/3D.jpg" height="200"></a> <a href=“index.html”><<< 主页 >>> </a> 超链接标签： <a href="链接地址"></a> 第20课　学习内容 一、用超链接组织网站中的网页 义务教育信息科技课程资源 第20课　学习内容 一、用超链接组织网站中的网页 条　　目 检查结果 文字准确无误 图像呈现恰当 链接跳转正确 页面布局符合阅读习惯 内容健康、积极向上 1.每位同学完成自己的子页面与网站主页的超链接，包含图像链接和文本链接。 2.根据需要，继续设置其他网页间的超链接。 3.从行文、选图、布局、链接等角度对网站进行检查，并及时修正存在的问题。 义务教育信息科技课程资源 第20课　学习内容 二、展示网站 1.展示自己的科技节网站效果； 2.分享制作过程中遇到的问题及其解决办法； 义务教育信息科技课程资源 第20课　学习内容 二、展示网站 《未成年人网络保护条例》第三十一条： 网络服务提供者为未成年人提供信息发布、即时通讯等服务的，应当依法要求未成年人或者其监护人提供未成年人真实身份信息。未成年人或者其监护人不提供未成年人真实身份信息的，网络服务提供者不得为未成年人提供相关服务。 义务教育信息科技课程资源 第20课　课堂总结 1．使用超链接可以将不同页面组织起来。 2．超链接可以用于文本、图像等对象。 义务教育信息科技课程资源 如果用配套资源中的《简易万维网服务器》软件进行学习活动，需要把Web文件夹移到这个软件所在的文件夹中。 第20课　学习内容 二、展示网站 义务教育信息科技课程资源 查阅相关资料，把单板计算机等设备接入局域网，把它设为万维网服务器，然后利用它展示制作的网站。 第20课　拓展与提升 单板计算机是把微处理器、存储器与接口部件安装在同一块印制板上的计算机。 义务教育信息科技课程资源 $