1072 lines
44 KiB
HTML
1072 lines
44 KiB
HTML
<!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">
|
||
<!-- 引入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>
|
||
<!-- 引入外部CSS -->
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
|
||
<style>
|
||
/* 页面标题区样式 */
|
||
.page-title {
|
||
background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
|
||
color: white;
|
||
padding: 60px 0;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
|
||
.page-title h1 {
|
||
font-size: 36px;
|
||
margin-bottom: 15px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.page-title p {
|
||
font-size: 18px;
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
/* 内容区域样式 */
|
||
.content-section {
|
||
padding: 80px 0;
|
||
}
|
||
|
||
.section-title {
|
||
text-align: center;
|
||
margin-bottom: 50px;
|
||
font-size: 32px;
|
||
color: var(--primary-blue);
|
||
position: relative;
|
||
}
|
||
|
||
.section-title:after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -15px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 80px;
|
||
height: 3px;
|
||
background-color: var(--primary-blue);
|
||
}
|
||
|
||
/* 联盟介绍样式 */
|
||
.alliance-intro {
|
||
background-color: #f8f9fa;
|
||
padding: 60px 0;
|
||
}
|
||
|
||
.intro-content {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 50px;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.intro-text {
|
||
flex: 1;
|
||
}
|
||
|
||
.intro-text h2 {
|
||
font-size: 28px;
|
||
color: var(--primary-blue);
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.intro-text p {
|
||
font-size: 16px;
|
||
line-height: 1.8;
|
||
color: var(--text-color);
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.intro-image {
|
||
flex: 1;
|
||
text-align: center;
|
||
}
|
||
|
||
.intro-image img {
|
||
max-width: 100%;
|
||
border-radius: 8px;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
/* 统计数据样式 */
|
||
.stats-container {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
flex-wrap: wrap;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.stat-card {
|
||
text-align: center;
|
||
padding: 30px 20px;
|
||
min-width: 200px;
|
||
}
|
||
|
||
.stat-number {
|
||
font-size: 48px;
|
||
font-weight: 700;
|
||
color: var(--primary-blue);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.stat-label {
|
||
font-size: 16px;
|
||
color: var(--text-light);
|
||
}
|
||
|
||
/* 成员校展示样式 */
|
||
.schools-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||
gap: 30px;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.school-card {
|
||
background: white;
|
||
border-radius: 8px;
|
||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
||
overflow: hidden;
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
|
||
.school-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.school-image {
|
||
height: 180px;
|
||
background-color: #e9ecef;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: var(--text-light);
|
||
font-size: 16px;
|
||
}
|
||
|
||
.school-content {
|
||
padding: 20px;
|
||
}
|
||
|
||
.school-name {
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
margin-bottom: 10px;
|
||
color: var(--primary-blue);
|
||
}
|
||
|
||
.school-info {
|
||
font-size: 14px;
|
||
color: var(--text-light);
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.school-tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.school-tag {
|
||
background-color: #e9f2ff;
|
||
color: var(--primary-blue);
|
||
padding: 4px 10px;
|
||
border-radius: 20px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
/* 联盟活动样式 */
|
||
.activities-container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.activity-tabs {
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-bottom: 40px;
|
||
border-bottom: 1px solid #e9ecef;
|
||
}
|
||
|
||
.activity-tab {
|
||
padding: 15px 30px;
|
||
font-size: 16px;
|
||
color: var(--text-light);
|
||
cursor: pointer;
|
||
position: relative;
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
.activity-tab.active {
|
||
color: var(--primary-blue);
|
||
}
|
||
|
||
.activity-tab.active:after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -1px;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 3px;
|
||
background-color: var(--primary-blue);
|
||
}
|
||
|
||
.activity-content {
|
||
display: none;
|
||
}
|
||
|
||
.activity-content.active {
|
||
display: block;
|
||
}
|
||
|
||
.activity-list {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
||
gap: 30px;
|
||
}
|
||
|
||
.activity-card {
|
||
background: white;
|
||
border-radius: 8px;
|
||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
||
overflow: hidden;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.activity-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.activity-image {
|
||
height: 200px;
|
||
background-color: #e9ecef;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: var(--text-light);
|
||
font-size: 16px;
|
||
}
|
||
|
||
.activity-details {
|
||
padding: 20px;
|
||
}
|
||
|
||
.activity-title {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
margin-bottom: 10px;
|
||
color: var(--primary-blue);
|
||
}
|
||
|
||
.activity-meta {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 15px;
|
||
font-size: 14px;
|
||
color: var(--text-light);
|
||
}
|
||
|
||
.activity-description {
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
color: var(--text-color);
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
/* 合作案例样式 */
|
||
.cases-container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.cases-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
||
gap: 30px;
|
||
}
|
||
|
||
.case-card {
|
||
background: white;
|
||
border-radius: 8px;
|
||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
||
overflow: hidden;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.case-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.case-image {
|
||
height: 200px;
|
||
background-color: #e9ecef;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: var(--text-light);
|
||
font-size: 16px;
|
||
}
|
||
|
||
.case-content {
|
||
padding: 20px;
|
||
}
|
||
|
||
.case-title {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
margin-bottom: 10px;
|
||
color: var(--primary-blue);
|
||
}
|
||
|
||
.case-school {
|
||
font-size: 14px;
|
||
color: var(--text-light);
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.case-description {
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
color: var(--text-color);
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.case-tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.case-tag {
|
||
background-color: #e9f2ff;
|
||
color: var(--primary-blue);
|
||
padding: 4px 10px;
|
||
border-radius: 20px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
/* 加入联盟样式 */
|
||
.join-alliance {
|
||
background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
|
||
color: white;
|
||
padding: 80px 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.join-content {
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.join-title {
|
||
font-size: 32px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.join-description {
|
||
font-size: 18px;
|
||
line-height: 1.6;
|
||
margin-bottom: 30px;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
.join-benefits {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
flex-wrap: wrap;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.benefit-item {
|
||
text-align: center;
|
||
padding: 20px;
|
||
min-width: 200px;
|
||
}
|
||
|
||
.benefit-icon {
|
||
font-size: 36px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.benefit-title {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.benefit-description {
|
||
font-size: 14px;
|
||
opacity: 0.8;
|
||
}
|
||
|
||
/* 页脚样式 */
|
||
.footer {
|
||
background-color: #2c3e50;
|
||
color: white;
|
||
padding: 60px 0 20px;
|
||
}
|
||
|
||
.footer-container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
gap: 40px;
|
||
}
|
||
|
||
.footer-column h4 {
|
||
font-size: 18px;
|
||
margin-bottom: 20px;
|
||
color: white;
|
||
}
|
||
|
||
.footer-links {
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
|
||
.footer-links li {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.footer-links a {
|
||
color: #bdc3c7;
|
||
text-decoration: none;
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
.footer-links a:hover {
|
||
color: white;
|
||
}
|
||
|
||
.footer-bottom {
|
||
text-align: center;
|
||
margin-top: 40px;
|
||
padding-top: 20px;
|
||
border-top: 1px solid #34495e;
|
||
color: #95a5a6;
|
||
}
|
||
|
||
/* 按钮样式 */
|
||
.btn {
|
||
display: inline-block;
|
||
padding: 12px 24px;
|
||
border-radius: 4px;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
border: none;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.btn-primary {
|
||
background-color: var(--primary-blue);
|
||
color: white;
|
||
}
|
||
|
||
.btn-primary:hover {
|
||
background-color: var(--secondary-blue);
|
||
}
|
||
|
||
.btn-outline {
|
||
background-color: transparent;
|
||
color: var(--primary-blue);
|
||
border: 1px solid var(--primary-blue);
|
||
}
|
||
|
||
.btn-outline:hover {
|
||
background-color: var(--primary-blue);
|
||
color: white;
|
||
}
|
||
|
||
.btn-white {
|
||
background-color: white;
|
||
color: var(--primary-blue);
|
||
}
|
||
|
||
.btn-white:hover {
|
||
background-color: #f8f9fa;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 顶部导航 -->
|
||
<header class="header">
|
||
<div class="logo">
|
||
<i class="fas fa-graduation-cap"></i>
|
||
<span>东师理想</span>
|
||
</div>
|
||
<nav class="nav-menu">
|
||
<div class="nav-item"><a href="index.html" style="text-decoration: none; color: inherit;">首页</a></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></div>
|
||
<div class="nav-item"><a href="student-learning-center.html" style="text-decoration: none; color: inherit;">学情中心</a></div>
|
||
<div class="nav-item active">AI教育创新联盟</div>
|
||
</nav>
|
||
<div class="header-actions">
|
||
<button class="btn btn-outline">登录</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 页面标题区 -->
|
||
<div class="page-title">
|
||
<h1>AI教育创新联盟</h1>
|
||
<p>携手共建AI教育新生态，推动教育数字化转型与创新发展</p>
|
||
</div>
|
||
|
||
<!-- 联盟介绍 -->
|
||
<section class="alliance-intro">
|
||
<div class="intro-content">
|
||
<div class="intro-text">
|
||
<h2>关于AI教育创新联盟</h2>
|
||
<p>AI教育创新联盟是由东师理想发起，联合全国多所中小学、教育机构及科技企业共同组建的教育创新共同体。联盟致力于推动人工智能技术在教育领域的应用与创新，构建开放、共享、协作的AI教育生态系统。</p>
|
||
<p>通过联盟平台，成员单位可以共享优质教育资源，参与AI教育项目合作，共同探索AI技术与教育教学深度融合的新模式、新方法，为培养适应未来社会发展的创新型人才提供支持。</p>
|
||
<button class="btn btn-primary">了解更多</button>
|
||
</div>
|
||
<div class="intro-image">
|
||
<img src="https://picsum.photos/id/1/600/400" alt="AI教育创新联盟">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 联盟统计数据 -->
|
||
<section class="content-section">
|
||
<h2 class="section-title">联盟数据</h2>
|
||
<div class="stats-container">
|
||
<div class="stat-card">
|
||
<div class="stat-number">128</div>
|
||
<div class="stat-label">成员校</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-number">6.7万</div>
|
||
<div class="stat-label">共建资源</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-number">2,450</div>
|
||
<div class="stat-label">教师成员</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-number">36</div>
|
||
<div class="stat-label">合作项目</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 成员校展示 -->
|
||
<section class="content-section" style="background-color: #f8f9fa;">
|
||
<h2 class="section-title">成员校展示</h2>
|
||
<div class="schools-grid">
|
||
<div class="school-card">
|
||
<div class="school-image">
|
||
<img src="https://picsum.photos/id/10/300/180" alt="北京市第一实验小学">
|
||
</div>
|
||
<div class="school-content">
|
||
<h3 class="school-name">北京市第一实验小学</h3>
|
||
<div class="school-info">加入时间：2022年3月 | 共建资源：1,240件</div>
|
||
<div class="school-tags">
|
||
<span class="school-tag">AI实验室</span>
|
||
<span class="school-tag">PBL项目</span>
|
||
<span class="school-tag">数学创新</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="school-card">
|
||
<div class="school-image">
|
||
<img src="https://picsum.photos/id/20/300/180" alt="上海市徐汇区教育学院附属实验小学">
|
||
</div>
|
||
<div class="school-content">
|
||
<h3 class="school-name">上海市徐汇区教育学院附属实验小学</h3>
|
||
<div class="school-info">加入时间：2022年5月 | 共建资源：980件</div>
|
||
<div class="school-tags">
|
||
<span class="school-tag">AI语文</span>
|
||
<span class="school-tag">编程教育</span>
|
||
<span class="school-tag">跨学科融合</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="school-card">
|
||
<div class="school-image">
|
||
<img src="https://picsum.photos/id/30/300/180" alt="广州市天河区外国语学校">
|
||
</div>
|
||
<div class="school-content">
|
||
<h3 class="school-name">广州市天河区外国语学校</h3>
|
||
<div class="school-info">加入时间：2022年7月 | 共建资源：1,560件</div>
|
||
<div class="school-tags">
|
||
<span class="school-tag">AI英语</span>
|
||
<span class="school-tag">智能评测</span>
|
||
<span class="school-tag">国际交流</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="school-card">
|
||
<div class="school-image">
|
||
<img src="https://picsum.photos/id/40/300/180" alt="深圳市南山区实验学校">
|
||
</div>
|
||
<div class="school-content">
|
||
<h3 class="school-name">深圳市南山区实验学校</h3>
|
||
<div class="school-info">加入时间：2022年9月 | 共建资源：1,320件</div>
|
||
<div class="school-tags">
|
||
<span class="school-tag">STEM教育</span>
|
||
<span class="school-tag">创客空间</span>
|
||
<span class="school-tag">机器人教育</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="school-card">
|
||
<div class="school-image">
|
||
<img src="https://picsum.photos/id/50/300/180" alt="成都市锦江区四川师范大学附属实验学校">
|
||
</div>
|
||
<div class="school-content">
|
||
<h3 class="school-name">成都市锦江区四川师范大学附属实验学校</h3>
|
||
<div class="school-info">加入时间：2023年1月 | 共建资源：870件</div>
|
||
<div class="school-tags">
|
||
<span class="school-tag">AI艺术</span>
|
||
<span class="school-tag">音乐教育</span>
|
||
<span class="school-tag">美育创新</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="school-card">
|
||
<div class="school-image">
|
||
<img src="https://picsum.photos/id/60/300/180" alt="杭州市西湖区文新小学">
|
||
</div>
|
||
<div class="school-content">
|
||
<h3 class="school-name">杭州市西湖区文新小学</h3>
|
||
<div class="school-info">加入时间：2023年3月 | 共建资源：750件</div>
|
||
<div class="school-tags">
|
||
<span class="school-tag">AI科学</span>
|
||
<span class="school-tag">探究学习</span>
|
||
<span class="school-tag">环境教育</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="text-align: center; margin-top: 40px;">
|
||
<button class="btn btn-outline">查看更多成员校</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 联盟活动 -->
|
||
<section class="content-section">
|
||
<h2 class="section-title">联盟活动</h2>
|
||
<div class="activities-container">
|
||
<div class="activity-tabs">
|
||
<div class="activity-tab active">近期活动</div>
|
||
<div class="activity-tab">往期活动</div>
|
||
<div class="activity-tab">年度峰会</div>
|
||
</div>
|
||
|
||
<div class="activity-content active">
|
||
<div class="activity-list">
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/100/350/200" alt="AI教育创新研讨会">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">AI教育创新研讨会</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2023年10月15日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 北京</span>
|
||
</div>
|
||
<p class="activity-description">探讨AI技术在教育领域的最新应用趋势，分享联盟成员校的创新实践经验。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/110/350/200" alt="AI教师培训工作坊">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">AI教师培训工作坊</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2023年11月5日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 上海</span>
|
||
</div>
|
||
<p class="activity-description">提升联盟教师AI技术应用能力，掌握AI辅助教学工具的使用方法。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/120/350/200" alt="AI教育创新大赛">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">AI教育创新大赛</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2023年12月10日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 深圳</span>
|
||
</div>
|
||
<p class="activity-description">面向联盟成员校师生，征集AI教育创新应用案例和解决方案。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="activity-content">
|
||
<div class="activity-list">
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/130/350/200" alt="2023年春季联盟会议">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">2023年春季联盟会议</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2023年3月20日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 广州</span>
|
||
</div>
|
||
<p class="activity-description">总结联盟上一年度工作成果，规划新一年度发展方向和重点任务。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/140/350/200" alt="AI教育资源共享交流会">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">AI教育资源共享交流会</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2023年5月15日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 成都</span>
|
||
</div>
|
||
<p class="activity-description">促进联盟成员校之间的教育资源共建共享，提高资源利用效率。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/150/350/200" alt="AI教育应用案例展示会">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">AI教育应用案例展示会</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2023年7月10日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 杭州</span>
|
||
</div>
|
||
<p class="activity-description">展示联盟成员校在AI教育应用方面的优秀案例和创新成果。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="activity-content">
|
||
<div class="activity-list">
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/160/350/200" alt="2022年AI教育创新联盟年度峰会">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">2022年AI教育创新联盟年度峰会</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2022年12月15日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 北京</span>
|
||
</div>
|
||
<p class="activity-description">汇聚教育界和科技界专家，共同探讨AI教育发展趋势和创新方向。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/170/350/200" alt="2021年AI教育创新联盟年度峰会">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">2021年AI教育创新联盟年度峰会</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2021年12月10日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 上海</span>
|
||
</div>
|
||
<p class="activity-description">聚焦AI技术在教育领域的应用实践，分享联盟建设成果和经验。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="activity-card">
|
||
<div class="activity-image">
|
||
<img src="https://picsum.photos/id/180/350/200" alt="2020年AI教育创新联盟年度峰会">
|
||
</div>
|
||
<div class="activity-details">
|
||
<h3 class="activity-title">2020年AI教育创新联盟年度峰会</h3>
|
||
<div class="activity-meta">
|
||
<span><i class="fas fa-calendar-alt"></i> 2020年12月5日</span>
|
||
<span><i class="fas fa-map-marker-alt"></i> 深圳</span>
|
||
</div>
|
||
<p class="activity-description">探讨疫情背景下AI教育的发展机遇与挑战，展望未来教育新形态。</p>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 合作案例 -->
|
||
<section class="content-section" style="background-color: #f8f9fa;">
|
||
<h2 class="section-title">合作案例</h2>
|
||
<div class="cases-container">
|
||
<div class="cases-grid">
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="https://picsum.photos/id/200/350/200" alt="AI数学实验室建设">
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">AI数学实验室建设</h3>
|
||
<div class="case-school">北京市第一实验小学</div>
|
||
<p class="case-description">结合GeoGebra与AI技术，打造智能化数学教学环境，提升学生数学思维能力和问题解决能力。</p>
|
||
<div class="case-tags">
|
||
<span class="case-tag">数学创新</span>
|
||
<span class="case-tag">GeoGebra</span>
|
||
<span class="case-tag">实验室建设</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="https://picsum.photos/id/210/350/200" alt="AI英语口语评测系统">
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">AI英语口语评测系统</h3>
|
||
<div class="case-school">广州市天河区外国语学校</div>
|
||
<p class="case-description">基于语音识别和自然语言处理技术，开发英语口语智能评测系统，提供实时反馈和个性化指导。</p>
|
||
<div class="case-tags">
|
||
<span class="case-tag">英语教学</span>
|
||
<span class="case-tag">语音识别</span>
|
||
<span class="case-tag">智能评测</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="https://picsum.photos/id/220/350/200" alt="AI科学探究平台">
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">AI科学探究平台</h3>
|
||
<div class="case-school">杭州市西湖区文新小学</div>
|
||
<p class="case-description">整合传感器、数据分析和AI技术，构建智能化科学探究平台，支持学生开展自主探究学习。</p>
|
||
<div class="case-tags">
|
||
<span class="case-tag">科学教育</span>
|
||
<span class="case-tag">探究学习</span>
|
||
<span class="case-tag">数据分析</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="https://picsum.photos/id/230/350/200" alt="AI艺术创作工坊">
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">AI艺术创作工坊</h3>
|
||
<div class="case-school">成都市锦江区四川师范大学附属实验学校</div>
|
||
<p class="case-description">结合AI绘画、音乐创作等技术，打造创新艺术教育空间，培养学生艺术创造力和审美能力。</p>
|
||
<div class="case-tags">
|
||
<span class="case-tag">艺术教育</span>
|
||
<span class="case-tag">AI创作</span>
|
||
<span class="case-tag">美育创新</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="https://picsum.photos/id/240/350/200" alt="AI机器人教育课程">
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">AI机器人教育课程</h3>
|
||
<div class="case-school">深圳市南山区实验学校</div>
|
||
<p class="case-description">开发基于机器人和AI技术的STEM教育课程，培养学生编程思维、工程实践和创新能力。</p>
|
||
<div class="case-tags">
|
||
<span class="case-tag">STEM教育</span>
|
||
<span class="case-tag">机器人</span>
|
||
<span class="case-tag">编程教育</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="https://picsum.photos/id/250/350/200" alt="AI语文阅读助手">
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">AI语文阅读助手</h3>
|
||
<div class="case-school">上海市徐汇区教育学院附属实验小学</div>
|
||
<p class="case-description">基于自然语言处理技术，开发智能阅读助手，提供个性化阅读推荐和深度阅读指导。</p>
|
||
<div class="case-tags">
|
||
<span class="case-tag">语文教学</span>
|
||
<span class="case-tag">阅读理解</span>
|
||
<span class="case-tag">个性化学习</span>
|
||
</div>
|
||
<button class="btn btn-outline">查看详情</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 加入联盟 -->
|
||
<section class="join-alliance">
|
||
<div class="join-content">
|
||
<h2 class="join-title">加入AI教育创新联盟</h2>
|
||
<p class="join-description">与全国优秀学校和教育机构一起，共同探索AI教育新未来</p>
|
||
|
||
<div class="join-benefits">
|
||
<div class="benefit-item">
|
||
<div class="benefit-icon">
|
||
<i class="fas fa-share-alt"></i>
|
||
</div>
|
||
<h3 class="benefit-title">资源共享</h3>
|
||
<p class="benefit-description">获取联盟优质教育资源，参与共建共享</p>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<div class="benefit-icon">
|
||
<i class="fas fa-users"></i>
|
||
</div>
|
||
<h3 class="benefit-title">专家指导</h3>
|
||
<p class="benefit-description">获得教育专家和AI技术专家的指导支持</p>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<div class="benefit-icon">
|
||
<i class="fas fa-project-diagram"></i>
|
||
</div>
|
||
<h3 class="benefit-title">项目合作</h3>
|
||
<p class="benefit-description">参与联盟重点项目，提升学校教育创新能力</p>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<div class="benefit-icon">
|
||
<i class="fas fa-certificate"></i>
|
||
</div>
|
||
<h3 class="benefit-title">品牌提升</h3>
|
||
<p class="benefit-description">提升学校品牌影响力，展示教育创新成果</p>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="btn btn-white">立即申请加入</button>
|
||
</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">
|
||
<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>
|
||
</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">
|
||
<p>© 2023 东师理想AI教育云平台 版权所有</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- 引入外部JS -->
|
||
<script src="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/layui.min.js"></script>
|
||
<!-- 引入页面专属JS -->
|
||
<script src="../js/ai-education-alliance.js"></script>
|
||
<script>
|
||
// 页面专属JS代码
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 初始化Layui组件
|
||
layui.use(['element', 'form'], function() {
|
||
var element = layui.element;
|
||
var form = layui.form;
|
||
// 元素渲染
|
||
element.render();
|
||
form.render();
|
||
});
|
||
|
||
// 活动标签页切换
|
||
const activityTabs = document.querySelectorAll('.activity-tab');
|
||
const activityContents = document.querySelectorAll('.activity-content');
|
||
|
||
activityTabs.forEach((tab, index) => {
|
||
tab.addEventListener('click', function() {
|
||
// 移除所有active类
|
||
activityTabs.forEach(t => t.classList.remove('active'));
|
||
activityContents.forEach(c => c.classList.remove('active'));
|
||
|
||
// 添加active类到当前点击的项
|
||
this.classList.add('active');
|
||
activityContents[index].classList.add('active');
|
||
});
|
||
});
|
||
|
||
// 查看详情按钮点击事件
|
||
document.querySelectorAll('.btn-outline').forEach(btn => {
|
||
btn.addEventListener('click', function() {
|
||
if (this.textContent === '查看详情') {
|
||
alert('详情页面将在后续版本中实现');
|
||
}
|
||
});
|
||
});
|
||
|
||
// 立即申请加入按钮点击事件
|
||
document.querySelector('.join-alliance .btn-white').addEventListener('click', function() {
|
||
alert('申请加入功能将在后续版本中实现');
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |