单元四 · 校园活动线上展
第17课 制作网页展活动

一、学习目标
- 了解制作网站的基本流程。
- 能通过写HTML代码制作简单网页。
- 体验用人工智能技术制作网页,认识科技创新的意义。
二、情境导入
终于要迎来大家翘首以待的“科技节”了。
同学们跃跃欲试,想要参与各种酷炫的科技活动。
因为参与这些活动不仅能学到科技知识,还能体验科技的魅力。
三、核心讲解
本课学习路径:
1制作网站的基本流程
2制作一个简单的网页
3制作网站的基本流程1
4序 号 名 称 说 明
5确定主题
6搜集素材
1.制作网站的基本流程
简要说明主题是什么,如学校的科技节
制作网站的基:先抓住「制作网站的基本流程」在做什么,再用例子对照验证。
- 围绕主题开始搜集网站所需要的资源,经过挑选、去伪,作为制
- 作自己网页的素材
- 确定主页、导航菜单、内容组织、布局和主题风格等
- 用工具软件制作网页
- 用适当方法调整网页的显示效果
2.制作网站的基本流程1
小组就网站主题、网站结构、页面结构等展开交流与讨论,并记录分配给自己的任务。
数据:把现象变成可记录、可比较的信息,再用图表看清规律。
- 制作个人承担的介绍科技项目的网页
- 查看老师提供的素材,如有必要,可继续补充完善。
弄清以上要点后,再进入下方动手体验,用实际操作验证。
四、动手体验 · 活动网页文案
在本页完成真实操作。完成后勾选下方清单,再去做测评。
五、课堂总结
- 网站的制作流程。
- <img><p>等标签的格式与作用。
- 编写HTML代码,制作有文字和图的简单网页。
- 使用在线人工智能模型自动生成网页。
六、拓展提升
拓展:(1)让模型解答更多关于网页制作的疑问,例如,如何使网页中的图像保持大小一致。(2)把感兴趣的网页代码提交给人工智能模型,让它解读每段代码的功能。
测评
完成练习后作答;选出后点「检查」。答错会显示简短说明。
下列哪一项更接近本课学习目标?
本课课堂总结强调的是?
本课主题最贴近下列哪一项?
完成本课后,优先应该做什么来证明学会了?
判断:教学指南中的学习活动可以全部跳过。
拓展提升部分的作用是?
本节小结
回顾本课要点,完成动手体验与测评。记住:制作网页展活动。