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

该初中信息科技课件聚焦网站整合关键技能，包括超链接设置、页面结构组织及局域网服务器搭建，通过科技节网站项目回顾导入，从已有独立页面过渡到完整网站整合，构建“零散页面→链接整合→服务器发布”的学习支架。 其亮点在于项目式实践与多维度评价结合，引导学生通过超链接实验（含图片、视频等多媒体链接）和局域网服务器搭建，培养计算思维与数字化学习能力。小组展示与“信息准确、设计美观”等评价标准，强化信息意识与团队协作，助力学生掌握网站整合技能，教师可通过实践活动提升教学互动性。

第20课 组建网站跟我做 从”零散页面”到 完整网站"的整合之旅 000 p 0 第20课 组建网站跟我做 从"零散页面”到 完整网站”的整合之旅 00 S 本节课我们将完成… ·掌握超链接的设置方法 命 ·学会组织网站的页面结构 凰 ·能够搭建局域网服务器展示网站 @ 而·了解网站评价的基本标准 A 科技节网站制作成果展示 项目回顾 任务目标 项目背景：学校科技节展示网站 将分散的网页通过超链接连接起来 制作过程：多人协同，分工合作 形成完整的网站结构 当前成果：多个独立的网页页面 在局域网中展示网站作品 超链接：网页之间的“桥梁 关键属性href: 指定链接目标地址target: 指定打开方式(sef、 核心概念超链接定义： self、blank等) title:提供链接提示信息 连接不同网页或资源的元素链接目标： 可以是网页、图片、视频、文件等链 接类型：内部链接和外部链接 △ A 超链接的“家族成员” 链接类型 代码类型 代码示例 应用场景 链接 14.23 12.60 900 网格 16.23 12.60 350 网境 20:25 12.50 300 @ 数据 24.23 18:50 950 00 00 △ ④ 让网页动'起来！ navigation navigation ><a href</a>3D href= 实验任务 >3D打印</a>|<a机阳狗 >机器狗</a>|<a href wind-power..html,风力发电<a >风力发电</a></div> 设置主页导航 <a href="3d-hirel <d-pring src= <div class= imag src<img arob:<alt=3D打印项目 宽度width=200</a> 添加图像链接 设置返回链接 <a href= p-indextrml <p><a href= >←返回主页</a></p> 让用户轻松找到想要的内容 000 000 导航类型 000 设计原则 ·顶部导航：页面顶部的水平菜单侧边导航： ·页面左侧或右侧的垂直菜单面包屑导航： ●清晰明了：导航文字要准确描述内容位置固 ·显示当前位置的路径导航页脚导航： 定：保持导航在页面中的固定位置风格统一： ·页面底部的补充导航 •所有页面的导航风格保持一致易于访问： 确保导航在不同设备上都能正常使用 △ ④ 让网站更加完善 X 。0 检查项目 设立接备 上锛天此浃的居务关护高遖佐 可 检查要点 捈穴接格 上班丞此法的居在务护高束佐 @ 检查要点 渣上接备 上锛玉此法的届务务护搞束住 昌 化建议 缭务連档 上锛永此法的居内务按麦声住 △ ④ 让更多人看到我们的作品 发布方式 准备工作 局域网发布：在学校或家庭网络中展示 整理所有网页文件和资源 互联网发布：通过域名和服务器向全球展示 确域网发布优势 本地展示：在单台计算机上展示 局域网发布优势 确保文件结构清晰 简单易行，适合初学者 不需要域名和服务器费用 测试所有链接和功能 可以在内部网络中进行测试和展示