ai-intro
174 行
8.2 KiB
HTML
174 行
8.2 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="人工智能介绍 —— 从定义、历史、核心技术到应用与未来，一文读懂 AI。" />
|
|
<title>人工智能 · AI 全景介绍</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="stylesheet" href="/assets/style.css" />
|
|
</head>
|
|
<body>
|
|
<header class="nav">
|
|
<a class="brand" href="/">
|
|
<span class="brand-mark" aria-hidden="true">AI</span>
|
|
<span class="brand-name">人工智能</span>
|
|
</a>
|
|
<nav class="nav-links">
|
|
<a href="#what">什么是 AI</a>
|
|
<a href="#history">发展历程</a>
|
|
<a href="#tech">核心技术</a>
|
|
<a href="#apps">应用场景</a>
|
|
<a href="#future">未来展望</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="hero-glow" aria-hidden="true"></div>
|
|
<h1 class="hero-title">人工智能<br/><span>重塑世界的力量</span></h1>
|
|
<p class="hero-sub">从图灵的设想到今天的通用大模型，AI 正以前所未有的速度改变着人类生活、工作与思考的方式。本页带你一文读懂 AI 的过去、现在与未来。</p>
|
|
<div class="hero-cta">
|
|
<a class="btn btn-primary" href="#what">开始探索</a>
|
|
<a class="btn btn-ghost" href="#future">展望未来</a>
|
|
</div>
|
|
<p class="hero-meta">机器学习 · 深度学习 · 大语言模型 · 通用人工智能</p>
|
|
</section>
|
|
|
|
<section id="what" class="block">
|
|
<h2 class="section-title">什么是人工智能？</h2>
|
|
<p class="section-sub">让机器像人一样感知、思考与决策。</p>
|
|
<div class="card-grid">
|
|
<article class="card">
|
|
<div class="card-icon">🧠</div>
|
|
<h3>定义</h3>
|
|
<p>人工智能（AI）是计算机科学的一个分支，致力于构建能够模拟人类智能行为的系统——包括学习、推理、感知、语言理解和决策。</p>
|
|
</article>
|
|
<article class="card">
|
|
<div class="card-icon">🎯</div>
|
|
<h3>目标</h3>
|
|
<p>使机器能够自主完成通常需要人类智能才能完成的任务，如视觉识别、语言翻译、游戏博弈、创造性写作和科学发现。</p>
|
|
</article>
|
|
<article class="card">
|
|
<div class="card-icon">🔬</div>
|
|
<h3>范围</h3>
|
|
<p>AI 涵盖机器学习、深度学习、自然语言处理、计算机视觉、强化学习等多个子领域，并与数学、统计学、神经科学交叉融合。</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="history" class="block alt">
|
|
<h2 class="section-title">发展历程</h2>
|
|
<p class="section-sub">七十年风雨，三次浪潮。</p>
|
|
<div class="timeline">
|
|
<div class="tl-item">
|
|
<div class="tl-year">1950s</div>
|
|
<div class="tl-body">
|
|
<h4>诞生与奠基</h4>
|
|
<p>图灵提出「机器能否思考」的命题；1956 年达特茅斯会议正式确立「人工智能」一词，标志着学科诞生。</p>
|
|
</div>
|
|
</div>
|
|
<div class="tl-item">
|
|
<div class="tl-year">1980s</div>
|
|
<div class="tl-body">
|
|
<h4>专家系统时代</h4>
|
|
<p>基于规则的专家系统在商业领域取得成功，但受限于知识获取瓶颈，AI 经历第一次「寒冬」。</p>
|
|
</div>
|
|
</div>
|
|
<div class="tl-item">
|
|
<div class="tl-year">2010s</div>
|
|
<div class="tl-body">
|
|
<h4>深度学习革命</h4>
|
|
<p>GPU 算力提升与大数据爆发推动深度学习崛起，ImageNet、AlphaGo 等里程碑刷新认知，AI 进入产业落地期。</p>
|
|
</div>
|
|
</div>
|
|
<div class="tl-item">
|
|
<div class="tl-year">2020s</div>
|
|
<div class="tl-body">
|
|
<h4>大模型时代</h4>
|
|
<p>GPT、Claude 等大语言模型展现出惊人的通用理解与生成能力，生成式 AI 席卷全球，迈向通用人工智能的探索。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="tech" class="block">
|
|
<h2 class="section-title">核心技术</h2>
|
|
<p class="section-sub">驱动 AI 的四大支柱。</p>
|
|
<div class="card-grid four">
|
|
<article class="card">
|
|
<div class="card-icon">📊</div>
|
|
<h3>机器学习</h3>
|
|
<p>通过数据训练模型，使机器从经验中学习规律，无需显式编程规则。包括监督学习、无监督学习和强化学习。</p>
|
|
</article>
|
|
<article class="card">
|
|
<div class="card-icon">🕸️</div>
|
|
<h3>深度学习</h3>
|
|
<p>基于多层神经网络的机器学习分支，擅长处理图像、语音和文本等高维数据，是现代 AI 的技术基石。</p>
|
|
</article>
|
|
<article class="card">
|
|
<div class="card-icon">💬</div>
|
|
<h3>自然语言处理</h3>
|
|
<p>让机器理解、生成和翻译人类语言。Transformer 架构与注意力机制催生了 ChatGPT 等革命性产品。</p>
|
|
</article>
|
|
<article class="card">
|
|
<div class="card-icon">👁️</div>
|
|
<h3>计算机视觉</h3>
|
|
<p>使机器能够「看见」并理解图像与视频内容，广泛应用于人脸识别、自动驾驶、医学影像等场景。</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="apps" class="block alt">
|
|
<h2 class="section-title">应用场景</h2>
|
|
<p class="section-sub">AI 已深入生活的方方面面。</p>
|
|
<div class="app-grid">
|
|
<div class="app-item"><span class="app-emoji">🤖</span><span>智能助手</span></div>
|
|
<div class="app-item"><span class="app-emoji">🚗</span><span>自动驾驶</span></div>
|
|
<div class="app-item"><span class="app-emoji">🏥</span><span>医疗诊断</span></div>
|
|
<div class="app-item"><span class="app-emoji">🎨</span><span>AI 创作</span></div>
|
|
<div class="app-item"><span class="app-emoji">📈</span><span>金融分析</span></div>
|
|
<div class="app-item"><span class="app-emoji">🌐</span><span>机器翻译</span></div>
|
|
<div class="app-item"><span class="app-emoji">🎮</span><span>游戏 AI</span></div>
|
|
<div class="app-item"><span class="app-emoji">🏭</span><span>智能制造</span></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="future" class="block">
|
|
<h2 class="section-title">未来展望</h2>
|
|
<p class="section-sub">机遇与挑战并存。</p>
|
|
<div class="future-grid">
|
|
<article class="future-card positive">
|
|
<h4>✨ 机遇</h4>
|
|
<p>通用人工智能（AGI）有望在科学发现、生产力提升和个性化教育等领域带来质变；AI 将成为每个人的超级助手，释放人类创造力。</p>
|
|
</article>
|
|
<article class="future-card challenge">
|
|
<h4>⚖️ 挑战</h4>
|
|
<p>数据隐私、算法偏见、就业冲击、安全风险和伦理边界等问题亟待全社会共同应对，负责任地发展 AI 是时代命题。</p>
|
|
</article>
|
|
</div>
|
|
<blockquote class="quote">
|
|
<p>「人工智能不是要取代人类，而是要解放人类去做更有创造力的事情。」</p>
|
|
</blockquote>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="footer-brand">
|
|
<span class="brand-mark" aria-hidden="true">AI</span>
|
|
<span>人工智能 · 全景介绍</span>
|
|
</div>
|
|
<nav class="footer-links">
|
|
<a href="#what">什么是 AI</a>
|
|
<a href="#history">发展历程</a>
|
|
<a href="#tech">核心技术</a>
|
|
<a href="#apps">应用场景</a>
|
|
<a href="#future">未来展望</a>
|
|
</nav>
|
|
<p class="footer-copy">© 2026 AI 全景介绍 · 由 WeHub 部署</p>
|
|
</footer>
|
|
|
|
<script src="/assets/app.js"></script>
|
|
</body>
|
|
</html>
|