单元四 · 校园活动线上展
第17课 制作网页展活动
一、学习目标
- 了解制作网站的基本流程。
- 能通过写HTML代码制作简单网页。
- 体验用人工智能技术制作网页，认识科技创新的意义。
二、情境导入
科技节各班准备体验项目，本班要制作展示网站：先做项目子页，再协作完成主页。
先判断：网页主要由 HTML 编写？网站由多页组成？默认显示的第一页叫主页？
三、核心讲解
本课学习路径：
1制作网站的基本流程
2制作一个简单的网页
1．制作网站的基本流程
- 1确定主题（如学校科技节）。
- 2确定结构（主页与各子页关系）。
- 3搜集素材（文字、图片等）。
- 4制作网页（编写 HTML 等）。
- 5美化网页。
- 6发布网站。
想一想：为什么要先定主题与结构，再急着写代码？
2．制作一个简单的网页
用 HTML 标签组织文字与图像，例如段落 <p>、图像 <img> 等，即可做出简单页面。也可体验用在线人工智能模型生成页面，再理解、修改代码。
人机协作：AI 可加速生成初稿，但需人工检查结构、内容与版权，并按需求修改。
- 掌握常用标签的格式与作用。
- 先做出有文字和图片的简单页。
- 比较手写与 AI 生成的差异，认识技术创新意义。
弄清以上要点后，再进入下方动手体验，用实际操作验证。
四、动手体验 · 活动网页文案
在本页完成真实操作。完成后勾选下方清单，再去做测评。
五、课堂总结
- 了解网站的制作流程。
- 掌握
、
等标签的格式与作用。
- 能编写HTML代码，制作有文字和图的简单网页。
- 可体验使用在线人工智能模型辅助生成网页。
六、拓展提升
- 继续向模型请教网页制作问题，或让它解读感兴趣的网页代码，并思考 AI 辅助下学习方式的变化。
测评
对照本课学习目标作答（客观题练习）；选出后点「检查」。答错会显示简短说明。
制作网站较合理的顺序更接近？
图像标签常用？
判断：网站通常由多个围绕同一主题的网页组成，默认显示的第一个页面叫主页。
本节小结
回顾本课要点，完成动手体验与测评。记住：制作网页展活动。