Files
dsProject/dsLightRag/static/Menhu/index.html

317 lines
15 KiB
HTML
Raw Normal View History

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 10:21:38 +08:00
<!-- 引入外部CSS -->
2025-09-03 08:44:55 +08:00
<link rel="stylesheet" href="../css/style.css">
2025-09-03 07:57:36 +08:00
</head>
<body>
2025-09-03 10:21:38 +08:00
<!-- 顶部导航 -->
<header class="header">
<div class="logo">
<i class="fas fa-graduation-cap"></i>
<span>东师理想AI教育云平台</span>
</div>
<nav class="nav-menu">
<div class="nav-item">首页</div>
<div class="nav-item"><a href="ai-resource-workshop.html"
style="text-decoration: none; color: inherit;">AI资源工坊</a></div>
<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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<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>
</nav>
<div class="header-actions">
<button class="btn btn-outline">登录</button>
</div>
</header>
2025-09-03 07:57:36 +08:00
2025-09-03 10:21:38 +08:00
<!-- Hero区域 -->
<section class="hero">
<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">
<a href="ai-resource-workshop.html" class="btn btn-primary">立即体验</a>
<button class="btn btn-outline">教师入驻</button>
<button class="btn btn-outline">合作咨询</button>
2025-09-03 08:18:55 +08:00
</div>
</div>
2025-09-03 10:21:38 +08:00
<div class="hero-image">
<img src="https://picsum.photos/id/20/800/600" alt="东师理想AI教育云平台">
</div>
</div>
2025-09-03 08:18:55 +08:00
2025-09-03 10:21:38 +08:00
<!-- 轮播项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>
<a href="ai-resource-library.html" class="btn btn-outline">资源库</a>
2025-09-03 08:18:55 +08:00
</div>
</div>
2025-09-03 10:21:38 +08:00
<div class="hero-image">
<img src="https://picsum.photos/id/180/800/600" alt="AI资源工坊">
</div>
</div>
2025-09-03 08:18:55 +08:00
2025-09-03 10:21:38 +08:00
<!-- 轮播项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>
2025-09-03 08:18:55 +08:00
</div>
</div>
2025-09-03 10:21:38 +08:00
<div class="hero-image">
<img src="https://picsum.photos/id/160/800/600" alt="精准学情分析">
</div>
2025-09-03 08:18:55 +08:00
</div>
2025-09-03 10:21:38 +08:00
</div>
2025-09-03 08:18:55 +08:00
2025-09-03 10:21:38 +08:00
<!-- 轮播控制按钮 -->
<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>
2025-09-03 08:18:55 +08:00
2025-09-03 10:21:38 +08:00
<!-- 轮播指示点 -->
<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>
2025-09-03 10:21:38 +08:00
</div>
<div class="wave"></div>
</section>
2025-09-03 07:57:36 +08:00
2025-09-03 08:39:43 +08:00
2025-09-03 10:21:38 +08:00
<!-- 四大核心场景 -->
<section class="features">
<h2 class="section-title">四大核心场景</h2>
<div class="features-grid">
<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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="feature-title">AI资源工坊</h3>
<p class="feature-description">
一键生成教案、课件、习题;支持共建共享;展示实时热度榜,满足教师多样化教学需求。</p>
</div>
</a>
<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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="feature-title">AI资源库</h3>
<p class="feature-description">
海量优质教育资源,涵盖教案、课件、习题等多种类型,支持多维度筛选和搜索,助力教学创新。</p>
</div>
</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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="feature-title">名师云课</h3>
<p class="feature-description">
最新一期教育局精品课+AI学伴入口倒计时条提醒直播让优质教育资源触手可及。</p>
</div>
</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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="feature-title">学情中心</h3>
<p class="feature-description">家长/教师双视角仪表盘样例截图+一键生成周报按钮,精准掌握学生学习情况。</p>
</div>
</a>
</div>
</section>
2025-09-03 08:39:43 +08:00
2025-09-03 10:21:38 +08:00
<!-- 新增四大服务区块 -->
<section class="services">
<h2 class="section-title">四大特色服务</h2>
<div class="services-grid">
<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>
2025-09-03 08:39:43 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="service-title">AI资源制作视频教程</h3>
<p class="service-description">
平方录制精美的最新最火获奖课件、流程AI制作方法拆解教程手把手帮助教师学习AI技术。</p>
</div>
</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>
2025-09-03 08:39:43 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="service-title">AI实验室解决方案</h3>
<p class="service-description">
提供ESP32、树莓派、机器臂、垃圾回收等硬件安装和软件部署打造学校AI特色课程。</p>
</div>
</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>
2025-09-03 08:39:43 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="service-title">PBL+AI融合项目案例</h3>
<p class="service-description">
以大数据+AI研究苏轼生平为例提供案例、视频和资源指导开展AI支持下的PBL课程设计。</p>
</div>
</a>
<a href="promotion-maintenance.html" style="text-decoration: none; color: inherit;">
<div class="service-card">
<div class="service-icon">
<i class="fas fa-bullhorn"></i>
2025-09-03 08:39:43 +08:00
</div>
2025-09-03 10:21:38 +08:00
<h3 class="service-title">宣传维护服务</h3>
<p class="service-description">
为加入的学校、老师打造视频号、抖音号、公众号等维护的宣传,让教师专注于教学。</p>
</div>
</a>
</div>
</section>
<!-- 联盟与学科工坊 -->
<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>
<a href="ai-education-alliance.html" style="text-decoration: none;">
<button class="btn btn-primary">加入联盟</button>
2025-09-03 10:00:02 +08:00
</a>
2025-09-03 08:39:43 +08:00
</div>
2025-09-03 10:21:38 +08:00
<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>
2025-09-03 10:33:35 +08:00
<div class="tab-content active">
2025-09-03 10:21:38 +08:00
<h4 style="margin-bottom: 15px; color: var(--primary-blue);">本周研修直播日程</h4>
<p style="margin-bottom: 20px; color: var(--text-light);">
探索数学与AI的完美结合提升数学教学效率与质量。</p>
<!-- 将button改为a标签并保留原有样式类 -->
<a href="geogebra-ai-workshop.html" class="btn btn-outline">查看详情</a>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:33:35 +08:00
<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>
<!-- Algodoo工坊专属链接 -->
<a href="algodoo-ai-workshop.html" class="btn btn-outline">查看详情</a>
</div>
2025-09-03 07:57:36 +08:00
</div>
</div>
2025-09-03 10:21:38 +08:00
</div>
</section>
2025-09-03 07:57:36 +08:00
2025-09-03 10:21:38 +08:00
<!-- 数据统计区 -->
<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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<div class="stat-item">
<div class="stat-number">128</div>
<div class="stat-label">联盟成员校</div>
</div>
</div>
</section>
2025-09-03 07:57:36 +08:00
2025-09-03 10:21:38 +08:00
<!-- 页脚 -->
<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">
<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>
</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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
<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>
2025-09-03 07:57:36 +08:00
</div>
2025-09-03 10:21:38 +08:00
</div>
<div class="footer-bottom">
<p>© 2025 东师理想AI教育云平台 版权所有</p>
</div>
</footer>
<!-- 引入外部JS -->
<script src="../js/main.js"></script>
2025-09-03 07:57:36 +08:00
</body>
2025-09-03 10:21:38 +08:00
</html>