-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
204 lines (200 loc) · 9.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html>
<head>
<title>PTWA 樂學園</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="./pics/icon.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="特教遊戲學習平台">
<meta name="keywords" content="特教,遊戲,學習,平台">
<meta property="og:title" content="特教遊戲學習平台">
<meta property="og:description" content="在遊戲中學習一切">
<meta property="og:image" content="./pics/CallAction.png">
<meta property="og:url" content="https://ptwa-npo.github.io/PTWASpecialEducation/#/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="特教遊戲學習平台">
<meta property="og:locale" content="zh_TW">
</head>
<body>
<nav class="navbar navbar-expand-lg py-3">
<div class="container mx-3">
<a class="navbar-brand" href="#">
PTWA 樂學園
</a>
<button class="navbar-toggler order-lg-1 order-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="https://github.com/PTWA-NPO/PTWASpecialEducation">下載程式</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://programtheworld.tw/main.php">關於協會</a>
</li>
</ul>
</div>
<a class="btn btn-success btn-lg order-lg-2 order-1" href="https://ptwa-npo.github.io/PTWASpecialEducation/#/" target="_blank">進入遊戲教學平台</a>
</div>
</nav>
<section id="CalltoAction">
<div class="Title">
<div class="container">
<div class="Description">
<p class="h1">PTWA 樂學園</p>
<p class="h2">玩中學，學中玩</p>
<div class="">
<a class="btn btn-success btn-lg" href="https://ptwa-npo.github.io/PTWASpecialEducation/#/" target="_blank">進入遊戲教學平台</a>
</div>
</div>
</div>
</div>
</section>
<section id="Slogan">
<div class="container">
<div class="row mx-3">
<div class="ImgRect col-12 col-lg-6">
<img src="./pics/Pic-3.jpg" class="img-fluid" alt="Responsive image">
</div>
<div class="Description col-lg-6 col-12">
<p class="h1">
以孩子的需求出發
</p>
<p>我們的題庫根據課綱編寫，並調整為適合特殊生學習的內容。</p>
<p>豐富的自訂義功能，讓老師可以依據學生的需求調正。</p>
</div>
</div>
<div class="row mx-3">
<div class="Description col-12 col-lg-6 order-lg-1 order-2">
<p class="h1">
我們追求的是學習的樂趣
</p>
<p class="h3">
並非為了追求進度
</p>
<p>
將題目以遊戲的方式呈現，讓孩子在遊戲中學習。
</p>
</div>
<div class="ImgRect col-12 col-lg-6 order-lg-2 order-1">
<img src="./pics/Pic-5.jpg" class="img-fluid" alt="Responsive image">
</div>
</div>
</div>
</section>
<!-- <section id="Product">
<div class="container">
<p class="h1">孩子們的作品</p>
<div class="row">
<div class="ImgFrame col-12 col-md-6 col-lg-3">
<img src="./pics/P-1.PNG" class="img-fluid">
</div>
<div class="ImgFrame col-12 col-md-6 col-lg-3 ">
<img src="./pics/P-2.PNG" class="img-fluid">
</div>
<div class="ImgFrame col-12 col-md-6 col-lg-3">
<img src="./pics/P-3.png" class="img-fluid">
</div>
<div class="ImgFrame col-12 col-md-6 col-lg-3">
<img src="./pics/P-4.PNG" class="img-fluid">
</div>
</div>
</div>
</section> -->
<section id="Product">
<div class="container">
<p class="h1">平台中的學習科目</p>
<div class="Items row">
<div class="col-12 col-md-4 my-3">
<div class="card">
<img src="./pics/Math.png" class="card-img-top" alt="...">
<div class="card-body">
<p class="h2 card-title">數學</h2>
<p class="card-text">
依據教科書的章節架構編排，並且針對特殊需求學生進行單元簡化、減量
</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 my-3">
<div class="card">
<img src="./pics/Chinese.png" class="card-img-top" alt="...">
<div class="card-body">
<p class="h2 card-title">國語</h2>
<p class="card-text">
依據教科書的章節架構編排，分文聆聽、口語表達、標音符號以及應用、識字與寫字、閱讀、寫作六項指標作為分類
</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 my-3">
<div class="card">
<img src="./pics/Science.png" class="card-img-top" alt="...">
<div class="card-body">
<p class="h2 card-title">多元科技</h2>
<p class="card-text">
涵蓋電腦使用、2D繪圖、3D建模等多元科技課程
</p>
</div>
</div>
</div>
</div>
</section>
<section id="FullPageSlogan" class="my-5">
<p class="h1 text-center">PTWA 樂學園平台緣起</p>
<p class="h2 text-center text-white">發現在特殊教育方面資源的缺乏</p>
</section>
<section id="Goal">
<div class="container">
<div class="row">
<div class="Img col-12 col-lg-6">
<img src="./pics/tech.jpg" class="img-fluid">
</div>
<div class="Description col-lg-6 col-12">
<br>
<p class="h3">特殊教育X科技工具</p>
<p>
2019年，啟動「PTWA特教樂塾」專案，專收弱勢家庭特殊生，教導科技工具的使用，以提高認知與生活能力。從電腦繪圖，加入手作、韻律活動、商店購物、獨立逛校園、植栽等課程。
</p>
<p>
經過四年的特教樂塾，我們發現學科學習仍然必要，尤以國語與算數更為重要。因為這不僅是日常所需，認知能力也能藉由科技工具的使用與學習而提升。
</p>
</div>
</div>
</div>
</section>
<section id="Goal">
<div class="container">
<div class="row">
<div class="Description col-12 col-lg-6 order-lg-1 order-2">
<p class="h3">特殊教育X遊戲</p>
<p>
在多方諮詢專家後，決定開發「玩遊戲學國語」與「玩遊戲學算術」等遊戲學習平台，讓孩子使用電腦或平板就可以執行。
</p>
<p>
普通數位學習工具通常並非由特教老師親身參與設計，除了以遊戲的角度編寫的教材的絕無僅有，以開源免費的方式提供的更是少數。
</p>
</div>
<div class="Img col-12 col-lg-6 order-lg-2 order-1">
<img src="./pics/Pic-6.jpg" class="img-fluid">
</div>
</div>
</div>
</section>
<section id="About">
<div class="Description col-10 col-lg-4">
<p class="h1">關於PTWA</p>
<p class="normal">
2013年起，由國立成功大學資訊工程系蘇文鈺教授推動「Program the World」計畫，到偏鄉地區教導孩子寫程式。並於2016年3月正式成立「社團法人中華民國愛自造者學習協會」(PTWA)，以致力於程式(Programming)與自造(Maker)等開放課程內容的開發、教學與推廣，課程以合適青少年學習為主，並以服務偏鄉與弱勢教育(包含特殊教育)為宗旨，提供教育資源缺乏的學童更多受教的機會。
</p>
</div>
</section>
<footer class="container">
<div class="d-flex flex-column flex-lg-row justify-content-between py-4 my-4 border-top">
<p class="text-center">2024 社團法人中華民國愛自造者學習協會 Program The World Association, All rights reserved.</p>
</div>
</footer>
</body>
</html>