-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
197 lines (185 loc) · 10.7 KB
/
index.html
File metadata and controls
197 lines (185 loc) · 10.7 KB
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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>新光計畫</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Spectrl</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Log In</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>星光計畫</h2>
<p>
週六到<b style="font-weight: 800;">新光國小</b>和<b style="font-weight: 800;">司馬庫斯</b>教導國小小朋友<br />
</p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>新光國小, 距離市區最遠的國小<br />
</h2>
<p>新光國小位於尖石鄉，是新竹距離市區最遠的國小，有大約2小時的車程，而司馬庫斯(新光國小分班)更距離2.5hr，山上的孩子資源不如市區豐富，整個國小有三四十位位學生，但並沒有國中，山上的孩子們國小畢業只能到山下外宿就讀。</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
<h2>教育資源相對缺乏</h2>
<p>山上大多的家長皆忙於農務，缺乏課輔資源，此外山上僅有十餘位老師與主任，看似師生比高，但學校業務量並不會比他校少太多，此外多元性容易不足，要是該年任教的老師沒有英文或音樂專長，該年的小朋友就沒有英文課和音樂課。</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
<h2>新光計畫啟動</h2>
<p>交大的幾位教授有鑑於偏鄉資源不足，找齊了三十位願意一起上山的伙伴。在新光國小的校長、老師全力配合，和園區廠商以及科技界好友慷慨捐助經費下，自民國95年開始執行新光計畫。希望能在蒙受交大豐富資源的同時，盡己所能回饋給資源較為匱乏的偏鄉孩子們。</p>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>如何運作 ?</h2>
<p><b>
由當週輪值的交大學生負責備課，並於週六前往新光國小或司馬庫斯。 授課內容由學生準備，可以是國語方面(閱讀故事、影片賞析)、數學遊戲、單元活動(自然實驗、個人興趣、專長)、鋼琴課、英文課，亦可自行設計主題課程，讓小朋友接觸更多元的內容、認識更廣闊的世界。<br />
交大的夥伴們每週六清晨從學校出發，傍晚回到學校，每次出勤至少有一位領隊老師跟隨，也會幫輪值人員加買保險。交通、午餐都由計畫提供，基本上參與人員不必自掏腰包。參與人員平均每五個星期會輪值兩次，一學期最多六次，上山前需要備課，結束後寫輔導紀錄單，紀錄學生的學習狀況。</b></p>
</header>
<ul class="icons major">
<li><span class="icon fa-flask major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-book major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-music major style3"><span class="label">Dolor</span></span></li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>參與者推薦</h2>
<p>新光計畫自民國95年啟動至今，已經有數百位交大大學、碩、博士生參與。</p>
</header>
<ul class="features">
<li class="icon fa-comment">
<h3>交大教育所 黃莛捷</h3>
<p>參加新光計畫讓我最開心的地方是可以看到小朋友對我的課有興趣，尤其是一些討厭數學的孩子，卻對邏輯數學遊戲很有興趣，看到他們努力嘗試解題，真的心情會很好，就算要花時間備課、做學習單，也覺得很值得。</p>
</li>
<li class="icon fa-comment-o">
<h3>Ac Augue Eget</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-comment-o">
<h3>Mus Scelerisque</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-comment">
<h3>Mauris Imperdiet</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style2">
<div class="inner">
<header>
<h2>立刻報名新光計畫說明會(附免費午餐)</h2>
<p>
更深入的介紹新光計畫， 以及運作的現況。<br />
地點：交大光復校區工程四館101教室 <br />
場次一：2016.01.5 (二) 12:10--13:10 <br />
場次二：2016.01.20(三) 12:10--13:10 <br />
</p>
</header>
<ul class="actions">
<li><a target="_blank" href="https://docs.google.com/forms/d/18XbJNaXV7fpekTWTPAYNp1aJ6T45kUNCBaq_stG1ib0/viewform" class="button fit special">立刻報名(附免費午餐)</a></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="four" class="wrapper style5 special">
<div class="inner">
<header class="major">
<h2>FAQ</h2>
<div style="text-align: left;">
<ol>
<li>參加新光計畫會不會佔用我很多時間？</li>
<ul>
<li>每週固定會花 0.5 - 1個小時和夥伴們開會，討論上一週的教學狀況，講解本週的教學內容。需要上山的那一週，會需要再花上 4 - 5 個小時來準備。</li>
</ul>
<li>我需要負擔任何費用嗎？</li>
<ul>
<li>您不需要負擔任何花費，交通費用及午餐餐費會由計畫支出，額外購買的教材可以報公帳。</li>
</ul>
<li>我怎麼知道我甚麼時候要上山？</li>
<ul>
<li>新光計畫於學期初時，由各小組內部自行討論、安排輪值表。</li>
</ul>
<li>我沒有教小朋友的經驗，這樣沒問題嗎？</li>
<ul>
<li>我們大部分的夥伴先前也都沒有教小朋友的經驗，不過在每次的開會討論，大家都會分享彼此遇到的狀況，也會一起討論出更好的教法。加上與學校老師關係密切，有時候也會直接寄信詢問老師，老師也會給予很多實際與中肯的建議。</li>
</ul>
<li>我需要從零開始準備教材嗎？</li>
<ul>
<li>各組往年的教學內容、參考資料會傳承下來，您可以作為參考。當然如果您有自己的創意也可以發揮。</li>
</ul>
<li>這是服務學習嗎？有學分嗎？</li>
<ul>
<li>這是自發性公益性質的計畫，不是服務學習，無法列入服務學習時數，也沒有任何學分。</li>
</ul>
</ol>
如果您有任何疑惑，歡迎您直接寫信到hsinguangproject@gmail.com詢問。
</div>
</header>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>© 新光計畫</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>