Skip to content

M
microduino-web
Commit 1d1c9181 by 瞿伟康
Options

fix

parent 0d2d62be
Showing with 2092 additions and 0 deletions
wap/html/K12.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/K12.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="nav-1">
<div>
<a href="index.html" class="cur">首页</a>
<a href="#">产品</a>
<a href="#">课程</a>
<a href="#">等级考试</a>
<a href="#">新闻中心</a>
<a href="#">K12在线学习</a>
<a href="#">成功案例</a>
</div>
</div>
<div class='plate1'>
<img src="/skin/default/images/K12-banner.png" alt="">
<div class="item-plate1">
<img src="/skin/default/images/K12-banner2.png" alt="">
<img src="/skin/default/images/K12-banner3.png" alt="" style="margin:0 10px">
<img src="/skin/default/images/K12-banner4.png" alt="">
</div>
</div>
<div class="wp1">
<div>
<p>核心理念</p>
<p>《可控的不确定》创新方法论</p>
</div>
</div>
<div class="wp2">
<div>
<p style="font-size:30px">创新教育</p>
<img style="margin:.3rem 0 .24rem;width: 2.47rem;" src="/skin/default/images/K12-font.png" alt="">
<div style="font-weight:200">
创新教学的 <span class="font18">是</span> 教育人如何从 1.0 ->1.1 的训练；<br>
并 <span class="font18">不是</span> 从 0 -> 1 的创新，<br>0 ->1 的创新是教不出来的。<br>
创新教学需要教学中降低进入 1.0的门槛，<br>教学活动的重点放在如何实现1.1，<br>
即在创意创造本身，<br>而不是跨越重复的技术门槛（技术陷阱）。
</div>
</div>
</div>
<div class="wp3">
<div>
<p class="font30">方案亮点</p>
<img src="/skin/default/images/k12_wp301.png" alt="" style="width: 3.15rem"><br>
<img src="/skin/default/images/" alt="">
<img src="/skin/default/images/k12_wp302.png" alt="" style="width: 2.99rem;margin-top:.23rem;">
<div>
<div class="item-imgs">
<img src="/skin/default/images/k12_wp304.png" alt="">
<img src="/skin/default/images/k12_wp305.png" alt="">
<img src="/skin/default/images/k12_wp306.png" alt="">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
</body>
</html>
\ No newline at end of file
wap/html/application.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<link rel="stylesheet" href="/skin/default/style/footer.css" />
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/application.css">
<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="wrap-fix-header commonBg">
<div class="modWrap">
<div class="mod swiper-container">
<div class="title">主体沙盘</div>
<ul class="swiper-wrapper">
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
</ul>
</div>
<div class="modTitle swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="modWrap">
<div class="mod swiper-container">
<div class="title">主体沙盘</div>
<ul class="swiper-wrapper">
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<img src="http://www.css88.com/doc/zeptojs_api/miaov.jpg">
</a>
</li>
</ul>
</div>
<div class="modTitle swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
<li class="swiper-slide">
<a>
mPuzzle主题沙盘
</a>
</li>
</ul>
<div class="swiper-pagination"></div>
</div>
<div class="button">查看更多 &gt;</div>
</div>
</div>
<footer class="footer" id="footer">
<div class="footer-nav2">
<a href="#">首页</a>
<a href="#">解决方案</a>
<a href="#">商城</a>
<a href="#" class="cur">应用中心</a>
</div>
</footer>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script type="text/javascript">
$(function () {
var mods = []
$(".mod").each(function () {
mods.push(new Swiper(this, {
loopedSlides: 3,
centeredSlides: true,
slidesPerView: 'auto'
}))
})
$(".modTitle").each(function (i) {
mods[i].params.control = new Swiper(this, {
pagination: '.swiper-pagination',
control: mods[i]
});
})
})
</script>
</body>
</html>
\ No newline at end of file
wap/html/higherCourse.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/higherCourse.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template">
<div class="nav-1">
<div>
<a href="index.html" class="cur">解决方案</a>
<a href="#">产品中心</a>
<a href="#">服务体系</a>
<a href="#">产品研合作</a>
<a href="#">新闻中心</a>
</div>
</div>
<div class="header2" id="header">
<div id="navButton2" style="display: inline-block;width:100%">
<p class="navButton2">新工科课程改革</p>
<img src="/skin/default/images/a-04-4.png" alt="">
</div>
</div>
<ul class="nav2" id="nav2">
<li>
<a href="product.html">新工科课程改革</a>
</li>
<li>
<a href="list.html">新工科工程创新示范中心</a>
</li>
<li>
<a href="inner.html">新工科大数据实验室</a>
</li>
<li>
<a href="inner.html">新工科人工智能实验室</a>
</li>
</ul>
<div class="wrap-fix-header">
<!-- 锚点 -->
<div class="anchorStyle anchor">
<a href="#wp1" onclick="javascript:setCurClass(1);" class="anchorCur"> <span>项目意义</span></a>
<a href="#wp2" onclick="javascript:setCurClass(2);"> <span>技术架构</span> </a>
<a href="#wp3" onclick="javascript:setCurClass(3);"> <span>课程体系</span></a>
<a href="#wp4" onclick="javascript:setCurClass(4);"> <span>产品体系</span></a>
</div>
<div id="wp1">
<img src="/skin/default/images/courseBanner1.png" alt="">
<div class='plate1 wp1-plate1' id="wp1">
<p class="plate2-title">项目意义</p>
<p class="title-item">教学课程改革的核心以OBE为基础，以开源硬件作为装备载体，以实现创意想法为目标，以兴趣作为驱动，快速实现作品功能原型和设计迭代的过程。</p>
<p class="title-item">从教学模式、教学内容设计、教学方法和教学评价和工程能力培养等方面进行改革。</p>
<div style="text-align:center"><img class="course-img-style" src="/skin/default/images/course-items1.png"
alt=""></div>
</div>
</div>
<div id="wp2">
<div class='plate1 wp1-plate1' id="wp1">
<p class="plate2-title">技术框架</p>
<p class="title-item">基础级实验</p>
<div><img src="/skin/default/images/text-item1.png" alt="" style="width:2.68rem">
<p class="bottom-line-style"></p>
</div>
<p class="title-item">端到端系统实验</p>
<div><img src="/skin/default/images/text-item2.png" alt="" style="width:1.46rem">
<p class="bottom-line-style"></p>
</div>
<p class="title-item">进阶型实验</p>
<div><img src="/skin/default/images/text-item3.png" alt="" style="width:2.68rem">
<p class="bottom-line-style"></p>
</div>
<p class="title-item">工程认知及创新</p>
<div><img src="/skin/default/images/text-item4.png" alt="" style="width:2.68rem">
</div>
<p class="plate2-title" style="margin-top:.3rem" id="wp3">课程体系</p>
<p class="title-item font14">1、教学模式主要以学生自主学习为主，教师与企业参与答疑为辅。</p>
<p class="title-item font14">
2、教学内容体系采用"自顶向下，总分结合"的思路，课程内容注重多学科的交叉融合，涉及云、移、物、大、智等多学科内容。</p>
<div><img src="/skin/default/images/course-items-banner2.png" alt=""></div>
<p class="title-item font14">3、过程性教学评价。</p>
<p class="title-item font14">4、教学方法改革：借助工程认知与创新实践教学模式对学生的社会情绪能力进行系统性培养。</p>
<p class="title-item font14">5、遵循新工科改革的思路和《华盛顿协议》的能力要求，进行工程能力培养。</p>
</div>
</div>
<!-- 复用页面 -->
<div class='plate1' id="wp4" style="background-color:#EEEEEE">
<p class="plate2-title">产品体系</p>
<p class="title-item">软件硬件产品</p>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
</div>
</div>
<div class='plate2'>
 <p class="title-item">工程认知创新实践</p>
<img src="/skin/default/images/higherbancground2.png" alt="">
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script>
function setCurClass(index) {
$('.anchorCur', '.anchor').removeClass('anchorCur')
$(`.anchor a:nth-child(${index})`).addClass('anchorCur')
}
</script>
</body>
</html>
\ No newline at end of file
wap/html/higherCourse2.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/higherCourse2.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template">
<div class="nav-1">
<div>
<a href="index.html" class="cur">解决方案</a>
<a href="#">产品中心</a>
<a href="#">服务体系</a>
<a href="#">产品研合作</a>
<a href="#">新闻中心</a>
</div>
</div>
<div class="header2" id="header">
<div id="navButton2" style="display: inline-block;width:100%">
<p class="navButton2">新工科工程创新示范中心</p>
<img src="/skin/default/images/a-04-4.png" alt="">
</div>
</div>
<ul class="nav2" id="nav2">
<li>
<a href="product.html">新工科课程改革</a>
</li>
<li>
<a href="list.html">新工科工程创新示范中心</a>
</li>
<li>
<a href="inner.html">新工科大数据实验室</a>
</li>
<li>
<a href="inner.html">新工科人工智能实验室</a>
</li>
</ul>
<div class="wrap-fix-header">
<!-- 锚点 -->
<div class="anchorStyle anchor">
<a href="#wp1" onclick="javascript:setCurClass(1);" class="anchorCur"> <span>项目意义</span></a>
<a href="#wp2" onclick="javascript:setCurClass(2);"> <span>技术架构</span> </a>
<a href="#wp3" onclick="javascript:setCurClass(3);"> <span>课程体系</span></a>
<a href="#wp4" onclick="javascript:setCurClass(4);"> <span>产品体系</span></a>
</div>
<div id="wp1">
<img src="/skin/default/images/courseBanner2.png" alt="">
<div class='plate1 wp1-plate1' id="wp1">
<p class="plate2-title">项目意义</p>
<p class="title-item">
通过新工科工程创新示范中心建设，结合创新实践教学模式，以学生的兴趣爱好为导向，提高学生的创新能力和学习兴趣，让学生以"创、变"方式在学习过程中思考，综合运用不同学科的理论，实现跨领域的融合和对知识的灵活运用，并不断在工程设计中创造。
</p>
<p class="title-item">通立各具特色、充满活力的教学实践空间与社区，通过教育与产业之间的联动，更好的服务于创新型国家建设要求的人才培养目标。</p>
<div style="text-align:center"><img class="course-img-style" src="/skin/default/images/course-items2.png"
alt=""></div>
</div>
</div>
<div id="wp2">
<div class='plate1 wp1-plate1' id="wp1">
<p class="plate2-title">技术框架</p>
<p class="title-item">云端创新实践平台</p>
<div><img src="/skin/default/images/text-item1-1.png" alt="" style="width:3.11rem">
<img src="/skin/default/images/text-item1-2.png" alt="" style="width:2.99rem;margin-top: .3rem">
<p class="bottom-line-style"></p>
</div>
<div><img src="/skin/default/images/text-item2-1.png" alt="" style="width:2.44rem">
<p class="bottom-line-style"></p>
</div>
<div><img src="/skin/default/images/text-item3-1.png" alt="" style="width:2.79rem">
<p class="bottom-line-style"></p>
</div>
<div><img src="/skin/default/images/text-item4-1.png" alt="" style="width:2.68rem">
<p class="bottom-line-style"></p>
</div>
<div><img src="/skin/default/images/text-item5-1.png" alt="" style="width:3.11rem">
</div>
<p class="plate2-title" style="margin-top:.3rem" id="wp3">课程体系</p>
<div>
<img src="/skin/default/images/system-item-1.png" alt="" style="width:1.63rem;margin-right: .03rem">
<img src="/skin/default/images/system-item-2.png" alt="" style="width:1.63rem">
<img src="/skin/default/images/system-item-3.png" alt="" style="width:3.35rem;margin: .04rem 0;">
<img src="/skin/default/images/system-item-4.png" alt="" style="width:3.35rem">
</div>
</div>
</div>
<!-- 复用页面 -->
<div class='plate1' id="wp4" style="background-color:#EEEEEE">
<p class="plate2-title">产品体系</p>
<p class="title-item">软件硬件产品</p>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1-1.png" alt="">
<p>智能物联创新工程实训套件</p>
<p>
可进行图形化编程、Arduino C/C++、Python教学，各采用磁性接口和弹针连接各功能模块，不需要焊接。
</p>
</div>
<div class="card-item">
<img src="/skin/default/images/h-product1-2.png" alt="">
<p>移动创新教学平台</p>
<p>
是资源管理系统采用Docker，实现了硬件资源集中调度和管理。
</p>
</div>
</div>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1-3.png" alt="">
<p>智能物联创新工程实训套件</p>
<p>
可进行图形化编程、Arduino C/C++、Python教学，各采用磁性接口和弹针连接各功能模块，不需要焊接。
</p>
</div>
</div>
</div>
<div class='plate2'>
 <p class="title-item">工程认知创新实践</p>
<img src="/skin/default/images/higherbancground2.png" alt="">
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script>
function setCurClass(index) {
$('.anchorCur', '.anchor').removeClass('anchorCur')
$(`.anchor a:nth-child(${index})`).addClass('anchorCur')
}
</script>
</body>
</html>
\ No newline at end of file
wap/html/higherCourse3.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/higherCourse3.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template">
<div class="nav-1">
<div>
<a href="index.html" class="cur">解决方案</a>
<a href="#">产品中心</a>
<a href="#">服务体系</a>
<a href="#">产品研合作</a>
<a href="#">新闻中心</a>
</div>
</div>
<div class="header2" id="header">
<div id="navButton2" style="display: inline-block;width:100%">
<p class="navButton2">新工科大数据实验室</p>
<img src="/skin/default/images/a-04-4.png" alt="">
</div>
</div>
<ul class="nav2" id="nav2">
<li>
<a href="product.html">新工科课程改革</a>
</li>
<li>
<a href="list.html">新工科工程创新示范中心</a>
</li>
<li>
<a href="inner.html">新工科大数据实验室</a>
</li>
<li>
<a href="inner.html">新工科人工智能实验室</a>
</li>
</ul>
<div class="wrap-fix-header">
<!-- 锚点 -->
<div class="anchorStyle anchor">
<a href="#wp1" onclick="javascript:setCurClass(1);" class="anchorCur"> <span>项目意义</span></a>
<a href="#wp2" onclick="javascript:setCurClass(2);"> <span>技术架构</span> </a>
<a href="#wp3" onclick="javascript:setCurClass(3);"> <span>课程体系</span></a>
<a href="#wp4" onclick="javascript:setCurClass(4);"> <span>产品体系</span></a>
</div>
<div id="wp1">
<img src="/skin/default/images/courseBanner3.png" alt="">
<div class='plate1 wp1-plate1' id="wp1">
<p class="plate2-title">项目意义</p>
<p class="title-item">
通过新工科大数据实验室建设，结合工程认知创新实践教学改革内容，解决目前大数据学科建设所面临的问题，教师面临着任务重、备课难、实验课难开展等困扰，学生又面临着听不懂、不会做、不会用、学不会的烦恼等问题。
</p>
<p class="title-item">通过建设一个专业的大数据实验、实训实验室，全方位支撑高校大数据教学及科研的需求。</p>
<div style="text-align:center"><img class="course-img-style" src="/skin/default/images/course-items3.png"
alt=""></div>
</div>
</div>
<div id="wp2">
<div class='plate1 wp1-plate1' id="wp1">
<p class="plate2-title">技术框架</p>
<p class="title-item">用户功能</p>
<div><img src="/skin/default/images/text-use-1.png" alt="" style="width:2.87rem">
<img src="/skin/default/images/text-use-2.png" alt="" style="width:2.87rem;margin-top: .3rem">
<p class="bottom-line-style"></p>
</div>
<p class="title-item">教学及应用</p>
<div><img src="/skin/default/images/text-use-3.png" alt="" style="width:2.99rem">
<img src="/skin/default/images/text-use-4.png" alt="" style="width:3.32rem;margin-top: .3rem">
<p class="bottom-line-style"></p>
</div>
<p class="title-item">平台支撑</p>
<div><img src="/skin/default/images/text-use-5.png" alt="" style="width:3.24rem">
<img src="/skin/default/images/text-use-5-1.png" alt="" style="width:2.72rem;margin-top: .3rem">
<img src="/skin/default/images/text-use-5-2.png" alt="" style="width:2.72rem;margin-top: .3rem">
</div>
<p class="plate2-title" style="margin-top:.3rem" id="wp3">课程体系</p>
<div>
<img src="/skin/default/images/system-use-1.png" alt="" style="width:3.36rem">
<img src="/skin/default/images/system-use-2.png" alt="" style="width:3.36rem;margin: .04rem 0;">
<img src="/skin/default/images/system-use-3.png" alt="" style="width:3.36rem">
</div>
</div>
</div>
<!-- 复用页面 -->
<div class='plate1' id="wp4" style="background-color:#EEEEEE">
<p class="plate2-title">产品体系</p>
<p class="title-item">软件硬件产品</p>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1-1.png" alt="">
<p>智能物联创新工程实训套件</p>
<p>
可进行图形化编程、Arduino C/C++、Python教学，各采用磁性接口和弹针连接各功能模块，不需要焊接。
</p>
</div>
<div class="card-item">
<img src="/skin/default/images/h-product1-2.png" alt="">
<p>移动创新教学平台</p>
<p>
是资源管理系统采用Docker，实现了硬件资源集中调度和管理。
</p>
</div>
</div>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1-3.png" alt="">
<p>智能物联创新工程实训套件</p>
<p>
可进行图形化编程、Arduino C/C++、Python教学，各采用磁性接口和弹针连接各功能模块，不需要焊接。
</p>
</div>
</div>
</div>
<div class='plate2'>
 <p class="title-item">工程认知创新实践</p>
<img src="/skin/default/images/higherbancground2.png" alt="">
</div>
<div class='plate2'>
 <p class="plate2-title">大数据专业课程</p>
<img src="/skin/default/images/higherbancground3.png" alt="">
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script>
function setCurClass(index) {
$('.anchorCur', '.anchor').removeClass('anchorCur')
$(`.anchor a:nth-child(${index})`).addClass('anchorCur')
}
</script>
</body>
</html>
\ No newline at end of file
wap/html/higherEducation.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<link rel="stylesheet" href="/skin/default/style/footer.css" />
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/highterEducation.css">
<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="plate">
<h4>高等教育</h4>
<!-- 轮播 -->
<div class="lunBo">
<div id="myCarousel" class="carousel slide">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="/skin/default/images/新工科banner.png" alt="First slide">
</div>
<div class="item">
<img src="/skin/default/images/新工科banner2.png" alt="Second slide">
</div>
<div class="item">
<img src="/skin/default/images/新工科banner3.png" alt="Third slide">
</div>
<div class="item">
<img src="/skin/default/images/新工科banner4.png" alt="Third slide">
</div>
</div>
</div>
</div>
<div class="item-link">
<a href="#">解决方案</a>
<a href="#">产品中心</a>
</div>
<div class="item-link">
<a href="#">服务体系</a>
<a href="#">产学研合作</a>
</div>
<div class="item-link">
<a href="#">服务体系</a>
<a href="#">产学研合作</a>
</div>
</div>
<!-- 板块 -->
<div class="plate plate-1">
<h4>K12教育</h4>
<!-- 轮播 -->
<div class="lunBo">
<div id="myCarousel1" class="carousel slide">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel1" data-slide-to="1"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="/skin/default/images/新工科banner.png" alt="First slide">
</div>
<div class="item">
<img src="/skin/default/images/新工科banner2.png" alt="Second slide">
</div>
</div>
</div>
</div>
<div class="item-link">
<a href="#">解决方案</a>
<a href="#">产品中心</a>
</div>
<div class="item-link">
<a href="#">服务体系</a>
<a href="#">产学研合作</a>
</div>
<div class="item-link">
<a href="#">服务体系</a>
<a href="#">产学研合作</a>
</div>
<div class="item-link last-item">
<a href="#">成功案例</a>
<a href="#"></a>
</div>
</div>
<div class="plate plate-2">
<h4>麦堆学院</h4>
<!-- 轮播 -->
<div class="lunBo">
<div id="myCarousel1" class="carousel">
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="/skin/default/images/新工科footer.png" alt="First slide">
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer" id="footer">
<div class="footer-nav2">
<a href="#">首页</a>
<a href="#" class="cur">解决方案</a>
<a href="#">商城</a>
<a href="#">应用中心</a>
</div>
</footer>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
</body>
</html>
\ No newline at end of file
wap/html/higherProduct.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/higherProduct.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="nav-1">
<div>
<a href="index.html">解决方案</a>
<a href="#" class="cur">产品中心</a>
<a href="#">服务体系</a>
<a href="#">产品研合作</a>
<a href="#">新闻中心</a>
</div>
</div>
<div class="header2" id="header">
<div id="navButton2" style="display: inline-block;width:100%">
<p class="navButton2">硬件产品</p>
<img src="/skin/default/images/a-04-4.png" alt="">
</div>
</div>
<ul class="nav2" id="nav2">
<li>
<a href="product.html">硬件中心</a>
</li>
<li>
<a href="list.html">软件中心</a>
</li>
<li>
<a href="inner.html">课程体系</a>
</li>
</ul>
<div class='plate1'>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
</div>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
</div>
<div class="plate1-card">
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
<div class="card-item">
<img src="/skin/default/images/h-product1.png" alt="">
<p>人工智能自动驾驶教学套件</p>
<p>
专用于无人驾驶的教学与实践，包括自动驾驶循迹控制、避障、障碍物识别、场景识别等功能。
</p>
</div>
</div>
</div>
<div class='plate2'>
 <p class="plate2-title">工程认知创新实践</p>
<img src="/skin/default/images/higherbancground2.png" alt="">
</div>
<div class='plate2'>
 <p class="plate2-title">大数据专业课程</p>
<img src="/skin/default/images/higherbancground3.png" alt="">
</div>
<div class='plate2'>
 <p class="plate2-title">人工智能专业课程</p>
<div class="tab">
<div class="tab-menu">
<ul>
<li class="li-style curs" onclick=changeImg(1)>高职</li>
<li class="li-style2" onclick=changeImg(2)>本科</li>
</ul>
</div>
<div class="tab-box">
<!-- 本科 -->
<div class="tab-box-1">
<img src="/skin/default/images/bottom-banner.png" alt="">
</div>
<!-- 高职 -->
<div class="tab-box-2" style="display:none">
<img src="/skin/default/images/bottom-banner2.png" alt="">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script>
function changeImg(i) {
$('.tab-menu li.curs').removeClass('curs')
$(`.tab-menu li:nth-child(${i})`).addClass('curs')
}
$().ready(function () {
$(".tab-menu li:first-child").on('click', function () {
$(this)
})
$(".tab-menu li").click(function () {
var _index = $(this).index();
$(".tab-box>div").eq(_index).show().siblings().hide();
$(this).addClass("change").siblings().removeClass("change");
})
})
</script>
</body>
</html>
\ No newline at end of file
wap/html/higherSolution.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/higherSolution.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="nav-1">
<div>
<a href="index.html" class="cur">解决方案</a>
<a href="#">产品中心</a>
<a href="#">服务体系</a>
<a href="#">产品研合作</a>
<a href="#">新闻中心</a>
</div>
</div>
<div class='plate1'>
<div class="mod swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<a>
<img src="/skin/default/images/新工科banner.png" alt="">
</a>
</li>
<li class="swiper-slide">
<a>
<img src="/skin/default/images/新工科banner2.png" alt="">
</a>
</li>
<li class="swiper-slide">
<a>
<img src="/skin/default/images/新工科banner3.png" alt="">
</a>
</li>
<li class="swiper-slide">
<a>
<img src="/skin/default/images/新工科banner4.png" alt="">
</a>
</li>
</ul>
</div>
<div class="modTitle swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide"><span>.</span>
</li>
<li class="swiper-slide"><span>.</span>
</li>
<li class="swiper-slide"><span>.</span>
</li>
<li class="swiper-slide"><span>.</span>
</li>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<div class='plate1'>
<div>
<img src="/skin/default/images/higherItems.png" alt="">
<div class="p-item2">
<div style="padding:.3rem;text-align: center">
<p>解决方案核心理念</p>
<p>《小系统→大系统》</p>
<p>《小系统→大系统》—— 系统的 STEAM/新工科创新教育内容框架设计。学科专业课的学习先从建立“最小系统”开始，建立起专业学科的整体工程认知，和对学科体系的学习兴趣。</p>
<p>每一门课程也是一个"系统"。学生通过"螺旋学习系统"的方法获得新工科学科的知识和实践技能。</p>
<img src="/skin/default/images/higherBackground2.png" alt="" style="width:90%;margin-top: .2rem">
</div>
</div>
</div>
</div>
<div class='plate1 plate2'>
<div class="p-item2 p-item3">
<div style="padding:.3rem;text-align: center">
<p>高教产品中心</p>
<p>三位一体产品体系</p>
<p>以课程为内涵，以硬件为支撑，以软件为应用的三位一体产品体系。</p>
<p>硬件产品是美科智能硬件系列产品组合;
软件产品是由创新实践教学平台、专业课程实践教学平台组成;
课程产品是由工程认知创新课程体系和相应专业课程体系组成。</p>
<div class="module1">
<p>硬件</p>
<p>mCookie、Microduino、口袋实验室、百变小刚机器人、自动驾驶基础版、自动驾驶高级版、自动驾驶训练平台、深度学习服务器…</p>
</div>
<div class="module1">
<p>软件</p>
<p>云计算管理系统、大数据实验管理平台系统、AI运维训练系统、编程语言训练系统、AI深度学习训练系统、云端实践教学平台...</p>
</div>
<div class="module1">
<p>硬件</p>
<p>云跨学科交叉融合，<br>
覆盖中职、高职、本科。<br>
方向：电工电子、软件编程、智能硬件、智能物联、移动互联、人工智能…</p>
</div>
</div>
</div>
</div>
<div class='plate3'>
<p>新工科工程<br>
创新教育综合解决方案</p>
<img src="/skin/default/images/plate3-banner.png" alt="">
<img src="/skin/default/images/plate3-banner2.png" alt="">
<img src="/skin/default/images/plate3-banner3.png" alt="">
<img src="/skin/default/images/plate3-banner4.png" alt="">
</div>
<div class="plate4">
<div class="tab">
<div class="tab-menu">
<p class="text">成功案例</p>
<ul>
<li onclick=changeImg(1) class="cur"></li>
<li onclick=changeImg(2)></li>
</ul>
</div>
<div class="tab-box">
<div class="tab-box-1">
<img src="/skin/default/images/school-icon-items.png" alt="" style="border-bottom: 1px solid #D8D8D8">
<a href="">查看更多案例</a>
</div>
<div class="tab-box-2">
<img src="/skin/default/images/school-icon-items2.png" alt="">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script type="text/javascript">
$(function () {
var mods = []
$(".mod").each(function () {
mods.push(new Swiper(this, {
loopedSlides: 3,
centeredSlides: true,
slidesPerView: 'auto'
}))
})
$(".modTitle").each(function (i) {
mods[i].params.control = new Swiper(this, {
pagination: '.swiper-pagination',
control: mods[i]
});
})
})
$().ready(function () {
$(".tab-menu li:first-child").on('click', function () {
$(this)
})
$(".tab-menu li").click(function () {
var _index = $(this).index();
$(".tab-box>div").eq(_index).show().siblings().hide();
$(this).addClass("change").siblings().removeClass("change");
})
})
function changeImg(i) {
if (i === 1) {
$('.text').html('成功案例')
} else {
$('.text').html('成果案例')
}
$('.tab-menu li.cur').removeClass('cur')
$(`.tab-menu li:nth-child(${i})`).addClass('cur')
}
</script>
</body>
</html>
\ No newline at end of file
wap/html/k12College.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/k12College.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="nav-1">
<div>
<a href="index.html">首页</a>
<a href="#">产品</a>
<a href="#">课程</a>
<a href="#" class="cur">等级考试</a>
<a href="#">新闻中心</a>
<a href="#">K12在线学习</a>
<a href="#">成功案例</a>
</div>
</div>
<div class='plate1'>
<div class="item-plate1">
<div class="p-item">
<p>等级考试</p>
<p>美科科技是工信部中国电子学会"全国青少年机器<br>人技术等级考试"授权单位之一，"青少年人工智能<br>技术水平测试"授权单位之一。</p>
<p>美科为两场专业考试配置了相应的等级考试套件，<br>以及不同套件所对应的考试培训教程，所有产品以及教程均已通过官方审核，为电子学会推荐教具。</p>
</div>
</div>
<div class="mod swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<a>
<div class="mask"></div>
<div class="item-plate2">
<div class="p-item">
<p style="font-size:18px;text-align: center;margin: 0 0 .2rem 0">全国青少年机器人技术等级考试</p>
<p>全国青少年机器人技术等级考试是由中国电子学会<br>于2015年启动的面向青少年机器人技术能力水平的<br>社会化评价项目。全国青少年机器人技术等级考试<br>面向青少年群体的年龄为8-18周岁，学级为小学1年级至高中3年级。
</p>
</div>
</div>
</a>
</li>
<li class="swiper-slide">
<a>
<div class="mask"></div>
<div class="item-plate2">
<div class="p-item">
<p style="font-size:18px;text-align: center;margin: 0 0 .2rem 0">全国青少年机器人技术等级考试</p>
<p>全国青少年机器人技术等级考试是由中国电子学会<br>于2015年启动的面向青少年机器人技术能力水平的<br>社会化评价项目。全国青少年机器人技术等级考试<br>面向青少年群体的年龄为8-18周岁，学级为小学1年级至高中3年级。
</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="modTitle swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img src="/skin/default/images/icon-l.png" alt="">
</li>
<li class="swiper-slide">
<img src="/skin/default/images/icon-r.png" alt="">
</li>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<div class='plate1'>
<p class="plate1-title">官方推荐器材</p>
<div>
<img src="/skin/default/images/少年机器人.png" alt="">
<div class="p-item2">
<p style="font-size:13px;font-weight: 600">产品特点:</p>
<p>适用于全国青少年机器人技术等级考试（1、2级），覆盖所有核心考点；<br>
安全性高：使用横向磁吸式免编程电子模块mPie；<br>
兼容性强：兼容乐高，外型多变，搭建案例实用丰富；<br>
课程详尽：详细的基础搭建步骤，兼容mPie硬件编程套件，创意无限。<br>
</p>
</div>
</div>
<div style="margin-top:.1rem">
<img src="/skin/default/images/少年机器人2.png" alt="">
<div class="p-item2" style="background-color: #FFF7EF">
<p style="font-size:13px;font-weight: 600">产品特点:</p>
<p>
详尽教材：使用PBL项目式教学方法，用一系列项目案例引导学生做出实操题目掌握考试知识。<br>
搭建简单：小车是四级考试实操题中重点题目，美科器材包含多功能编程机器人"百变小强"，10秒完成小车搭建，考场快人一步多得10分！<br>
玩法丰富：兼容其他玩具，拓展玩法丰富，超出考题限制，打造创想空间。<br>
</p>
</div>
</div>
</div>
<div class='plate1 plate-3'>
<p class="plate1-title">专业考试培训</p>
<p>为教师们提供细致、全面的培训服务，<br>
帮助老师解答疑惑</p>
<div class="block-item">
<img src="/skin/default/images/icon-1-1.png" alt="">
<p>拥有专业的<br>
师培师训团队</p>
</div>
<div class="block-item">
<img src="/skin/default/images/icon-1-2.png" alt="">
<p>为等级考试<br>
精心研发的教程</p>
</div>
<div class="block-item">
<img src="/skin/default/images/icon-1-3.png" alt="">
<p>快速运用器材解决<br>
考核知识点的方法</p>
</div>
</div>
<div class='plate1 plate-4'>
<p class="plate1-title">美科资质</p>
<p>
官方授权在测试题库、课程与教材、器材、<br>
师资培训、渠道、资料对接、<br>
考试组织宣传等方面展开合作。<br>
</p>
<div class="img-items">
<img src="/skin/default/images/certificate-1-1.png" alt="">
<img src="/skin/default/images/certificate-1-2.png" alt="">
<img src="/skin/default/images/certificate-1-3.png" alt="">
<img src="/skin/default/images/certificate-1-4.png" alt="">
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
<script type="text/javascript">
$(function () {
var mods = []
$(".mod").each(function () {
mods.push(new Swiper(this, {
loopedSlides: 3,
centeredSlides: true,
slidesPerView: 'auto'
}))
})
$(".modTitle").each(function (i) {
mods[i].params.control = new Swiper(this, {
pagination: '.swiper-pagination',
control: mods[i]
});
})
})
</script>
</body>
</html>
\ No newline at end of file
wap/html/k12Course.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/k12Course.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="nav-1">
<div>
<a href="index.html">首页</a>
<a href="#">产品</a>
<a href="#" class="cur">课程</a>
<a href="#">等级考试</a>
<a href="#">新闻中心</a>
<a href="#">K12在线学习</a>
<a href="#">成功案例</a>
</div>
</div>
<div class="header2" id="header">
<div id="navButton2" style="display: inline-block;width:100%">
<p class="navButton2">学前及小学低年龄段</p>
<img src="/skin/default/images/a-04-4.png" alt="">
</div>
</div>
<ul class="nav2" id="nav2">
<li>
<a href="product.html">小学高年龄段</a>
</li>
<li>
<a href="list.html">初中</a>
</li>
<li>
<a href="inner.html">高中</a>
</li>
<li>
<a href="inner.html">中小学竞赛</a>
</li>
</ul>
<div class='plate1'>
<div class="item-plate1">
<img src="/skin/default/images/玩转.png" alt="">
<div class="p-item">
<p>mPuzzle教你学电路</p>
<p>乐高搭建&nbsp;编程思维</p>
<p>小学1-2&nbsp;|&nbsp;24课时</p>
</div>
</div>
<div class="item-plate1">
<img src="/skin/default/images/玩转.png" alt="">
<div class="p-item">
<p>mPuzzle教你学电路</p>
<p>乐高搭建&nbsp;编程思维</p>
<p>小学1-2&nbsp;|&nbsp;24课时</p>
</div>
</div>
<div class="item-plate1">
<img src="/skin/default/images/玩转.png" alt="">
<div class="p-item">
<p>mPuzzle教你学电路</p>
<p>乐高搭建&nbsp;编程思维</p>
<p>小学1-2&nbsp;|&nbsp;24课时</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
</body>
</html>
\ No newline at end of file
wap/html/k12Learning.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/k12Learning.css">
<script src="/skin/default/js/jquery.min.js"></script>
<script src="/skin/default/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="template wrap-fix-header">
<div class="nav-1">
<div>
<a href="index.html">首页</a>
<a href="#">产品</a>
<a href="#">课程</a>
<a href="#">等级考试</a>
<a href="#">新闻中心</a>
<a href="#" class="cur">K12在线学习</a>
<a href="#">成功案例</a>
</div>
</div>
<div class='plate1'>
<div class="item-plate1">
<div class="p-item" style=" margin-top: 2rem">
<p>创想空间</p>
<p>编程创作平台 &nbsp;|&nbsp; 在线制作与分享平台 &nbsp;|&nbsp; 在线课堂服务</p>
<p>为校园合作者提供完整的信息技术及创客教育在线教育解决方案, 以在线云课堂的方式提供服务, 协助教育工作者高效进行信息技术类课程的教学与学生测试。
</p>
<a href="#">
<p>立即体验</p>
</a>
</div>
</div>
</div>
<div class='plate1' style="padding:0 .12rem">
<div class="item-plate2">
<img src="/skin/default/images/learn-img-2.png" alt="">
<div class="p-item text-item">
<p>软硬兼具</p>
<p>在线编程工具, 兼具软件编程与硬件编程两种模式,满足不同领域的作品在线创作需求, 极大丰富了平台内容种类</p>
</div>
<div class="p-item text-item">
<p>图形编程</p>
<p>使用业内领先的图形化编程工具, 降低了青少年学习门槛, 并通过对舞台角色的直接控制极大的增加了创作的趣味性。</p>
</div>
<div class="p-item text-item">
<p>多种拓展</p>
<p>整合了Python和C++代码显示和编程功能, 可以用作初中生辅助学习Python语言、
C++语言、开源硬件的学习工具。</p>
</div>
</div>
</div>
<div class='plate1'>
<div class="item-plate3">
<p style="font-size:24px;color: #596D85;text-align: center">教学服务</p>
<img src="/skin/default/images/k12learning-img1.png" alt="">
<div class="p-item text-item">
<p>在线学习</p>
<p style="text-align:justify">在线编程工具兼具软件编程与硬件编程两种模式, 满足不同领域的作品在线创作需求, 极大丰富了平台内容种类。</p>
</div>
<img src="/skin/default/images/k12learning-img2.png" alt="">
<div class="p-item text-item">
<p>成果展示</p>
<p style="text-align:justify">校园在平台中的公开部分, 可以将校园内部教学产生的优秀作品进行展示, 成为校园教学成果沉淀的一部分。</p>
</div>
<img src="/skin/default/images/k12learning-img3.png" alt="">
<div class="p-item text-item">
<p>备课资源</p>
<p style="text-align:justify">可以选择将自己使用中的文档或视频课件上传到平台进行制作, 也可选择美科官方提供的精品课程, 多种选择满足不同需要。</p>
</div>
</div>
</div>
<div class='plate1'>
<div class="item-plate3 item-plate4">
<p style="font-size:24px;color: #FFF;text-align: center">传承分享</p>
<img src="/skin/default/images/k12learning-img4.png" alt="">
<div class="p-item text-item item-4">
<p>在线学习</p>
<p style="text-align:justify">在创想空间制作的作品, 可以通过发布功能, 永久保存在平台之上, 并通过所属的作品页面, 供其他用户查看和体验。</p>
</div>
<img src="/skin/default/images/k12learning-img5.png" alt="">
<div class="p-item text-item item-4">
<p>公示代码</p>
<p style="text-align:justify">通过创想空间平台, 编程创作者可以便捷的查看他人作品代码, 并增加创作者直接的交流, 形成良好的自学习惯。</p>
</div>
<img src="/skin/default/images/k12learning-img6.png" alt="">
<div class="p-item text-item item-4">
<p>作品改编</p>
<p style="text-align:justify">通过创想空间”作品改编”功能, 方便在原有代码基础上进行个人的二次创作, 被改编的作品带有原做的鸣谢信息, 最大程度的尊重了原创。</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
</body>
</html>
\ No newline at end of file
wap/html/shopping.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>Microduino</title>
<script type="text/javascript">
function init() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 3.75 + 'px';
}
window.onresize = init;
init();
</script>
<link rel="stylesheet" href="/skin/default/style/normalize.css">
<link rel="stylesheet" href="/skin/default/js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/skin/default/style/common.css">
<link rel="stylesheet" href="/skin/default/style/index.css">
<link rel="stylesheet" href="/skin/default/style/footer.css" />
<!-- 当前页面样式 -->
<link rel="stylesheet" href="/skin/default/style/mall.css">
<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header" id="header">
<button id="navButton"></button>
<a href="/"><img src="/skin/default/images/a_03.gif" /></a>
</div>
<ul class="nav" id="nav">
<li>
<a href="product.html">产品中心</a>
</li>
<li>
<a href="list.html">课程中心</a>
</li>
<li>
<a href="inner.html">关于我们</a>
</li>
</ul>
<div class="mall wrap-fix-header">
<div class="temp-1">
<div><img src="/skin/default/images/mall01.png" alt=""></div>
<div>
<div>
<p class="title">百变小强基础包中文套件</p>
<div>
<p class="title-2">CES2019年儿童互动玩乐产品奖，美国国家育儿产品奖。
</p>
<p class="title-3">益智机器人玩具，拥有五种形态，玩法丰富，造型百变，支持0基础学编程，集趣味性、拓展性、学习性于一体。</p>
</div>
</div>
<p class="price">¥ 499元</p>
<div style="float:right">
<div class="icon">
<a href="https://item.jd.com/33573183693.html" target="view_window"></a>
<a href="https://product.suning.com/0000000000/10809408760.html?safp=d488778a.13701.productWrap.13&safc=prd.3.ssdsn_pic02-1_jz"
target="view_window"></a>
<a href="https://detail.tmall.com/item.htm?spm=a220m.1000858.1000725.1.6c00b07dS06h5V&id=584720315397&skuId=3948424673870&areaId=120100&user_id=2200578691513&cat_id=2&is_b=1&rn=4caed0f7ebcc654f362ad484bd3c85e2"
target="view_window"></a>
<a href="https://detail.tmall.com/item.htm?spm=a220m.1000858.1000725.1.6c00b07dS06h5V&id=584720315397&skuId=3948424673870&areaId=120100&user_id=2200578691513&cat_id=2&is_b=1&rn=4caed0f7ebcc654f362ad484bd3c85e2"
target="view_window"></a>
</div>
</div>
</div>
</div>
<div class="temp-2" style="margin-bottom:55px">
<div><img src="/skin/default/images/mall06.png" alt=""></div>
<div>
<div>
<p class="title">百变小强大礼包</p>
<div>
<p class="title-2">CES2019年儿童互动玩乐产品奖，美国国家育儿产品奖。
</p>
<p class="title-3">
益智机器人玩具，拥有五种形态，玩法丰富，造型百变，支持0基础学编程，集趣味性、拓展性、学习性于一体。
</p>
</div>
</div>
<p class="price">¥ 599元</p>
<div style="float:right">
<div class="icon">
<a href="https://item.jd.com/39573323279.html" target="view_window"></a>
<a href="https://product.suning.com/0000000000/10809408890.html?safp=d488778a.13701.productWrap.3&safc=prd.3.ssdsn_pic01-1_jz"
target="view_window"></a>
<a href="https://detail.tmall.com/item.htm?spm=a220m.1000858.1000725.1.6c00b07dS06h5V&id=584720315397&skuId=3948424673870&areaId=120100&user_id=2200578691513&cat_id=2&is_b=1&rn=4caed0f7ebcc654f362ad484bd3c85e2"
target="view_window"></a>
<a href="https://detail.tmall.com/item.htm?spm=a220m.1000858.1000725.1.6c00b07dS06h5V&id=584720315397&skuId=3948424673870&areaId=120100&user_id=2200578691513&cat_id=2&is_b=1&rn=4caed0f7ebcc654f362ad484bd3c85e2"
target="view_window"></a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer" id="footer">
<div class="footer-nav2">
<a href="#">首页</a>
<a href="#">解决方案</a>
<a href="#" class="cur">商城</a>
<a href="#">应用中心</a>
</div>
</footer>
<script type="text/javascript" src="/skin/default/js/zepto.js"></script>
<script type="text/javascript" src="/skin/default/js/zepto-touch.js"></script>
<script type="text/javascript" src="/skin/default/js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/skin/default/js/common.js"></script>
<script type="text/javascript" src="/skin/default/js/header.js"></script>
</body>
</html>
\ No newline at end of file
wap/skin/default/js/common.js 100755 → 100644
File mode changed from 100755 to 100644
wap/skin/default/js/swiper/swiper-3.4.2.jquery.min.js 100755 → 100644
File mode changed from 100755 to 100644
wap/skin/default/js/zepto-touch.js 100755 → 100644
File mode changed from 100755 to 100644
wap/skin/default/js/zepto.js 100755 → 100644
File mode changed from 100755 to 100644
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment