This repository was archived by the owner on Oct 11, 2019. It is now read-only.
forked from taivs106/DACSC
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·342 lines (327 loc) · 17.2 KB
/
index.html
File metadata and controls
executable file
·342 lines (327 loc) · 17.2 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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE HTML>
<!--
It's apply mechanically HTML5 up templates
I use escape-velocity
-->
<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]-->
</head>
<body class="homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper" class="wrapper">
<div id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="index.html">大安高工電腦研究社</a></h1>
<p>一群熱愛資訊的人組成的家</p>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current"><a href="index.html">回到首頁</a></li>
<li>
<a>社團簡介</a>
<ul>
<li><a href="About.html">關於我們</a></li>
<li><a href="perpose.html">社團宗旨</a></li>
<li><a href="rule.html">社團規章</a></li>
</ul>
</li>
<li><a href="Albums.html">活動相簿</a></li>
<li><a href="class.html">課程資源</a></li>
<li><a href="contact.html">聯絡我們</a></li>
</ul>
</nav>
</div>
</div>
<!-- Intro -->
<div id="intro-wrapper" class="wrapper style1">
<div class="title">社團理念</div>
<section id="intro" class="container">
<p class="style1">這裡，是由一群喜愛資訊的人組成的家</p>
<p class="style2">
我們歡迎所有對資訊有興趣的人<br class="mobile-hide" />
加入這個超過500人的大家庭
</p>
<p class="style3">在這裡，你將遇到許多與你一樣的人<br>加入我們，開創你的視野</p>
<ul class="actions">
<li><a href="https://www.facebook.com/pages/%E9%9B%BB%E8%B3%87%E5%A4%A7%E5%AE%B6%E6%97%8F/886747728054864" target="_blank" class="button style3 big">電資大家族</a></li>
</ul>
</section>
</div>
<!-- Main -->
<div class="wrapper style3">
<div class="title">社團課程</div>
<div id="main" class="container">
<!-- Image -->
<img class="image featured" src="images/first_class.jpg" alt="" />
<!-- Features -->
<section id="features">
<header class="style1">
<h2>我們有豐富的社團課程</h2>
<p>假如以下你都沒興趣，只要提出我們就敢學、敢教</p>
</header>
<div class="feature-list">
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-html5">前端網頁設計</h3>
<p>我們從最基礎的html/css開始教起，並進入javascript的課程，每年也會選出幾個人參加網界博覽會並得到不錯的成績。</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-server">後端網頁設計</h3>
<p>由於這方面選擇過多，我們會介紹各種程式語言、伺服器軟體、資料庫的比較，並請同學們找出自己的興趣去研究。</p>
</section>
</div>
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-code">演算法與資料結構</h3>
<p>我們會從基礎的C/C++開始教起，之後會深入研究演算法與資料結構，我們期許大家藉由這堂課擴展邏輯與思考能力，並會培養些許人參加相關競賽。</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-steam">遊戲製作</h3>
<p>我們會用C#搭配unity3D讓大家製作屬於自己的遊戲，這堂課中你可以完成以前的夢想，學習到開發大型專案的精神。</p>
</section>
</div>
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-linux">網路管理</h3>
<p>我們會培養網路管理人員，負責維護社團伺服器，也許剛進來時連Unix都沒聽過，但經過一年的訓練你將會擁有基本的實力。</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-android">行動開發</h3>
<p>常常覺得市面上的APP做得不夠好嗎?透過這堂課你將能把想法化為現實，製作出屬於自己的APP。</p>
</section>
</div>
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-camera">美術相關</h3>
<p>我們將指導對於美術有興趣的人相關知識，無論是手繪、電繪、修圖、影片製作、3D建模，只要你願意學習，都歡迎來報名。</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-wrench">硬體教學</h3>
<p>我們會有外校的人員於星期二放學後進行硬體的教學，目標是讓大家有基礎的電腦硬體知識，社內也有主攻硬體的人才，有問題皆可與他們討論。</p>
</section>
</div>
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-camera">音響概論</h3>
<p>我們於每週四晚上會有硬體相關論壇作家進行音響的教學，目標是藉由體驗自製音響的樂趣學習音響概論。</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-wrench">機器學習</h3>
<p>我們於每週五晚上會參加電資友社舉辦的讀書會，主軸為機器學習，即使沒有基礎我們也願意從頭教起。</p>
</section>
</div>
</div>
</div>
<ul class="actions actions-centered">
<li><a href="class.html" class="button style1 big">了解更多</a></li>
</ul>
</section>
</div>
</div>
<!-- Highlights -->
<div id="footer-wrapper" class="wrapper">
<div class="title">電資友社</div>
<div id="highlights" class="container">
<div class="row 120%">
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/infor28th?fref=ts" target="_blank" class="image featured"><img src="images/INFOR.jpg" alt="" /></a>
<h3>建中資訊社</h3>
<p></p>
<ul class="actions">
<li><a href="http://infor.org/" target="_blank" class="button style1">網站連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/zsisc22nd?fref=ts" target="_blank" class="image featured"><img src="images/ZSISC.jpg" alt="" /></a>
<h3>中山女中資訊研究社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/zsisc22nd?fref=ts" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://goo.gl/EvCgwO" target="_blank" class="image featured"><img src="images/HPDC.jpg" alt="" /></a>
<h3>興國高中程式設計社</h3>
<p></p>
<ul class="actions">
<li><a href="http://203.68.27.26/club/" target="_blank" class="button style1">網站連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/HPSHCP?fref=ts" target="_blank" class="image featured"><img src="images/HPSP.jpg" alt="" /></a>
<h3>和平高中程式研究社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/HPSHCP?fref=ts" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/CMIOCX22?fref=ts&hc_location=ufi" target="_blank" class="image featured"><img src="images/CMIOC.jpg" alt="" /></a>
<h3>景美女中電腦資訊社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/CMIOCX22?fref=ts&hc_location=ufi" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://goo.gl/ZuMwXg" target="_blank" class="image featured"><img src="images/CGCIP.jpg" alt="" /></a>
<h3>彰女電腦研習社</h3>
<p></p>
<ul class="actions">
<li><a href="https://goo.gl/ZuMwXg" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://goo.gl/vcBSyf" target="_blank" class="image featured"><img src="images/CHCRC.jpg" alt="" /></a>
<h3>彰中電腦技術研究社</h3>
<p></p>
<ul class="actions">
<li><a href="https://goo.gl/vcBSyf" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/WLCSC?hc_location=ufi" target="_blank" class="image featured"><img src="images/WLCSC.jpg" alt="" /></a>
<h3>武陵高中資訊科技研究社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/WLCSC?hc_location=ufi" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/lsshkc?pnref=lhc&hc_location=ufi" target="_blank" class="image featured"><img src="images/LSKC.jpg" alt="" /></a>
<h3>麗山高中動力模型暨電腦研究社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/lsshkc?pnref=lhc&hc_location=ufi" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/csc241?fref=ts&hc_location=ufi" target="_blank" class="image featured"><img src="images/CSC.jpg" alt="" /></a>
<h3>台中二中電腦研習社</h3>
<p></p>
<ul class="actions">
<li><a href="http://csc241.tcssh.tc.edu.tw/" target="_blank" class="button style1">網站連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/tcfshcirc" target="_blank" class="image featured"><img src="images/CIRC.jpg" alt="" /></a>
<h3> 台中一中電腦資訊研習社</h3>
<p></p>
<ul class="actions">
<li><a href="http://tcirc.org" target="_blank" class="button style1">網站連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/ICEDinNEHS" target="_blank" class="image featured"><img src="images/ICED.jpg" alt="" /></a>
<h3>新竹實驗高中資訊研究社</h3>
<p></p>
<ul class="actions">
<li><a href="http://iced.nehs.hc.edu.tw/" target="_blank" class="button style1">網站連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/HCCR.edu?_rdr=p&hc_location=ufi" target="_blank" class="image featured"><img src="images/CRHC.jpg" alt="" /></a>
<h3>新莊高中電研社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/HCCR.edu?_rdr=p&hc_location=ufi" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/ssinrc26?hc_location=ufi" target="_blank" class="image featured"><img src="images/SSInRC.jpg" alt="" /></a>
<h3>松山高中資訊研究社</h3>
<p></p>
<ul class="actions">
<li><a href="http://www.ssinrc.org/" target="_blank" class="button style1">網站連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/i2trc2?_rdr=p&hc_location=ufi" target="_blank" class="image featured"><img src="images/I2TRC2.jpg" alt="" /></a>
<h3>高雄女中資訊社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/i2trc2?_rdr=p&hc_location=ufi" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="highlight">
<a href="https://www.facebook.com/tngsirc?__mref=message_bubble&_rdr=p" target="_blank" class="image featured"><img src="images/IRC.jpg" alt="" /></a>
<h3>台南女中資訊研究社</h3>
<p></p>
<ul class="actions">
<li><a href="https://www.facebook.com/tngsirc?__mref=message_bubble&_rdr=p" target="_blank" class="button style1">粉專連結</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.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>