资源简介

(共14张PPT)
制作网页展活动
第四单元 校园活动线上展
目录
CONTENTS
1
2
3
行业PPT模板http:///hangye/
了解制作网站的基本流程。
能通过写HTML代码制作简单网页。
体验用人工智能技术制作网页，认识科技创新的意义。
导 入 新 课
分小组制作展示学校“科技节”的网站。
每位同学设计制作介绍一个科技项目的子页，然后小组协作完成主页的制作。
导 入 新 课
1. 制作网站的基本流程是怎样的？
2. 如何制作一个简单的网页？
判断对错
1. 网页主要由HTML语言编写而成。 （ ）
2. 网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类
设计风格。 （ ）
3. 网站中的网页一般通过网址来访问。 （ ）
4. 访问网站时，默认显示的第一个网页叫作主页。 （ ）
制作网站的基本流程
P
ART01
讲 授 新 课
步骤 名称 说明
1 确定主题 简要说明主题是什么，如学校的科技节
2 搜集素材 围绕主题开始搜集网站所需要的资源，经过挑选、去伪，作为自己制作网页的素材
3 确定结构 确定主页、导航菜单、内容组织、布局和主题风格等
讲 授 新 课
步骤 名称 说明
4 制作网页 用工具软件制作网页
5 美化网页 用适当方法调整网页的显示效果
6 发布网站 选择恰当方式展示网站
小组就网站主题、网站结构、页面结构等展开交流与讨论，并记录分配给自己的任务。
制作一个简单的网页
P
ART02
导 入 新 课
HTML代码本质上就是一段文本，操作时，可以用文本编辑工具编写HTML代码制作网页，也可以利用在线人工智能模型自动生成网页。
实验
制作个人承担的介绍科技项目的网页
1. 查看老师提供的素材，如有必要，可继续补充完善。
2. 选择一个方法制作介绍科技项目的网页。
方法一：用文本编辑工具编写HTML代码，制作网页（图17.1）。
方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。
实验
用文本编辑工具编写HTML代码，制作网页（图17.1）。
讲 授 新 课
拓
展
与
提
升
1. 让模型解答更多关于网页制作的疑问，例如，如何使网页中的图像保持大小一致。
2. 把感兴趣的网页代码提交给人工智能模型，让它解读代码的功能。
感谢您的观看

展开更多......

收起↑