资源简介

(共15张PPT)
第17课　
制作网页展活动
XXX学校
XXX
第四单元　校园活动线上展
义务教育信息科技课程资源　七年级
学习目标
了解制作网站的基本流程。
能通过写HTML代码制作简单网页。
体验用人工智能技术制作网页，认识科技创新的意义。
第17课　制作网页展活动
第四单元　校园活动线上展
第四单元　校园活动线上展
一 制作网站的基本流程
二 制作一个简单的网页
学习内容
第17课　制作网页展活动
导 入
第四单元　校园活动线上展
分小组制作展示学校“科技节”的网站。
每位同学设计制作介绍一个科技项目的子页，然后小组协作完成主页的制作。
第17课　制作网页展活动
第四单元　校园活动线上展
1.制作网站的基本流程是怎样的？
2.如何制作一个简单的网页？
第17课　制作网页展活动
第四单元　校园活动线上展
回忆之前所学内容，判断以下说法是否正确。
1. 网页主要由HTML语言编写而成。 （ ）
2. 网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类
设计风格。 （ ）
3. 网站中的网页一般通过网址来访问。 （ ）
4. 访问网站时，默认显示的第一个网页叫作主页。 （ ）
第17课　制作网页展活动
制作网站的基本流程
第四单元　校园活动线上展
序号 名称 说　　明
1
2
3
4
5
6
确定主题
搜集素材
发布网站
美化网页
确定结构
制作网页
简要说明主题是什么，如学校的科技节
围绕主题开始搜集网站所需要的资源，经过挑选、去伪，作为制作自己网页的素材
确定主页、导航菜单、内容组织、布局和主题风格等
用工具软件制作网页
用适当方法调整网页的显示效果
选择恰当方式展示网站
第17课　制作网页展活动
制作网站的基本流程
第四单元　校园活动线上展
小组就网站主题、网站结构、页面结构等展开交流与讨论，并记录分配给自己的任务。
第17课　制作网页展活动
制作一个简单的网页
第四单元　校园活动线上展
HTML代码本质上就是一段文本，操作时，可以用文本编辑工具编写HTML代码制作网页，也可以利用在线人工智能模型自动生成网页。
第17课　制作网页展活动
制作一个简单的网页
第四单元　校园活动线上展
实验：制作个人承担的介绍科技项目的网页
1. 查看老师提供的素材，如有必要，可继续补充完善。
机器狗是一种模拟真实犬只形态和部分行为的机器设备，能够实现行走、坐下、翻滚等多种动作。机器狗的出现为人工智能和机器人研究提供了新的想象空间，也让更多人得以近距离接触机器人技术。
第17课　制作网页展活动
制作一个简单的网页
第四单元　校园活动线上展
实验：制作个人承担的介绍科技项目的网页
2. 选择一个方法制作介绍科技项目的网页。
方法一：用文本编辑工具编写HTML代码，制作网页（图17.1）。
第17课　制作网页展活动
制作一个简单的网页
第四单元　校园活动线上展
方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。
给出要求
请制作一个关于校园科技节的网页，主要使用

等标签。
实验：制作个人承担的介绍科技项目的网页
第17课　制作网页展活动
课堂总结
1．网站的制作流程。
2．

等标签的格式与作用。
3．编写HTML代码，制作有文字和图的简单网页。
4．使用在线人工智能模型自动生成网页。
第四单元　校园活动线上展
第17课　制作网页展活动
拓展与提升
第四单元　校园活动线上展
1．让模型解答更多关于网页制作的疑问，例如，如何使网页中的图像保持大小一致。
2．把感兴趣的网页代码提交给人工智能模型，让它解读每段代码的功能。
人工智能模型可能会给出多个解决方案，大家只要选择一个对自己来说最方便的即可。活动中，同学们可以畅想一下，在人工智能的辅助下，未来的学习可能出现哪些变化。
继续使用在线人工智能模型学习网页制作的知识。
第17课　制作网页展活动
用所学知识
去探索未知世界吧！
同学，你学会了吗？

展开更多......

收起↑