资源简介

(共19张PPT)
制作网页展活动
目录
CONTENTS
行业PPT模板http://www./hangye/
了解制作网站的基本流程。
能通过写 HTML 代码制作简单网页。
体验用人工智能技术制作网页，认识科技创新的意义。
01
02
03
学校每年科技节都会有许多科技体验项目，也有制作“科技节体验项目”网站的传统。
今天我们要分小组制作展示学校“科技节”的网站。每位同学设计制作介绍一个科技项目的子页，然后小组协作完成主页的制作。
回忆之前所学内容，判断以下说法是否正确。
1. 网页主要由HTML语言编写而成。 （ ）
2. 网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。 （ ）
3. 网站中的网页一般通过网址来访问。 （ ）
4. 访问网站时，默认显示的第一个网页叫作主页。 （ ）
1. 制作网站的基本流程是怎样的？
2. 如何制作一个简单的网页？
制作网站的基本流程
P
ART01
1. 网页主要由 HTML 语言编写而成。
2. 网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。
3. 网站中的网页一般通过网址来访问。
4. 访问网站时，默认显示的第一个网页叫作主页。
网页代码，就是指在网页制作过程中需要用到的一些特殊的"语言"，设计人员通过对这些"语言"进行组织编排制作出网页，然后由浏览器对代码进行"翻译"后才是我们最终看到的效果。
制作网页时常用的代码有HTML，JavaScript，ASP，PHP，CGI等，其中超文本标记语言(标准通用标记语言下的一个应用、外语简称：HTML)是最基础的网页代码。
网站制作流程单
搜集素材
确定主题
制作网页
确定结构
发布网站
美化网页
选择恰当方式展示网站
简要说明主题是什么，如学校的科技节。
围绕主题开始搜集网站所需要的资源，经过挑选、去伪，作为自己制作网页的素材。
确定主页、导航菜单、内容组织、布局和主题风格等
用工具软件制作网页
用适当方法调整网页的显示效果
学习活动2
小组就网站主题、网站结构、页面结构等展开交流与讨论，并记录分配给自己的任务。
制作一个简单的网页
P
ART02
HTML 代码本质上就是一段文本，操作时，可以用文本编辑工具编写HTML 代码制作网页，也可以利用在线人工智能模型自动生成网页。
学习活动3
制作个人承担的介绍科技项目的网页
1. 查看老师提供的素材，如有必要，可继续补充完善。
2. 选择一个方法制作介绍科技项目的网页。
方法一：用文本编辑工具编写 HTML 代码，制作网页
方法二：选择一个在线人工智能模型，让它根据需求自动生成网页。
请制作一个关于校园科技节的网页，主要使用

等标签。
拓
展
与
提
升
1. 让模型解答更多关于网页制作的疑问，例如，如何使网页中的图像保持大小一致。
2. 把感兴趣的网页代码提交给人工智能模型，让它解读代码的功能。
感谢您的观看

展开更多......

收起↑