forked from hhjxiaoyin/csecl
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1178 lines (1169 loc) · 67.1 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
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
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>互联网创新实验室</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="湖南农业大学互联网创新实验室">
<meta name="keywords" content="互联网创新实验室">
<meta name="author" content="10期成员">
<link rel="shortcut icon" href="./favicon.ico">
<link rel="stylesheet" href="assets/css/common.css">
<link rel="stylesheet" href="assets/css/layout.css">
<link rel="stylesheet" href="assets/css/index.css">
</head>
<body class="start">
<div id="awd-site-wrap" class="bg bg-home">
<div id="bg">
<div id="overlay">
<div class="awd-site-bg bg-home active"></div>
<div class="awd-site-bg bg-subscribe"></div>
<div class="awd-site-bg bg-contact"></div>
<div class="awd-site-bg bg-services"></div>
</div>
<canvas id="awd-site-canvas"></canvas>
</div>
<header id="awd-site-header" class="layout">
<div id="awd-site-logo" class="animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500">
<h1>
<a href="#" class="go-slide" data-slide="home">
<i class="logo wbg"></i>
<span>互联网创新实验室</span>
</a>
</h1>
</div>
<button class="menu-toggle animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500" data-role="toggle">
<span></span>
<span></span>
<span></span>
</button>
<nav id="awd-site-nav" class="navigation animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500">
<div class="nav-container">
<ul>
<li>
<a href="#" data-slide="home" class="active">关于实验室</a>
</li>
<li>
<a href="#" data-slide="subscribe" class="">方向简介</a>
</li>
<li>
<a href="#" data-slide="services" class="">资源推荐</a>
</li>
<li>
<a href="#" data-slide="contact" class="">加入我们</a>
</li>
</ul>
</div>
</nav>
</header>
<main id="awd-site-main">
<section id="awd-site-content">
<div class="sections-block">
<div class="slides">
<div class="slides-wrap">
<div class="slide-item active" data-slide-id="home">
<div class="layout animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60">
<div class="home">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="pics pd-10">
<div class="image">
<div class="img">
<div class="father">
<div class="son">
<img src="assets/images/1.jpg" alt="">
<div class="txt">互联网创新实验室 一期成员 2008年</div>
</div>
<div class="son">
<img src="assets/images/2.jpg" alt="">
<div class="txt">互联网创新实验室 二期成员 2009年</div>
</div>
<div class="son">
<img src="assets/images/3.jpg" alt="">
<div class="txt">互联网创新实验室 三期成员 2010年</div>
</div>
<div class="son">
<img src="assets/images/4.jpg" alt="">
<div class="txt">互联网创新实验室 四期成员 2011年</div>
</div>
<div class="son">
<img src="assets/images/5.jpg" alt="">
<div class="txt">互联网创新实验室 五期成员 2012年</div>
</div>
<div class="son">
<img src="assets/images/6.jpg" alt="">
<div class="txt">互联网创新实验室 六期成员 2013年</div>
</div>
<div class="son">
<img src="assets/images/7.jpg" alt="">
<div class="txt">互联网创新实验室 七期成员 2014年</div>
</div>
<div class="son">
<img src="assets/images/8.jpg" alt="">
<div class="txt">互联网创新实验室 八期成员 2015年</div>
</div>
<div class="son">
<img src="assets/images/9.jpg" alt="">
<div class="txt">互联网创新实验室 九期成员 2016年</div>
</div>
<div class="son">
<img src="assets/images/1.jpg" alt="">
<div class="txt">复杂系统与电子商务创新实验室 一期成员 2008年</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<h3 class="title pd-10">
<span class="word">实验室简介</span>
</h3>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="info pd-10">
<p class="koam line-h">
互联网创新实验室（原复杂系统与电子商务创新实验室）招新啦！我们的实验室以“互联网+”为核心，以 web 系统开发、电子商务案例深度分析、网站设计， UI 设计，网络营销、 MVC 模式系统开发、 UI 设计 SNS 等等为研究方向，分成程序、前端、产品三个部分，通过一个个项目引导同学们在实践中快速提升。
</p>
<p class="koam line-h">
10年来，实验室采用项目驱动制因材施教的模式，培养互联网精英。前期毕业成员广泛分布于阿里巴巴、腾讯、新浪、百度、360、网易、金山等大型互联网公司，实现了100%高成长与高就业。
</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="pi">
<div>
<span>
<em>10</em> 年</span>
<span>人才培养</span>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="pi">
<div>
<span>
<em>20</em> 项</span>
<span>创新成果</span>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="pi">
<div>
<span>
<em>6</em> 项</span>
<span>国际认证</span>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="pi">
<div>
<span>
<em>38</em> 项</span>
<span>各类奖项</span>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="pi">
<div>
<span>
<em>2</em> 家</span>
<span>明星企业</span>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-2 col-md-2">
<div class="pi">
<div>
<span>
<em>68</em>%</span>
<span>论文优秀</span>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="info pd-10">
<p class="koam line-h">
至今实验室已吸纳并培养10期近130余人互联网领域优秀人才，获奖 78项（国家级41项，省级37项），基金资助 14项（省级1项）， 开发系统和网站30余项。创新一期培养的7名毕业生在2009年全球金融危机的背景下实现了100%就业率，平均工资为3500元，比普通本科毕业生的平均工资（1825元，智联招聘2009年12月24日统计数据）高出90%以上。
</p>
<p class="koam line-h">
在这里可以清晰地了解未来就业的方向、学习更多专业技能、同时得到更多专业信息，这些都是隐形的资源财富。
</p>
</div>
</div>
</div>
<div class="row">
<h3 class="title pd-10">
<span class="word">指导老师</span>
</h3>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="t-avatar pd-10">
<div class="image">
<div class="img">
<img src="assets/images/t1.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="info pd-10">
<h3 class="name">聂笑一</h3>
<p class="say line-h">“我一直在做一件事：营造一个积极的学习氛围，让学生能真正学到知识，实现自我价值和社会价值的最大化。”</p>
<div class="fame">
<span>ACCD认证平面设计师</span>
<span>CCNA网络工程师</span>
<span>中国互联网协会网络营销师</span>
<span>湖南农业大学电子商务系副主任</span>
<span>复杂系统与电子商务创新实验室主任</span>
</div>
<div class="other line-h">中南大学计算机专业硕士 / 原中芯数字研发部总监 / 信科院教工团支部书记 / 研究生导师 / 拥有互联网、电子商务领域6项国际专业认证证书</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="t-avatar pd-10">
<div class="image">
<div class="img"><img src="assets/images/t2.jpg" alt=""></div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="info pd-10">
<h3 class="name">肖毅</h3>
<p class="say line-h">“在近5年中，创新实验室共培养了近50名学员，其中已毕业的学员不少学生获得“校级优秀毕业生”的称号。良好的培养机制为他们提供了硬件，自学能力，项目经验提高了他们的“软实力”，共同的兴趣激发了他们的热情，团队合作也激发了他们的灵感。”</p>
<div class="fame">
<span>湖南农业大学电子商务系资深教师</span>
<span>复杂系统与电子商务创新实验室副主任</span>
</div>
<div class="other line-h">
4年来指导学生获得挑战杯、计算机、创业比赛等27项大奖（国家级17项），获得大学生创新、科创基金19项资助（省级2项）。
</div>
<div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<h3 class="title pd-10">
<span class="word">荣誉和奖项</span>
</h3>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="info pd-10">
<p class="koam line-h">
进入实验室之后，我们将会通过一个个项目来实践所学、提升技术，并通过团队完成的项目去参加各种比赛，比如全国大学生计算机设计大赛、湖南省电子商务大赛、湖南省大学生计算机程序设计竞赛、“蓝桥杯”全国软件大赛、“挑战杯”全国大学生课外学术科技作品竞赛和中国“互联网+”大学生创新创业大赛等等，长期以来所获成绩颇丰。
</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="sysz pd-10">
<div class="image">
<div class="img"><img src="assets/images/w2.jpg" alt=""></div>
</div>
</div>
<div class="sysz info pd-10">
<div class="fame">
<p><i class="left">第三届全国三创大赛湖南分赛</i> <i class="right">一等奖</i></p>
<p><i class="left">第八届“求真杯”大学生课外学术科技作品竞赛</i> <i class="right">一等奖</i></p>
<p><i class="left">第八届中国大学生计算机设计大赛中南地区赛</i> <i class="right">一等奖</i></p>
<p><i class="left">乐易考杯”湖南省“互联网+”大学生创新创业大赛</i> <i class="right">一等奖</i></p>
<p><i class="left">长沙市第十届大学生科技创新创业大赛</i> <i class="right">一等奖</i></p>
<p><i class="left">第七届创业计划大赛</i> <i class="right">金奖</i></p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="sysz pd-10">
<div class="image">
<div class="img"><img src="assets/images/w1.jpg" alt=""></div>
</div>
</div>
<div class="sysz info pd-10">
<div class="fame">
<p><i class="left">知会 创业者</i> <i class="right">企业报道</i></p>
<p><i class="left">芙蓉月刊 创业者</i> <i class="right">企业报道</i></p>
<p><i class="left">用专业专业知识打一场“食品安全保卫战”</i> <i class="right">挑战杯团队</i></p>
<p><i class="left">从实验室起步 向网络精英迈进</i> <i class="right">实验室团队</i></p>
<p><i class="left">99分是另一种完美</i> <i class="right">计算机设计大赛</i></p>
<p><i class="left">教学创新 实践育英才</i> <i class="right">聂笑一</i></p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<h3 class="title pd-10">
<span class="word">实验室环境</span>
</h3>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="info pd-10">
<p class="koam line-h">我们有干净整洁的学习环境，学校仅有的全新MAC电脑,还有丰富的技术资源和优秀的藏书。不管你是安静的学霸，还是活泼的组织者，只要你有一颗追梦的心，希望从中挖掘自己的各方面潜能，我们都期待你的加入。</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="ambient pd-10">
<div class="image">
<div class="img"><img src="assets/images/s1.jpg" alt=""></div>
</div>
<div class="info">
<p class="hand">老师办公区</p>
<div class="text line-h">老师有着个人固定的办公区域，办公环境整洁。如果在学习上存在疑惑，方便随时向老师咨询。每周五晚指导老师会对实验室成员进行项目和技术上的指导和研究。</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="ambient pd-10">
<div class="image">
<div class="img"><img src="assets/images/s2.jpg" alt=""></div>
</div>
<div class="info">
<p class="hand">休闲讨论区</p>
<div class="text line-h">
当你困倦了，想放松小憩一会儿，空闲时候的一杯咖啡，早间时候的一杯牛奶。当然啦，放松往往会激发人的灵感，这个休息区可是一块宝地。</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="ambient pd-10">
<div class="image">
<div class="img"><img src="assets/images/s3.jpg" alt=""></div>
</div>
<div class="info">
<p class="hand">高级设备区</p>
<div class="text line-h">这里是学校仅有的全新MAC电脑，全新的苹果系统可以让你与企业工作零距离接轨，提前适应工作环境。</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="ambient pd-10">
<div class="image">
<div class="img"><img src="assets/images/s4.jpg" alt=""></div>
</div>
<div class="info">
<p class="hand">小队作战区</p>
<div class="text line-h">作为平时小组做项目、学习的地方，我们采用了企业中常用的圆拼桌面。便于团队交流、项目合作。</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-item" data-slide-id="subscribe">
<div class="layout animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60">
<div class="subscribe">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="title">产品运营</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="image">
<div class="img"><img src="assets/images/y1.jpg" alt=""></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="info">
<p class="info-txt">团队的主要负责人，负责项目的初期规划，产品原型构思与设计，项目策划书的设计管理。需要具备较好的沟通协调能力</p>
<div class="list-wrapper">
<p>1. 掌握初步的管理知识。</p>
<p>2. 项目的策划与策划书的设计。</p>
<p>3. 软件的使用 如：</p>
<div class="list-wrapper">
<p>A) 项目原型设计软件（Axure / Sketch）</p>
<p>B) 项目思维导图设计软件 （MindManager / XMind）</p>
<p>C) 办公软件：Office 三件套（策划书的设计 和 PPT的设计）</p>
<p>D) 音视频剪辑与制作：AE PR等</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="title">前端设计</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="image">
<div class="img"><img src="assets/images/y2.jpg" alt=""></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="info">
<p class="info-txt">现阶段实验室的设计主要分成前端和视觉（UI）两个方向以前端为主，视觉为辅，两者相辅相成。都是必备的技能</p>
<div class="list-wrapper">
<p>1. 前端。</p>
<div class="list-wrapper">
<p>A) 前端主要以代码编程为主，负责项目前端的代码实现</p>
<p>B) 所需学习和掌握的必备技能HTML5, CSS3, JavaScript, node.js等</p>
<p>C) 掌握基本的ps技术，初级的PHP以及初级的MySql。</p>
</div>
</div>
<div class="list-wrapper">
<p>2. 视觉。</p>
<div class="list-wrapper">
<p>A) 主要是负责产品UI制作，静态页面生成，图片处理，PPT设计。</p>
<p>B) 所需学习和掌握的必备技能：Sketch , PS , HTML5, CSS3</p>
<p>C) 掌握AE, PR ,以及制作PPT。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="title">后端程序</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="image">
<div class="img"><img src="assets/images/y3.jpg" alt=""></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="info">
<p class="info-txt">专注Linux/Windows系统、Apache服务器、PHP语言、MySQL与MVC模式的研究与学习。以服务器语言PHP学习为主，并进行数据库的建设。
</p>
<div class="list-wrapper">
<p>1. 掌握一定的前端基础知识：HTML、CSS、JavaScript、Ajax等。</p>
<p>2. 熟悉相关网络协议：HTTP协议，TCP/IP协议。</p>
<p>3. 了解后端语言PHP语法，熟练应用流行框架ThinkPHP Yii Laravel。</p>
<p>4. 熟悉关系型数据库MySQL，非关系型NoSQL，学会数据库设计思想，熟练数据库语句及数据库的优化配置。</p>
<p>5. 熟练服务器Apache Nginx的相关配置应用Linux Mac Windows操作系统。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-item " data-slide-id="services">
<div class="layout animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60">
<div class="services">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="item-wrapper">
<div class="title">产品运营类</div>
<div class="items">
<p class="item">
<span>从零开始做运营</span>
<a href="http://pan.baidu.com/s/1cm6Gma" target="_bank">http://pan.baidu.com/s/1cm6Gma</a>
</p>
<p class="item">
<span>创业计划简本</span>
<a href="http://pan.baidu.com/s/1skOv9jn" target="_bank">http://pan.baidu.com/s/1skOv9jn</a>
</p>
<p class="item">
<span>给产品经理讲技术</span>
<a href="http://pan.baidu.com/s/1cm6Gma" target="_bank">http://pan.baidu.com/s/1pLJWkR5</a>
</p>
<p class="item">
<span>ppt参考案例</span>
<a href="http://pan.baidu.com/s/1pLJWkR5" target="_bank">http://pan.baidu.com/s/1c2rSvvE</a>
</p>
<p class="item">
<span>金钥匙计划书2.0版</span>
<a href="http://pan.baidu.com/s/1nuVprRV" target="_bank">http://pan.baidu.com/s/1nuVprRV</a>
</p>
<p class="item">
<span>经典MINI汽车广告</span>
<a href="http://pan.baidu.com/s/1mimmv48" target="_bank">http://pan.baidu.com/s/1mimmv48</a>
</p>
</div>
<div class="title">精选网站</div>
<div class="items">
<p class="item">
<span>知乎网</span>
<a href="https://www.zhihu.com/" target="_bank">https://www.zhihu.com/</a>
</p>
<p class="item">
<span>菜鸟教程</span>
<a href="http://www.runoob.com/" target="_bank">http://www.runoob.com/</a>
</p>
<p class="item">
<span>慕课网</span>
<a href="http://www.imooc.com/" target="_bank">http://www.imooc.com/</a>
</p>
<p class="item">
<span>W3SCHOOL</span>
<a href="http://www.w3school.com.cn/" target="_bank">http://www.w3school.com.cn/</a>
</p>
<p class="item">
<span>PS教程网站</span>
<a href="http://www.16xx8.com/" target="_bank">http://www.16xx8.com/</a>
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="item-wrapper">
<div class="title">前端设计类</div>
<div class="items">
<p class="item">
<span>HTML+CSS基础课程</span>
<a href="http://www.imooc.com/learn/9" target="_bank">http://www.imooc.com/learn/9</a>
</p>
<p class="item">
<span>HTML5开发知识体系</span>
<a href="http://www.jikexueyuan.com/path/html5" target="_bank">http://www.jikexueyuan.com/path/html5</a>
</p>
<p class="item">
<span>JavaScript入门篇</span>
<a href="http://www.imooc.com/learn/36" target="_bank">http://www.imooc.com/learn/36</a>
</p>
<p class="item">
<span>JavaScript进阶篇</span>
<a href="http://www.imooc.com/learn/10" target="_bank">http://www.imooc.com/learn/10</a>
</p>
<p class="item">
<span>jQuery基础(一)</span>
<a href="http://www.imooc.com/learn/418" target="_bank">http://www.imooc.com/learn/418</a>
</p>
<p class="item">
<span>jQuery基础(二)</span>
<a href="http://www.imooc.com/learn/530" target="_bank">http://www.imooc.com/learn/530</a>
</p>
<p class="item">
<span>jQuery基础(三)</span>
<a href="http://www.imooc.com/learn/429" target="_bank">http://www.imooc.com/learn/429</a>
</p>
<p class="item">
<span>Ajax全接触</span>
<a href="http://www.imooc.com/learn/250" target="_bank">http://www.imooc.com/learn/250</a>
</p>
<p class="item">
<span>设计配色基础</span>
<a href="http://pan.baidu.com/s/1boL0uD5" target="_bank">http://pan.baidu.com/s/1boL0uD5</a>
</p>
<p class="item">
<span>配色设计原理</span>
<a href="http://pan.baidu.com/s/1boDYLND" target="_bank">http://pan.baidu.com/s/1boDYLND</a>
</p>
<p class="item">
<span>JavaScript权威指南</span>
<a href="http://pan.baidu.com/s/1hsDyUR6" target="_bank">http://pan.baidu.com/s/1hsDyUR6</a>
</p>
<p class="item">
<span>精通CSS高级Web</span>
<a href="http://pan.baidu.com/s/1kVGG5Zh" target="_bank">http://pan.baidu.com/s/1kVGG5Zh</a>
</p>
<p class="item">
<span>给大家看的设计书</span>
<a href="http://pan.baidu.com/s/1hsqymQ4" target="_bank">http://pan.baidu.com/s/1hsqymQ4</a>
</p>
<p class="item">
<span>选色与设计</span>
<a href="http://pan.baidu.com/s/1i46uYln" target="_bank">http://pan.baidu.com/s/1i46uYln</a>
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="item-wrapper">
<div class="title">后端程序类</div>
<div class="items">
<p class="item">
<span>WAMP安装包</span>
<a href="http://pan.baidu.com/s/1geRxHBH" target="_bank">http://pan.baidu.com/s/1geRxHBH</a>
</p>
<p class="item">
<span>PHP语言知识体系</span>
<a href="http://www.jikexueyuan.com/path/php" target="_bank">http://www.jikexueyuan.com/path/php</a>
</p>
<p class="item">
<span>PHP入门篇</span>
<a href="http://www.imooc.com/learn/758" target="_bank">http://www.imooc.com/learn/758</a>
</p>
<p class="item">
<span>PHP中的HTTP协议</span>
<a href="http://www.imooc.com/learn/122" target="_bank">http://www.imooc.com/learn/122</a>
</p>
<p class="item">
<span>MySQL的零距离接触</span>
<a href="http://pan.baidu.com/s/1nuVprRV" target="_bank">http://pan.baidu.com/s/1nuVprRV</a>
</p>
<p class="item">
<span>MySQL入门</span>
<a href="http://www.jikexueyuan.com/course/627.html" target="_bank">http://www.jikexueyuan.com/course/627.html</a>
</p>
<p class="item">
<span>MySQL函数</span>
<a href="http://www.jikexueyuan.com/course/1378.html" target="_bank">http://www.jikexueyuan.com/course/1378.html</a>
</p>
<p class="item">
<span>PHP与MySQL</span>
<a href="http://www.jikexueyuan.com/course/457.html" target="_bank">http://www.jikexueyuan.com/course/457.html</a>
</p>
<p class="item">
<span>PHP与MySQL关系</span>
<a href="http://www.imooc.com/learn/116" target="_bank">http://www.imooc.com/learn/116</a>
</p>
<p class="item">
<span>PHP进阶篇</span>
<a href="http://www.imooc.com/learn/26" target="_bank">http://www.imooc.com/learn/26</a>
</p>
<p class="item">
<span>PHP进阶篇-字符串</span>
<a href="http://www.imooc.com/learn/726" target="_bank">http://www.imooc.com/learn/726</a>
</p>
<p class="item">
<span>PHP进阶篇-函数</span>
<a href="http://www.imooc.com/learn/737" target="_bank">http://www.imooc.com/learn/737</a>
</p>
<p class="item">
<span>PHP面向对象编程</span>
<a href="http://www.imooc.com/learn/184" target="_bank">http://www.imooc.com/learn/184</a>
</p>
<p class="item">
<span>JSON应用场景</span>
<a href="http://www.imooc.com/learn/68" target="_bank">http://www.imooc.com/learn/68</a>
</p>
<p class="item">
<span>MVC架构模式</span>
<a href="http://www.imooc.com/learn/69" target="_bank">http://www.imooc.com/learn/69</a>
</p>
<p class="item">
<span>ThinkPHP 5.0</span>
<a href="http://www.imooc.com/learn/832" target="_bank">http://www.imooc.com/learn/832</a>
</p>
<p class="item">
<span>Yii框架—基础篇</span>
<a href="http://www.imooc.com/learn/404" target="_bank">http://www.imooc.com/learn/404</a>
</p>
<p class="item">
<span>Yii框架—工具篇</span>
<a href="http://www.imooc.com/learn/520" target="_bank">http://www.imooc.com/learn/520</a>
</p>
<p class="item">
<span>Yii框架—高效篇</span>
<a href="http://www.imooc.com/learn/440" target="_bank">http://www.imooc.com/learn/440</a>
</p>
<p class="item">
<span>Yii框架—扩展篇</span>
<a href="http://www.imooc.com/learn/491" target="_bank">http://www.imooc.com/learn/491</a>
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="item-wrapper">
<div class="title">设计灵感培养</div>
<div class="items">
<p class="item">
<span>优设网</span>
<a href="http://www.uisdc.com/" target="_bank">http://www.uisdc.com/</a>
</p>
<p class="item">
<span>站酷网</span>
<a href="http://www.zcool.com.cn/" target="_bank">http://www.zcool.com.cn/</a>
</p>
<p class="item">
<span>国外网站</span>
<a href="https://www.pinterest.com/" target="_bank">https://www.pinterest.com/</a>
</p>
<p class="item">
<span>设计之道</span>
<a href="http://designdao.com/" target="_bank">http://designdao.com/</a>
</p>
<p class="item">
<span>好用的网站分享</span>
<a href="http://www.runningcheese.com/recommended-sites" target="_bank">http://www.runningcheese.com/recommended-sites</a>
</p>
<p class="item">
<span>配色网</span>
<a href="http://www.peise.net/tools/web/" target="_bank">http://www.peise.net/tools/web/</a>
</p>
<p class="item">
<span>花瓣网</span>
<a href="http://huaban.com/" target="_bank">http://huaban.com/</a>
</p>
<p class="item">
<span>字体</span>
<a href="http://www.typeisbeautiful.com/" target="_bank">http://www.typeisbeautiful.com/</a>
</p>
<p class="item">
<span>前端收藏夹</span>
<a href="http://collect.w3ctrain.com/" target="_bank">http://collect.w3ctrain.com/</a>
</p>
<p class="item">
<span>设计作品集</span>
<a href="https://www.behance.net/" target="_bank">https://www.behance.net/</a>
</p>
</div>
<div class="title">书籍</div>
<div class="items">
<p class="book">
<span>《你不知道的Javascript》</span>
<span>《写给大家看的设计书》</span>
<span>《写给大家看的设计书》</span>
</p>
<p class="book">
<span>《写给大家看的设计书》</span>
<span>《设计师要懂心理学》</span>
<span>《简约至上-交互式设计》</span>
<span>《配色设计原理》</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-item" data-slide-id="contact">
<div class="layout contact-koo animated fadeIn visible" data-animation="fadeIn"
data-animation-delay="60">
<div class="reg">
<div class="line-text">选择比努力重要,少走弯路才是最快的捷径</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="line">
<div class="task task-all">
<p class="title">姓名 *
<span class="cue">[填写姓名2-4个中文汉字]</span>
</p>
<div class="text show-border check-hook">
<span class="icon icon-user"></span>
<input id="username" type="text" placeholder="请填写姓名">
<i class="icon"></i>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task">
<p class="title">性别 *
<span class="cue">[没有人妖这个选项]</span>
</p>
<div class="radio">
<label for="sex1">
<input type="radio" name="sex" id="sex1" value="1" checked> 男</label>
<label for="sex2">
<input type="radio" name="sex" id="sex2" value="0"> 女</label>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task task-all student-check">
<p class="title">学号 *
<span class="cue">[你的校园卡上的学号]</span>
</p>
<div class="text show-border check-hook">
<input id="student" type="text" placeholder="请填写学号">
<i class="icon"></i>
</div>
<p class="student-error"></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task">
<p class="title">籍贯(省) *
<span class="cue">[招收中国籍农大学生]</span>
</p>
<div class="place">
<div class="place-t show-border select-province-hook">
<p id="placeProvince" class="place-t-w show-select-hook">请选择</p>
<i class="icon"></i>
<span class="icon icon-down"></span>
<ul class="hide-show show-province-hook"></ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task">
<p class="title">
<span>籍贯(市/州) * </span>
<span class="cue">[听说你的家乡很美]</span>
</p>
<div class="place">
<div class="place-t show-border select-city-hook">
<p id="placeCity" class="place-t-w show-select-hook">请选择</p>
<i class="icon"></i>
<span class="icon icon-down"></span>
<ul class="hide-show show-city-hook"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task">
<p class="title">手机 *
<span class="cue">[用于接收面试短信]</span>
</p>
<div class="text show-border check-hook">
<span class="icon icon-phone"></span>
<input id="phone" type="text" placeholder="填写手机号码">
<i class="icon"></i>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task">
<p class="title">QQ *
<span class="cue">[主要的社交沟通工具]</span>
</p>
<div class="text show-border check-hook">
<span class="icon icon-qq"></span>
<input id="qq" type="text" placeholder="填写QQ号码">
<i class="icon"></i>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="line">
<div class="task task-all">
<p class="title">邮箱 *
<span class="cue">[务必是常用邮箱]</span>
</p>
<div class="text show-border check-hook">
<input id="email" type="email" placeholder="填写电子邮件地址">
<i class="icon"></i>
</div>
</div>
</div>
</div>
</div>
<div class="line-text">活鱼逆流而上,死魚随波逐流</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="line">
<div class="task task-all">
<p class="title">年级 *
<span class="cue">[我们只招收小鲜肉]</span>
</p>
<div class="select show-border select-year-hook">
<p id="grade" class="select-text show-select-hook">请选择</p>
<i class="icon"></i>
<span class="icon icon-down"></span>
<ul class="hide-show hide-show-year show-year-hook"></ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task task-all">
<p class="title">学院 *
<span class="cue">[没有学院歧视]</span>
</p>
<div class="select show-border select-college-hook">
<p id="college" class="select-text show-select-hook">请选择</p>
<i class="icon"></i>
<span class="icon icon-down"></span>
<ul class="hide-show show-college-hook">
<li>信息科学技术学院</li>
<li>东方科技学院</li>
<li>理学院</li>
<li>工学院</li>
<li>资源环境学院</li>
<li>农学院</li>
<li>园艺园林学院</li>
<li>植物保护学院</li>
<li>动物科学技术学院</li>
<li>动物医学院</li>
<li>食品科学技术学院</li>
<li>经济学院</li>
<li>商学院</li>
<li>公共管理与法学学院</li>
<li>马克思主义学院</li>
<li>外国语学院</li>
<li>教育学院</li>
<li>生物科学技术学院</li>
<li>体育艺术学院</li>
<li>国际学院</li>
<li>继续教育学院</li>
<li>其他</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task task-all">
<p class="title">专业 *
<span class="cue">[没有专业限制]</span>
</p>
<div class="text show-border check-hook">
<input id="major" type="text" placeholder="填写专业">
<i class="icon"></i>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task task-all">
<p class="title">高考数学成绩 *
<span class="cue">[这都不算什么]</span>
</p>
<div class="text show-border check-hook">
<input id="math" type="text" placeholder="实事求是">
<i class="icon"></i>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="line">
<div class="task task-all">
<p class="title">高考英语成绩 *
<span class="cue">[大学可以改变一切]</span>
</p>
<div class="text show-border check-hook">
<input id="english" type="text" placeholder="实事求是">
<i class="icon"></i>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="line">
<div class="task task-all">
<p class="title">有无推荐人 *
<span class="cue">[说明你挺优秀，我们欢迎]</span>
</p>
<div class="text show-border check-hook">
<input id="referrer" type="text" placeholder="有填写姓名，没有填写无">
<i class="icon"></i>
</div>
</div>
</div>
</div>
</div>
<div class="line-text">真的很累吗？累就对了,告诉自己：容易走的都是下坡路。</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="line">
<div class="task task-half">
<p class="title">报名方向 *
<span class="cue">[请深思熟虑，决定了就一直走下去]</span>
</p>
<div class="radio fx fx-hook">
<label for="fx1">
<input type="radio" name="fx" id="fx1" value="产品" checked> 产品</label>
<label for="fx2">
<input type="radio" name="fx" id="fx2" value="前端"> 前端</label>
<label for="fx3">
<input type="radio" name="fx" id="fx3" value="程序"> 程序</label>
</div>
<div class="fx-info">
<div class="info-word" style="display:block">
<p>项目团队的主要负责人，负责项目的初期规划，产品原型构思与设计，项目策划书的设计管理，项目PPT的制作，团队管理等。需要具备较好的沟通协调能力。</p>
<p>1.掌握初步的管理知识。</p>
<p>2.项目的策划与策划书的设计。</p>
<p>3.软件的使用 如：</p>
<p>A)项目原型设计软件（Axure / Sketch），</p>
<p>B)项目思维导图设计软件 （MindManager / XMind）</p>