资源简介

中小学教育资源及组卷应用平台
3.17《制作网页展活动》教学设计
核心素养教育目标：
信息意识：学生了解制作网站的基本流程。
计算思维：学生通过写 HTML 代码制作简单网页。
数字化学习与创新：引导学生体验制作网页，培养学生的创新意识和实践能力。
信息社会责任：体验用人工智能技术制作网页，认识科技创新的意义。
教学重难点：
重点：掌握 HTML 代码制作简单网页。
难点：理解网站的基本流程。
教学方法：
任务驱动法、分组讨论法、演示法
教学准备：
多媒体网络教室、课件
教学过程：
【复习导入】
学校每年科技节都会有许多科技体验项目，也有制作“科技节体验项目”网站的传统。今天我们要分小组制作展示学校“科技节”的网站。每位同学设计制作介绍一个科技项目的子页，然后小组协作完成主页的制作。
回忆之前所学内容，判断以下说法是否正确。
1. 网页主要由HTML语言编写而成。 （ ）
2. 网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。 （ ）
3. 网站中的网页一般通过网址来访问。 （ ）
4. 访问网站时，默认显示的第一个网页叫作主页。 （ ）
【新知探究】
一、制作网站的基本流程
1、教师详细讲解制作网站的基本流程，包括：
①确定主题：教师引导学生思考校园科技节的特色和亮点，确定网站的主题方向。
②搜集素材：教师展示一些与科技节相关的素材资源，如图像、文字资料、视频等，并对多媒体素材进行筛选和整理，为制作网页做好准备。
③确定结构：教师通过绘制网站结构图或展示示例，讲解如何确定网站的主页、导航菜单、内容组织和布局方式，让学生了解网站结构的合理性和重要性。
④制作网页：教师介绍制作网页的两种方法（编写 HTML 代码和使用在线人工智能模型），⑤美化网页：教师展示一些美化后的网页效果，讲解网页美化的原则和方法，如色彩搭配、
字体选择、图像优化等。
⑥发布网站：简单介绍网站发布的概念和常见方式。
2、学习活动2
小组就网站主题、网站结构、页面结构等展开交流与讨论，并记录分配给自己的任务。
二、制作一个简单的网页
1、HTML 代码本质上就是一段文本，操作时，可以用文本编辑工具编写HTML 代码制作网页，也可以利用在线人工智能模型自动生成网页。
2、教师引导学生查看老师提供的素材（文字介绍、图片等），鼓励学生根据自己的创意和需求，补充完善素材内容。例如，学生可以根据机器狗的功能特点，撰写更详细的文字描述，或者寻找更多相关的高清图片。
方法一：用文本编辑工具编写 HTML 代码，制作网页
方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。
任务一：请制作一个关于校园科技节的网页，主要使用

等标签。
学生自主完成任务，小组合作交流。
【拓展与提升】
1. 让模型解答更多关于网页制作的疑问，例如，如何使网页中的图像保持大小一致。
2. 把感兴趣的网页代码提交给人工智能模型，让它解读代码的功能。
【课堂小结】
请同学们对照本章的学习目标进行总结，看看自己掌握了那些知识。
1．网站的制作流程。
2．编写HTML代码，制作有文字和图的简单网页。
3．使用在线人工智能模型自动生成网页。
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
21世纪教育网(www.21cnjy.com)

展开更多......

收起↑