【核心素养目标】主题一 任务四《组建网站跟我做》课件+素材-【桂科版2025】《信息科技》七下

(课件网) 第一单元 第4课 组建网站跟我做 （桂科版）七年级 下 1 核心素养目标 3 新知讲解 5 拓展延伸 7 板书设计 2 新知导入 4 课堂练习 6 课堂总结 课后作业 8 01 核心素养目标 信息意识 计算思维 数字化学习与创新 信息社会责任 不创建或传播虚假信息的链接。 避免恶意链接对用户造成误导或伤害。 尝试创新的超链接形式，如动态链接、多媒体链接或交互式导航菜单。提升网页的互动性和吸引力。 能够将复杂的网页结构分解为多个页面和模块。通过超链接实现这些页面和模块之间的逻辑连接。 理解超链接在网页设计中的作用，资源或外部网站。认识到超链接对于信息传播和用户导航的重要性。 02 新知导入 活动背景 壮壮和小伙伴们各自负责的网页已经设计得差不多了，接下来就要考虑如何将制作好的网页关联起来，形成一个完整的网站。壮壮回想起以前认识的老朋友———�超链接”。网页之间的超链接设置跟以前学习的超链接设置一样吗？ 网页之间的超链接是指通过一个链接将一个网页与另一个网页连接起来。这种链接可以是：站内链接或者站外链接。 02 新知导入 活动目标 1、理解网页设计超链接的跳转过程。 2、了解开发着工具的用法。 3、体验网页之间的跳转过程。 03 新知讲解 一、页面的跳转 03 新知讲解 二、开发者工具 对比浏览器窗口和“开发者工具”的内容。 03 新知讲解 点击导航栏的“制作过程”时，网页从图 1-4-1跳转到了图 1-4-2，这说明了什么？这在“开发者工具”中对应的 HTML代码是哪部分？ 探究实践 制作过程。 03 新知讲解 仔细查看图 1-4-3 的“开发者工具”窗口中的代码，能实现网页跳转效果的 HTMI代码有哪些？找一找，比一比，写下它们之间的异同。 探究实践 制作原料 制作过程 制作过程 。 03 新知讲解 超链接就像网页之间的桥梁，常见类型为文本超链接和图像超链接，对应的常见代码如下表所示。其中，的src 属性指向的是图像地址，中的 href属性指向的是网页链接地址。 小贴士 03 新知讲解 三、页面跳转的实现方式 类型 代码举例 文本超链接 需要显示的文字 图像超链接 显示文字 指向子文件夹 显示文字 指向上一层文件夹 显示文字