GPT × Codex 基础网站与应用实战沙龙

【沙龙导语】

带着一个小想法，亲手做出可以预览和操作的第一个版本。

一个活动介绍页、一个个人展示网站，或一个整理日常任务的小工具……有了想法，下一步是把需求说清楚、把任务拆开，再一步步搭建和验证。

这次沙龙，我们用两个具体案例带你动手：上午搭建基础网站，下午构建基础网页应用。通过讲师演示、现场跟练和问题修正，走一遍从描述需求到运行预览，再到反馈修改的基本流程。

适合已接触 GPT 或 Codex、希望开始制作自己作品的朋友。跟练从基础操作展开，无需先掌握系统的编程知识。

 

【活动基础信息】

活动时间：2026年9月19日 09:00–12:00（网站专场）/ 14:00–17:00（应用专场）

活动地点：中国·上海

活动形式：AI 超级玩家社群

 

【沙龙核心价值亮点】

上午场｜搭建一个基础网站（3小时）

以单页活动介绍网站为主线，从模型与工具的基础认识出发，完成页面搭建、预览检查和基础部署。学到的思路，也可以用于个人介绍页或简单的产品展示页。

1 先认识模型与工具 建立基本使用思路

简要梳理 GPT 模型的能力差异与选择思路，了解任务难度、响应速度和使用成本如何影响选择。认识 GPT 与 Codex 在需求梳理、内容准备和网站构建中的用法，以及哪些环节需要人来判断和检查，为接下来的动手实践建立基础。

2 搞清楚做一个网站要完成哪些子任务

先明确网站给谁看、需要展示什么、希望访客完成什么操作，再拆成内容准备、页面结构、视觉参考、页面制作、预览检查和部署发布。练习提供必要背景、参考截图和完成标准，写出一份范围清楚的基础需求。

3 跟着搭建并打开第一个版本

从创建项目、组织文件开始，逐步完成页面内容与基础样式，打开预览，检查主要信息、按钮跳转及手机屏幕下的显示效果。每完成一个小任务，就查看一次结果，确认页面朝着预期推进。

4 练习把具体问题反馈给 AI

页面太挤、图片比例不对、按钮没反应时，尝试用截图、操作步骤和预期效果说明问题。学习提出小范围修改、保留可用版本，并在修改后重新检查。

5 了解基础部署 让网站可以通过链接访问

理解本地预览与线上访问的区别，认识托管平台和域名的基本作用。跟练一种简单的发布方式，将基础网站部署到线上，获取访问链接，检查页面、图片和按钮是否正常，并了解修改后如何更新发布。

上午跟练目标：完成一个可预览的基础单页网站，走通基础部署流程，并知道后续如何修改和更新。

 

下午场｜构建一个基础应用（3小时）

以单人使用的任务清单网页小应用为主线，把“记录待办事项”做成可以实际操作的小工具，体验从页面展示到功能运行的基本过程。

1 把一个小需求收敛成能做完的功能

明确谁来用、输入什么、需要得到什么结果。本次围绕新增任务、查看列表、更新完成状态、筛选任务和浏览器本地保存展开，练习确定第一版的功能范围与完成标准。

2 拆开界面 操作逻辑和数据保存

看懂输入框、按钮和列表分别承担什么任务，点击之后应该发生什么，数据需要保存在哪里。把需求拆成界面、交互和保存等子任务，逐项让 AI 协助实现。

3 跟练完成一条可跑通的使用流程

按“输入任务、加入列表、修改状态、筛选查看、刷新后检查保存结果”的顺序搭建和验证。用实际操作确认功能是否生效，理解浏览器本地保存的范围，为后续接触数据库建立直观认识。

4 遇到问题时和 AI 一起修正

围绕点击无响应、状态更新异常或刷新后数据丢失等常见问题，练习记录现象、复现操作、提供截图或报错信息，请 AI 协助定位并做小步修改。修好后再走一遍原流程，检查已有功能是否仍然可用。

下午跟练目标：完成一个核心流程可跑通的基础网页小应用，并亲手练习一轮发现问题、反馈修正和重新验证。

 

把基础流程学会 为下一步扩展做准备

两场活动都围绕范围明确的基础作品展开，重点是学会拆任务、搭建、运行预览，以及通过人机协同修正和迭代。每场围绕一个统一案例跟练，帮助你先把这一套操作走顺。

当你希望网站拥有更多页面和内容管理功能，或让应用支持账号登录、多人协作、数据库及外部服务连接，就会遇到新的设计与实现问题。这些将作为后续进阶网站与应用课程的延伸方向；本次通过基础作品建立认识，帮助你判断自己的下一步需求。

 

【适合人群】

• 已接触 GPT 或 Codex、想开始制作自己作品的人
• 想从零做出第一个网站或网页小应用、无需系统编程基础的人
• 想学会“描述需求→拆任务→搭建→运行预览→反馈修改”完整流程的人
• 想为后续进阶网站与应用课程打基础的人
• 本次活动参与人员需年满 18 周岁以上

 

【活动须知】

活动形式：AI 超级玩家社群

活动受众：已接触 GPT 或 Codex、想动手做出第一个作品的人

 

参与准备：

请自备电脑和电源，提前确认用于跟练的 GPT、Codex 账号及相关工具可正常使用，并准备好课堂发布方式所需的账号。也可以带上一个想做的基础页面或小工具想法，用课堂学到的拆解方法梳理它。

上午侧重网站结构与页面表达，下午侧重应用功能与操作流程。时间允许的话，建议两场一起参加，在两个不同场景里练熟同一套基础方法。

9月19日，一起把想法做成第一个能打开、能操作、还能继续改的作品。