forked from EvanGit09/ProgrammingBlackWebPage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Educational.html
268 lines (230 loc) · 14.3 KB
/
Educational.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Main external CSS stylesheet -->
<link rel="mainstylesheet" href="mainstylesheet.css">
<!--Link to style sheet one with background colour for footer -->
<link rel="stylesheet" href="mainstylesheet.css">
<title>Education</title>
</head>
<!--Attempted to add a scroll spy-->
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!--Adding nav bar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<!--just shifted text in-->
<div class="container">
<a class="navbar-brand" href="#"> <img src="images/internet-icon-vector.jpg" width="50" height="50" alt="" loading="lazy">
The internet</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="wiki.html">Wikipedia</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="Educational.html">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="OnlineNews.html">Online News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="entertainment.html">Entertainment</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Adding a carosel-->
<div class="container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/codecademy.jpg" class="d-block w-100" alt="codecademy">
</div>
<div class="carousel-item">
<img src="images/github.jpg" class="d-block w-100" alt="github">
</div>
<div class="carousel-item">
<img src="images/Zoom.jpg" class="d-block w-100" alt="zoom">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- Section for the main text and writing of the website-->
<!-- Article written by myself about the impact of the internet on education-->
<section class="education-writing-section">
<div class="container">
<div classes="row">
<div class="edu-class">
<!--Black line to align first heading-->
<div class="whiteText">
<p>
\n
</p>
</div>
<div class="headings1">
<h3>How The Internet Changed Ecucation Forever</h3>
</div>
<p>
Throughout time, the educational system has remained scarely similar.
Whilst the standard of education has risen, the bar the students are expected to achieve has sky rocketed to beyond anything that is even theasable.
Before the internet was created the main source of information was from books and newspapers and so everyone heavily relied on the information that they had read before.
This was very limiting because it is just not possible to gather all the information that todays students need in books,
students of today need a lot more assistance because they have a lot more to take in. It almost isn't fair. Geoff Barton, general secretary of the heads' union ASCL, recently stated:
"While the increased rigour may have been in the interest of the more able students, it had come at the expense of the more vulnerable ones."
He then called for the exams to be tweaked to make them "less of an ordeal" and said a more "humane way" to assess the abilities of young people was required."
</p>
<div class="headings1">
<h4>Research Is Conducted Mostly Online</h4>
</div>
<p>
When preparing for a research paper or homework assignment, a whopping 93% of students of students turn to Google for the answer. Although librarians and educators have discouraged the use of Wikipedia, students consistently favor the site for quick and (mostly) reliable information. The availability of current, accurate information 24/7 saves students time and energy that used to be spent searching for the right library book.
</p>
<div class="headings1">
<h4>Many Teachers Use Online Learning Elements in the Classroom</h4>
</div>
<p>
Students aren’t the only ones browsing the web. Around 90% of educators use some form of social media in the classes they teach. Many more use online videos and other applicable media elements to supplement class material. This blend of in-person lectures with targeted online content offers the best of both worlds.
</p>
<div class="headings1">
<h4>Communication Is Vastly Improved</h4>
</div>
<p>
Communication used to be limited to class time and planned study groups. Now, contacting your teacher with a question, connecting with classmates for a group discussion, and keeping up to date on classwork after an absence is a mere click away. Students can effortlessly communicate with their teachers and peers from anywhere, and vice versa!
</p>
<div class="headings1">
<h4>More Students Are Opting for Online Classes</h4>
</div>
<p>
Over one third of students are taking at least some of their classes online, with a total of 6.3 million students in the US taking at least one online class in 2016. The shift to online courses is continuing to grow and is expected to continue flourishing alongside advances in online learning.
</p>
<div class="headings1">
<h4>Acceptance of Online Learning Has Grown</h4>
</div>
<p>
For many years, online learning programs were looked down by educators and employers. The worries were not unfounded, but mainly stemmed from online programs lacking accreditation or association with a trusted university. Now, many esteemed colleges also offer distance learning programs and blended classes. Two thirds of educators now believe online courses can be equally valuable as those conducted in a traditional classroom setting.
</p>
<div class="headings1">
<h4>More Flexible Learning Options</h4>
</div>
<p>
Arguably the most popular change provided by online learning is flexibility. The rigid schedule of a traditional education used to limit who was able to complete a degree. Those who worked full-time or were raising a family alongside pursuing higher learning were hard-pressed to make it happen. Because of the Internet, students aren’t limited by tight schedules. Online learning offers a customizable experience that can’t be beat.
</p>
<div class="headings1">
<h4>Interactive Learning Improves Engagement</h4>
</div>
<p>
In previous decades, self-assessment was limited to homemade flashcards and study guides. Online learning platforms integrate valuable information with built-in assessments and interactive activities that help both students and teachers track progress.
</p>
<!--Add pictures in a boarder and with padding to make a photo pin board look-->
<div class="container2">
<img class="imgcolumn2" alt="" src="images/udemy.jpg">
<img class="imgcolumn1" alt="" src="images/blackboard.jpg">
</div>
<div class="whiteText">
<p>
\n
</p>
</div>
<!--Added Video-->
<div class="iframe-container">
<iframe width="1105" height="620" src="https://www.youtube.com/embed/MNdV0tva1XE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<!--Add more pictures-->
<div class="container2">
<img class="imgcolumn1" alt="" src="images/w3schools.jpg">
<img class="imgcolumn2" alt="" src="images/khan.jpg">
</div>
<!--Another blank line-->
<div class="whiteText">
<p>
\n
</p>
</div>
<!--Added drop down text for sources-->
<div class = "container collapseContainer">
<p>
<a class="btn linkButton" data-toggle="collapse" href="#collapseExample1" role="button" aria-expanded="false" aria-controls="collapseExample1">
Sources
</a>
</p>
<div class="collapse" id="collapseExample1">
<li><a href="https://getbootstrap.com/docs/4.5/getting-started/introduction/">https://getbootstrap.com/docs/4.5/getting-started/introduction/</a></li>
<li><a href="https://www.w3schools.com/html/default.asp">https://www.w3schools.com/html/default.asp</a></li>
<li><a href="https://www.w3schools.com/css/tryit.asp?filename=trycss3_border-radius">https://www.w3schools.com/css/tryit.asp?filename=trycss3_border-radius</a></li>
<li><a href="https://github.com/stevenaeola/proglabs_js/tree/master/formative_1">https://github.com/stevenaeola/proglabs_js/tree/master/formative_1</a></li>
<li><a href="https://www.bbvaopenmind.com/en/articles/the-internet-and-education/">https://www.bbvaopenmind.com/en/articles/the-internet-and-education/</a></li>
<li><a href="https://blog.gutenberg-technology.com/en/7-ways-the-internet-has-changed-learning">https://blog.gutenberg-technology.com/en/7-ways-the-internet-has-changed-learning</a></li>
<li><a href="https://medium.com/@braydenfox/how-the-internet-and-technology-have-improved-education-aa16863887e6">https://medium.com/@braydenfox/how-the-internet-and-technology-have-improved-education-aa16863887e6</a></li>
<li><a href="https://www.youtube.com/watch?v=MNdV0tva1XE&t=1s&ab_channel=Aperture">https://www.youtube.com/watch?v=MNdV0tva1XE&t=1s&ab_channel=Aperture</a></li>
</div>
</div>
</div>
</div>
<!--Sidebar for author details-->
<li>Author: Corey </li>
<li>Github: <a href = "https://github.com/EvanGit09">EvanGit09</a> </li>
<li>LinkedIn: <a href = "https://Linkedin.com/in/corey-birnie-408617173">Corey Birnie</a></li>
<li>Contact: 07720 835799 </li>
</div>
<!--Add auto playing video at the botom of the screen-->
</section>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<!--Once you add your text, footer can go at bottom of page!-->
<footer>
<div class="container">
<div class="row">
<div class="col-med-8">
<a class="footer-logo" href="">the internet</a>
<p>Webpage about the how the internet has made a positive social impact. Made with collaboration.</p>
</div>
<div class="col-med-8">
<div class="whiteText">
<h4>Useful links</h4>
</div>
<ul>
<li><a class="nav-link" href="index.html">Home</a></li>
<li><a class="nav-link" href="wiki.html">Wiki</a></li>
<li><a class="nav-link" href="entertainment.html">Entertainment</a></li>
<li><a class="nav-link" href="Educational.html">Education</a></li>
</ul>
</div>
</div>
<div class="w-100 text-center">
<p>Made by Corey in collabaration with Jack, Sam and Suzanne © 2020. All rights reserved</p>
</div>
</div>
</footer>
</body>
</html>