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

主讲 xxxxxx 第20课 义务教育信息科技课程资源　七年级 1 01 02 熟悉超链接的用法，能将分散的页面组织起来。 知道评测网站需要关注的因素。 学习目标 能选择适当方式展示网站。 03 前情回顾 我们用Markdown语言编写了首页，并转化成了html网页。 我们用CSS代码美化了网页 学习活动一：找一找超链接在哪里？ 一个完整的网站，通常包括主页和与之相连的其他网页。现在，主页和网站需要的其他网页都已制作完成，要考虑如何在网页之间建立超链接了。打开老师下发的网址，观摩网站说一说哪里有超链接。 一、用超链接组织网站中的网页 一、用超链接组织网站中的网页 类型 代码举例 图像超链接 <a href=”链接地址”><img src=”图像位置”></a> 文本超链接 <a href=”链接地址”>显示文字</a> <a href=”链接地址”> </a> 图像超链接 1 文本超链接 2 <a href=”链接地址”> </a> <img src=”图像位置”> 显示文字 <a></a>：超链接标签 href ：链接地址 学习活动二：将主页和页面用超链接关联起来 <img>的src属性指向的是图像地址；<a>中的href属性指向的是链接地址。 不可使用文件管理系统中的绝对路径表示网页的位置。 打开“第20课教学资源”中的“基础任务-科技节网站”，自主学习微课，将主页的三个图片设置超链接分别连接到相应的网页，将3个子页面的文字“主页”设置超链接连接到主页。完成后检查网页链接，填写检查记录表。 基础任务 学习活动二：将主页和页面用超链接关联起来 基础任务 条　　目 检查结果 文字准确无误 图像呈现恰当 链接跳转正确 页面布局符合阅读习惯 内容健康、积极向上 从行文、选图、布局、链接等角度对网站进行检查，并及时修正存在的问题。 学习活动二：将主页和页面用超链接关联起来 基础任务 截图交作业示例： 或： 学习活动二：将主页和页面用超链接关联起来 打开“第20课教学资源”中的“拓展任务-动漫主题网站”，设置恰当的超链接。完成后检查并及时修正存在问题。 拓展任务 采用在局域网自建服务器的方式展示网站。方法如下： 1.把活动2制作的网页、图像等资料，复制粘贴到Web文件夹中。 2.运行 ，复制服务器的IP地址和端口到浏览器访问自己的网站，发现问题及时修正。 3.公布网站IP地址和端口给其他同学访问你的网站。 学习活动三—展示网站 未成年人网络保护条例 《未成年人网络保护条例》第三十一条： 网络服务提供者为未成年人提供信息发布、即时通讯等服务的，应当依法要求未成年人或者其监护人提供未成年人真实身份信息。未成年人或者其监护人不提供未成年人真实身份信息的，网络服务提供者不得为未成年人提供相关服务。 课堂总结 使用超链接可以将不同页面组织起来。 超链接可以用于文本、图像等对象。 发布网站之前，应检查自己的网站是否符合相关规范。 $$