for absolute beginner

先把 AI 看成一个“会读、会写、会改、会帮你做事”的新型工具。

这套页面不是为了背名词，而是帮纯小白建立一条清晰路线：AI 是什么 → 市面上有哪些 AI → 常见术语是什么意思 → 怎么正确提问 → 网页和服务器是什么 → 怎么借助 AI 做出小工具。

1看懂 AI历史、类型、模型

→

2会用 AI上下文、Token、提示词

→

3借 AI 开发网页、小工具、API

part 01

AI 发展简史：从“让机器算”到“让机器理解和生成”

可以把 AI 发展分成四个阶段：规则时代、机器学习时代、深度学习时代、大模型时代。重点不是记年份，而是理解：AI 越来越像一个“可以用自然语言协作的软件层”。

part 02

市面上常见的 AI：不是只有聊天机器人

你可以按“它能处理什么”来理解 AI 产品。聊天只是入口，背后可以是文字、图片、视频、语音、代码、搜索、办公自动化等能力。

part 03

国内外大模型地图：先知道有哪些，再慢慢学怎么选

大模型可以粗略分为：通用聊天模型、推理模型、代码模型、多模态模型、语音模型、图像/视频生成模型。普通用户先学会“按任务选工具”比背参数更重要。

地区	代表产品/模型	适合先记住什么	常见用途

part 04

AI 相关概念：用一句人话解释

part 05

正确使用 AI：上下文、Token、提示词

好提示词不是“咒语”，而是把需求说清楚。

最基础的结构是：角色 + 目标 + 背景 + 约束 + 输出格式 + 示例。对新手来说，别追求神奇提示词，先学会把真实需求说完整。

角色+任务+背景+要求+格式

Token 粗略估算器

0约等于 token，中文只是粗略估算

提示词生成器

生成后的提示词会出现在这里。

part 06

网站基础：HTML、CSS、JS、服务器、前端、后端

点击上面的模块，看解释。

part 07

接入大模型 API：浏览器不能直接拿 Key 去请求

正确结构是：浏览器 → 你的后端 → DeepSeek。API Key 放服务器，不放浏览器。后端像一个“中转和保护层”。

浏览器页面
用户输入问题

→

你的 Node 后端
带 Key 请求 DeepSeek

→

DeepSeek API
返回模型回答

前端请求你的后端：

fetch('/api/chat', { method: 'POST', body: JSON.stringify({ messages }) })

part 08

借助 AI 开发网页程序和小工具

小白最适合从“单文件网页小工具”开始：一个 HTML 文件，里面包含结构、样式和交互。等理解后，再拆成前端、后端、数据库。

输入一个小工具想法，让 DeepSeek 帮你拆解

part 09

DeepSeek 实战区：真正连上后端和大模型

AI 老师模式小工具开发教练开启思考模式温度 0.6

你好，我是这套网页里的 AI 老师。你可以问我：什么是 LLM？API Key 为什么不能放前端？怎么让 AI 帮我做一个网页？

part 10