第三单元互联网中数据共享 项目开展 第1课时 课件　2025-2026学年苏科版（2023）初中信息科技七年级上册

该初中信息科技课件围绕互联网中数据共享单元，核心讲解个性化网页布局设计与div控件应用。通过“准备工作-创建div区域-添加内容-页面布局”的步骤，构建从基础操作到综合应用的学习支架，帮助学生掌握网页内容组织方法。 其亮点是以任务驱动的实践活动为主线，结合计算思维（分解页面结构、建模布局）和数字化学习与创新（用div工具实现图文结合的行程安排布局）。采用项目式学习，学生提升数字化操作与问题解决能力，教师可借助结构化流程高效教学。

第三单元 互联网中数据共享 div控件 个性化网页布局 纵向 作品整体尺寸 横向 作品整体尺寸 作品整体尺寸： 宽？像素 高？像素 页面尺寸 第一个div控件 admin (a) - 个性化设计 作品的各个区域用div工具在此处创建 作品整体尺寸 admin (a) - 创建div区域 div工具 div区域 admin (a) - div工具 div区域 admin (a) - 页面布局1 实践活动1：个性化网页布局 请使用div控件实现个性化网页布局。 div控件的使用请参考探索3学习单； 个性化网页布局请参考探索2草图； 实践活动2：添加作品内容 请根据在探索1确定的网页作品内容采用的数据表现形式将内容有序放入对应区域。 页面布局1 实践活动3：准备工作 第一步：在桌面新建一个文件夹，文件夹名字使用“座位号+名字”。 举例： 第二步：将网页文件另存为到这个文件夹中。 实践活动2：添加作品内容 请根据在探索1确定的网页作品内容采用的数据表现形式将内容有序放入对应区域。 实践活动3：准备工作 第一步：在桌面新建一个文件夹，文件夹名字使用“座位号+名字”。 举例： 第二步：将网页文件另存为到这个文件夹中。 代表性页面布局 代表性页面布局 代表性页面布局 页面布局 1+X div数量：1+4个 div数量：1+6个 div数量：1+6个 个性化网页布局 div控件 div控件 div控件 div控件 div控件 div控件 页面布局1 页面布局2 $