第17课 制作网页展活动 课件2025-2026学年人教版 初中信息科技七年级全一册
2025-12-15
|
17页
|
938人阅读
|
7人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技人教版七年级全一册 |
| 年级 | 七年级 |
| 章节 | 第17课 制作网页展活动 |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学-新授课 |
| 学年 | 2025-2026 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 23.74 MB |
| 发布时间 | 2025-12-15 |
| 更新时间 | 2025-12-15 |
| 作者 | Shine |
| 品牌系列 | - |
| 审核时间 | 2025-12-15 |
| 下载链接 | https://m.zxxk.com/soft/55443328.html |
| 价格 | 0.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
漳州台商区第一中学
第17课
制作网页展活动
激趣导入
【问题情境】
期待科技节吗？
今年科技节我们要以特殊方式展示活动 —— 制作专属网站！
激趣导入
【课前预热】
回忆之前所学内容，判断以下说法是否正确：
1．网页主要由HTML语言编写而成。
2．网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。
3．网站中的网页一般通过网址来访问。
4．访问网站时，默认显示的第一个网页叫作主页。
√
学习制作网站的基本流程
01
学习活动
一、制作网站的基本流程
序号 名称 说 明
1 确定主题 明确网站核心内容（如 “校园科技节展示”）
2 规划结构 设计网站包含的网页（如主页、项目子页、联系我们页）
3 收集素材 准备文字、图片、视频等资料（如科技项目介绍、活动海报）
4 制作网页 运用工具或 AI 生成单个网页
5 链接整合 将多个网页通过超链接关联，形成完整网站
6 测试优化 检查网页显示、链接有效性，调整完善
5
学习活动
合作探究
小组围绕 “科技节网站主题细化、网站结构分工、个人负责的科技项目” 展开讨论。每组推选 1 名记录员，填写小组分工表
6
网站主题
网站结构
页面结构
负责任务
实践操作，制作网页
02
学习活动
二、制作一个简单的网页
方法一：文本编辑工具编写 HTML 代码
1、打开记事本，输入 HTML 基本结构（<!DOCTYPE html> <html> <head> <title> <body>等标签）。
2、结合素材添加内容：用<h1> <h2>标签设置标题，<p>标签编写项目介绍，<img>标签插入图片。
3、保存文件时选择 “所有文件”，后缀名改为.html，用浏览器打开预览。
8
学习活动
二、制作一个简单的网页
方法二：AI 辅助生成网页
1、打开在线 AI 平台，按照 “核心需求 + 标签限制 + 内容要求” 描述指令（示例：“制作校园科技节机器狗项目网页，使用<img><p><h>简单标签，代码≤30 行，包含项目介绍、图片、活动时间”）。
2、复制 AI 生成的代码，粘贴到文本编辑工具，修改图片路径、文字内容等细节，保存后预览。
给出要求
9
学习活动
二、制作一个简单的网页
学生自主选择方法制作网页
1、选择方法一的学生：注意 HTML 标签的正确闭合（如<h1>对应</h1>）、图片路径设置。
2、选择方法二的学生：如何精准描述需求、如何修改 AI 生成的代码以匹配素材。
10
学习活动
二、制作一个简单的网页
【机器狗素材参考】
机器狗是一种模拟真实犬只形态和部分行为的机器设备，能够实现行走、坐下、翻滚等多种动作。机器狗的出现为人工智能和机器人研究提供了新的想象空间，也让更多人得以近距离接触机器人技术。
11
文本
图片
拓展探究，优化提升
03
学习活动
三、实践探究
如何使网页中的图像保持大小一致？？
方法 1：直接在<img>标签中设置宽高（内联样式）；
方法 2：使用 CSS 统一控制（推荐，通过<style>标签定义类样式）；
方法 3：统一宽度，高度自动按比例调整。
13
拓展-提升
优化：学生根据自身网页情况，选择一种方法调整图片大小
畅想 “AI 辅助下，未来学习可能出现哪些变化”
（如快速获取知识、高效完成实践任务等）。
课堂小结
15
一、网站制作 6 步流程
确定主题、搜集素材
确定结构、制作网页
美化网页、发布网站
二 、两种网页制作方法
方法一：用文本编辑工具编写HTML代码，制作网页。
方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。
三、核心 HTML 标签使用
使用人工智能模型解决实际问题
作业布置
1、完善本节课制作的科技项目子页，确保内容完整、显示正常。
2、把自己的网页代码提交给 AI 模型，让其解读每段代码的功能，记录不理解的部分，下节课交流。
3、小组内交流各自制作的子页，为下节课的主页整合做准备。
下节课再见！
$
资源预览图
1
2
3
4
5
6
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。