<style>
.main{
}
.main img{
border-radius:10px;
}
.main h1{
text-align: center;
border: none;
color:4B4B4B;
letter-spacing: 3px;
}
.main h6{
text-align:right;
color:#F4AA14;
font-size:18px;
}
.main code{
background-color:#FFF0D1;
padding: 8px 10px;
border-radius: 20px;
margin-right:7px;
}
.main h2{
background-color:#0B8D97;
color:#fff;
width: max-content;
padding: 7px 25px 7px 17px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom: none;
margin-top:46px;
margin-bottom: 25px;
}
.main h2 img{
padding-bottom: 4px;
border-radius:0;
}
.main p,li{
font-size: 18px;
line-height: 29px;
letter-spacing: 0.15em;
color:#525252;
}
.main .result{
background-color:#0B8D97;
padding:0.8rem 1rem 1rem 1rem;
border-radius: 10px;
}
.main .result h3{
text-align:center;
color:#fff;
margin-bottom:3rem;
}
.main .result h3 img{
margin-bottom:0.5rem
}
.main .result .pic img{
border: 5px solid #FFFFFF;
}
.main .pic{
text-align:center;
width: 84%;
margin: auto;
margin-top: 2rem;
}
.pic p{
color:#fff;
text-align:left;
font-size:1.8rem;
line-height:4rem
}
</style>
<div class="main">
# 駕馭 WEBDUINO
###### `進階` 3 小時
##  課程目的
十二年國教將設科技領域，強化孩子實作能力，整合STEAM知識脈絡。WEBDUINO無線串連Arduino、網頁語法和應用裝置！輕輕鬆鬆，助你駕馭物聯網，力抗PM2.5！
進階課程教授「迴圈、等待」等程式邏輯，並結合PM2.5與溫濕度感測器實作。學習者可實際接觸電路板、體驗接線流程，同時藉由 Webduino Blockly 編寫程式，實際應用於日常生活。
##  課程目標
多元智能理論｜空間、邏輯數學、人際、內省
STEAM｜科學、科技、工程、藝術、數學
##  課程內容
動腦
- 物物相聯，優化資源運用
- 生活取材，邏輯發想
動手
* 輕輕鬆鬆玩轉smart
* 光感偵測+轉吧！霓虹燈+音樂播放器
* 塵爆來襲!PM2.5
* 空污傳感器+雲端紀錄
* 數據給力！預測環境
* PM2.5+溫濕度+Google試算表
##  課前準備
1. 電腦 ( 安裝 Chrome 瀏覽器 )
<div class="result">
###  成果展示
<div class="pic">
</div>
</div>