2025-09-03 07:57:36 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>东师理想AI教育云平台 - 让AI成为教育新基建</title>
|
|
|
|
|
<!-- 引入基础CSS框架 -->
|
|
|
|
|
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/css/layui.min.css">
|
|
|
|
|
<script src="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/layui.min.js"></script>
|
|
|
|
|
<!-- 引入Font Awesome -->
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
|
|
|
<!-- 引入Chart.js -->
|
|
|
|
|
<script src="https://gcore.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
|
2025-09-03 08:44:55 +08:00
|
|
|
|
<!-- 引入外部CSS -->
|
|
|
|
|
<link rel="stylesheet" href="../css/style.css">
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!-- 顶部导航 -->
|
|
|
|
|
<header class="header">
|
|
|
|
|
<div class="logo">
|
|
|
|
|
<i class="fas fa-graduation-cap"></i>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<span>东师理想AI教育云平台</span>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
<nav class="nav-menu">
|
|
|
|
|
<div class="nav-item">首页</div>
|
2025-09-03 09:08:23 +08:00
|
|
|
|
<div class="nav-item"><a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">AI资源工坊</a></div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<div class="nav-item"><a href="ai-resource-library.html" style="text-decoration: none; color: inherit;">AI资源库</a></div>
|
|
|
|
|
<div class="nav-item"><a href="cloud-classroom.html" style="text-decoration: none; color: inherit;">名师云课</a></div>
|
|
|
|
|
<div class="nav-item"><a href="student-learning-center.html" style="text-decoration: none; color: inherit;">学情中心</a></div>
|
|
|
|
|
<div class="nav-item"><a href="ai-education-alliance.html" style="text-decoration: none; color: inherit;">AI教育创新联盟</a></div>
|
|
|
|
|
<div class="nav-item"><a href="teacher-ai-video-tutorials.html" style="text-decoration: none; color: inherit;">教师AI视频教程</a></div>
|
|
|
|
|
<div class="nav-item"><a href="ai-lab-solution.html" style="text-decoration: none; color: inherit;">AI实验室解决方案</a></div>
|
|
|
|
|
<div class="nav-item"><a href="pbl-ai-case.html" style="text-decoration: none; color: inherit;">PBL+AI融合项目案例</a></div>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</nav>
|
|
|
|
|
<div class="header-actions">
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<button class="btn btn-outline">登录</button>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<!-- Hero区域 -->
|
|
|
|
|
<section class="hero">
|
2025-09-03 08:18:55 +08:00
|
|
|
|
<div class="carousel-container">
|
|
|
|
|
<div class="carousel">
|
|
|
|
|
<!-- 轮播项1 -->
|
|
|
|
|
<div class="carousel-item active">
|
|
|
|
|
<div class="hero-content">
|
|
|
|
|
<h1 class="hero-title">让AI成为教育新基建</h1>
|
|
|
|
|
<p class="hero-subtitle">资源共建 · 名师云课 · AI学伴 · 精准学情</p>
|
|
|
|
|
<div class="hero-cta">
|
2025-09-03 09:08:23 +08:00
|
|
|
|
<a href="ai-resource-workshop.html" class="btn btn-primary">立即体验</a>
|
2025-09-03 08:18:55 +08:00
|
|
|
|
<button class="btn btn-outline">教师入驻</button>
|
|
|
|
|
<button class="btn btn-outline">合作咨询</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hero-image">
|
|
|
|
|
<img src="https://picsum.photos/id/20/800/600" alt="东师理想AI教育云平台">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 轮播项2 -->
|
|
|
|
|
<div class="carousel-item">
|
|
|
|
|
<div class="hero-content">
|
|
|
|
|
<h1 class="hero-title">AI资源工坊</h1>
|
|
|
|
|
<p class="hero-subtitle">一键生成教案、课件、习题,支持共建共享</p>
|
|
|
|
|
<div class="hero-cta">
|
|
|
|
|
<button class="btn btn-primary">探索工坊</button>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<a href="ai-resource-library.html" class="btn btn-outline">资源库</a>
|
2025-09-03 08:18:55 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hero-image">
|
|
|
|
|
<img src="https://picsum.photos/id/180/800/600" alt="AI资源工坊">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 轮播项3 -->
|
|
|
|
|
<div class="carousel-item">
|
|
|
|
|
<div class="hero-content">
|
|
|
|
|
<h1 class="hero-title">精准学情分析</h1>
|
|
|
|
|
<p class="hero-subtitle">AI驱动的学情跟踪与分析,助力个性化教学</p>
|
|
|
|
|
<div class="hero-cta">
|
|
|
|
|
<button class="btn btn-primary">查看演示</button>
|
|
|
|
|
<button class="btn btn-outline">了解更多</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hero-image">
|
|
|
|
|
<img src="https://picsum.photos/id/160/800/600" alt="精准学情分析">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 轮播控制按钮 -->
|
|
|
|
|
<div class="carousel-control prev">
|
|
|
|
|
<i class="fas fa-chevron-left"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="carousel-control next">
|
|
|
|
|
<i class="fas fa-chevron-right"></i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 轮播指示点 -->
|
|
|
|
|
<div class="carousel-indicators">
|
|
|
|
|
<div class="carousel-indicator active"></div>
|
|
|
|
|
<div class="carousel-indicator"></div>
|
|
|
|
|
<div class="carousel-indicator"></div>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wave"></div>
|
|
|
|
|
</section>
|
|
|
|
|
|
2025-09-03 08:39:43 +08:00
|
|
|
|
|
|
|
|
|
<!-- 四大核心场景 -->
|
2025-09-03 07:57:36 +08:00
|
|
|
|
<section class="features">
|
|
|
|
|
<h2 class="section-title">四大核心场景</h2>
|
|
|
|
|
<div class="features-grid">
|
2025-09-03 09:08:23 +08:00
|
|
|
|
<a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="feature-card">
|
|
|
|
|
<div class="feature-icon">
|
|
|
|
|
<i class="fas fa-tools"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="feature-title">AI资源工坊</h3>
|
|
|
|
|
<p class="feature-description">一键生成教案、课件、习题;支持共建共享;展示实时热度榜,满足教师多样化教学需求。</p>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
2025-09-03 09:08:23 +08:00
|
|
|
|
</a>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<a href="ai-resource-library.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="feature-card">
|
|
|
|
|
<div class="feature-icon">
|
|
|
|
|
<i class="fas fa-book"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="feature-title">AI资源库</h3>
|
|
|
|
|
<p class="feature-description">海量优质教育资源,涵盖教案、课件、习题等多种类型,支持多维度筛选和搜索,助力教学创新。</p>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
|
|
|
|
<a href="cloud-classroom.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="feature-card">
|
|
|
|
|
<div class="feature-icon">
|
|
|
|
|
<i class="fas fa-chalkboard-teacher"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="feature-title">名师云课</h3>
|
|
|
|
|
<p class="feature-description">最新一期教育局精品课+AI学伴入口;倒计时条提醒直播,让优质教育资源触手可及。</p>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
|
|
|
|
<a href="student-learning-center.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="feature-card">
|
|
|
|
|
<div class="feature-icon">
|
|
|
|
|
<i class="fas fa-chart-line"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="feature-title">学情中心</h3>
|
|
|
|
|
<p class="feature-description">家长/教师双视角仪表盘样例截图+一键生成周报按钮,精准掌握学生学习情况。</p>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2025-09-03 08:39:43 +08:00
|
|
|
|
|
|
|
|
|
<!-- 新增四大服务区块 -->
|
|
|
|
|
<section class="services">
|
|
|
|
|
<h2 class="section-title">四大特色服务</h2>
|
|
|
|
|
<div class="services-grid">
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<a href="teacher-ai-video-tutorials.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="service-card">
|
|
|
|
|
<div class="service-icon">
|
|
|
|
|
<i class="fas fa-video"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="service-title">AI资源制作视频教程</h3>
|
|
|
|
|
<p class="service-description">平方录制精美的最新最火获奖课件、流程AI制作方法拆解教程,手把手帮助教师学习AI技术。</p>
|
2025-09-03 08:39:43 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
|
|
|
|
<a href="ai-lab-solution.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="service-card">
|
|
|
|
|
<div class="service-icon">
|
|
|
|
|
<i class="fas fa-flask"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="service-title">AI实验室解决方案</h3>
|
|
|
|
|
<p class="service-description">提供ESP32、树莓派、机器臂、垃圾回收等硬件安装和软件部署,打造学校AI特色课程。</p>
|
2025-09-03 08:39:43 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
|
|
|
|
<a href="pbl-ai-case.html" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="service-card">
|
|
|
|
|
<div class="service-icon">
|
|
|
|
|
<i class="fas fa-project-diagram"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="service-title">PBL+AI融合项目案例</h3>
|
|
|
|
|
<p class="service-description">以大数据+AI研究苏轼生平为例,提供案例、视频和资源,指导开展AI支持下的PBL课程设计。</p>
|
2025-09-03 08:39:43 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
|
|
|
|
<a href="#" style="text-decoration: none; color: inherit;">
|
|
|
|
|
<div class="service-card">
|
|
|
|
|
<div class="service-icon">
|
|
|
|
|
<i class="fas fa-bullhorn"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="service-title">宣传维护服务</h3>
|
|
|
|
|
<p class="service-description">为加入的学校、老师打造视频号、抖音号、公众号等维护的宣传,让教师专注于教学。</p>
|
2025-09-03 08:39:43 +08:00
|
|
|
|
</div>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
</a>
|
2025-09-03 08:39:43 +08:00
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
|
|
|
|
|
<!-- 联盟与学科工坊 -->
|
|
|
|
|
<section class="alliance">
|
|
|
|
|
<h2 class="section-title">联盟与学科工坊</h2>
|
|
|
|
|
<div class="alliance-container">
|
|
|
|
|
<div class="alliance-banner">
|
|
|
|
|
<h3 style="font-size: 24px; margin-bottom: 20px; color: var(--primary-blue);">AI教育创新联盟</h3>
|
|
|
|
|
<p style="margin-bottom: 20px; color: var(--text-light);">当前成员校 128 所、共建资源 6.7 万件,携手推动教育数字化转型。</p>
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<a href="ai-education-alliance.html" style="text-decoration: none;"><button class="btn btn-primary">加入联盟</button></a>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="workshops">
|
|
|
|
|
<div class="workshop-tabs">
|
|
|
|
|
<div class="tab-header">
|
|
|
|
|
<div class="tab-item active">GeoGebra AI数创工坊</div>
|
|
|
|
|
<div class="tab-item">Algodoo AI物研工坊</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<h4 style="margin-bottom: 15px; color: var(--primary-blue);">本周研修直播日程</h4>
|
|
|
|
|
<p style="margin-bottom: 20px; color: var(--text-light);">探索数学与AI的完美结合,提升数学教学效率与质量。</p>
|
|
|
|
|
<button class="btn btn-outline">查看详情</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- 数据统计区 -->
|
|
|
|
|
<section class="stats">
|
|
|
|
|
<div class="stats-grid">
|
|
|
|
|
<div class="stat-item">
|
|
|
|
|
<div class="stat-number">3,472</div>
|
|
|
|
|
<div class="stat-label">今日活跃教师</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="stat-item">
|
|
|
|
|
<div class="stat-number">9,831</div>
|
|
|
|
|
<div class="stat-label">生成课件</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="stat-item">
|
|
|
|
|
<div class="stat-number">47,298</div>
|
|
|
|
|
<div class="stat-label">学生提问</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="stat-item">
|
|
|
|
|
<div class="stat-number">128</div>
|
|
|
|
|
<div class="stat-label">联盟成员校</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- 页脚 -->
|
|
|
|
|
<footer class="footer">
|
|
|
|
|
<div class="footer-container">
|
|
|
|
|
<div class="footer-column">
|
|
|
|
|
<div class="footer-logo">东师理想</div>
|
|
|
|
|
<p class="footer-description">让AI成为教育新基建,推动教育数字化、智能化发展。</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer-column">
|
|
|
|
|
<h4 class="footer-title">平台服务</h4>
|
|
|
|
|
<ul class="footer-links">
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<li><a href="ai-resource-workshop.html">AI资源工坊</a></li>
|
|
|
|
|
<li><a href="ai-resource-library.html">AI资源库</a></li>
|
|
|
|
|
<li><a href="cloud-classroom.html">名师云课</a></li>
|
|
|
|
|
<li><a href="student-learning-center.html">学情中心</a></li>
|
|
|
|
|
<li><a href="ai-education-alliance.html">AI教育创新联盟</a></li>
|
|
|
|
|
<li><a href="teacher-ai-video-tutorials.html">教师AI视频教程</a></li>
|
|
|
|
|
<li><a href="ai-lab-solution.html">AI实验室解决方案</a></li>
|
|
|
|
|
<li><a href="pbl-ai-case.html">PBL+AI融合项目案例</a></li>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer-column">
|
|
|
|
|
<h4 class="footer-title">关于我们</h4>
|
|
|
|
|
<ul class="footer-links">
|
|
|
|
|
<li><a href="#">公司简介</a></li>
|
|
|
|
|
<li><a href="#">发展历程</a></li>
|
|
|
|
|
<li><a href="#">荣誉资质</a></li>
|
|
|
|
|
<li><a href="#">联系方式</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer-column">
|
|
|
|
|
<h4 class="footer-title">法律合规</h4>
|
|
|
|
|
<ul class="footer-links">
|
|
|
|
|
<li><a href="#">用户协议</a></li>
|
|
|
|
|
<li><a href="#">隐私政策</a></li>
|
|
|
|
|
<li><a href="#">未成年人保护</a></li>
|
|
|
|
|
<li><a href="#">版权声明</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer-bottom">
|
2025-09-03 10:00:02 +08:00
|
|
|
|
<p>© 2025 东师理想AI教育云平台 版权所有</p>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
2025-09-03 08:44:55 +08:00
|
|
|
|
<!-- 引入外部JS -->
|
|
|
|
|
<script src="../js/main.js"></script>
|
2025-09-03 07:57:36 +08:00
|
|
|
|
</body>
|
|
|
|
|
</html>
|