单元四 · 校园活动线上展

第17课 制作网页展活动

任务场景
任务场景:制作网页展活动

一、学习目标

  • 了解制作网站的基本流程。
  • 能通过写HTML代码制作简单网页。
  • 体验用人工智能技术制作网页,认识科技创新的意义。

二、情境导入

终于要迎来大家翘首以待的“科技节”了。

同学们跃跃欲试,想要参与各种酷炫的科技活动。

因为参与这些活动不仅能学到科技知识,还能体验科技的魅力。

三、核心讲解

本课学习路径:

1制作网站的基本流程
2制作一个简单的网页
3制作网站的基本流程1
4序  号 名  称 说  明
5确定主题
6搜集素材

1.制作网站的基本流程

简要说明主题是什么,如学校的科技节

制作网站的基:先抓住「制作网站的基本流程」在做什么,再用例子对照验证。
  • 围绕主题开始搜集网站所需要的资源,经过挑选、去伪,作为制
  • 作自己网页的素材
  • 确定主页、导航菜单、内容组织、布局和主题风格等
  • 用工具软件制作网页
  • 用适当方法调整网页的显示效果

2.制作网站的基本流程1

小组就网站主题、网站结构、页面结构等展开交流与讨论,并记录分配给自己的任务。

数据:把现象变成可记录、可比较的信息,再用图表看清规律。
  • 制作个人承担的介绍科技项目的网页
  • 查看老师提供的素材,如有必要,可继续补充完善。

弄清以上要点后,再进入下方动手体验,用实际操作验证。

四、动手体验 · 活动网页文案

在本页完成真实操作。完成后勾选下方清单,再去做测评。

五、课堂总结

  • 网站的制作流程。
  • <img><p>等标签的格式与作用。
  • 编写HTML代码,制作有文字和图的简单网页。
  • 使用在线人工智能模型自动生成网页。

六、拓展提升

拓展:(1)让模型解答更多关于网页制作的疑问,例如,如何使网页中的图像保持大小一致。(2)把感兴趣的网页代码提交给人工智能模型,让它解读每段代码的功能。

测评

完成练习后作答;选出后点「检查」。答错会显示简短说明。

  1. 下列哪一项更接近本课学习目标?

  2. 本课课堂总结强调的是?

  3. 本课主题最贴近下列哪一项?

  4. 完成本课后,优先应该做什么来证明学会了?

  5. 判断:教学指南中的学习活动可以全部跳过。

  6. 拓展提升部分的作用是?

本节小结

回顾本课要点,完成动手体验与测评。记住:制作网页展活动。