Quelltext der Datei: http://www.michaelster.ch/vorkurs/World-Wide-Web/Einfuehrung_Web.htm

Dateigrösse: 42.41 kb

[Anzeige ohne Zeilennummern]


  1 <html xmlns="http://www.w3.org">
  2 <head>
  3     <title>Einf&uuml;hrung ins Internet</title>
  4     
  5     <meta http-equiv=Content-Type content="text/html; charset=UTF-8">
  6     <META NAME="author" CONTENT="michaelster">
  7       <META NAME="viewport" CONTENT="width=device-width, initial-scale=1.0, maximum-scale=2.5, user-scalable=yes">
  8       <meta http-equiv="x-ua-compatible" content="ie=edge">
  9         
 10 <script type="text/javascript">
 11 function $(int) {
 12     return document.getElementById(int);
 13 }
 14 </script>
 15 
 16 <style>
 17  /* Font Definitions - WINDOWS-1252 */
 18  @font-face
 19     {font-family:Tahoma;
 20     panose-1:2 11 6 4 3 5 4 4 2 4;
 21     mso-font-charset:0;
 22     mso-generic-font-family:swiss;
 23     mso-font-pitch:variable;
 24     mso-font-signature:-520081665 -1073717157 41 0 66047 0;}
 25 @font-face
 26     {font-family:Times;
 27     panose-1:2 2 6 3 5 4 5 2 3 4;
 28     mso-font-charset:0;
 29     mso-generic-font-family:roman;
 30     mso-font-format:other;
 31     mso-font-pitch:variable;
 32     mso-font-signature:3 0 0 0 1 0;}
 33 @font-face
 34     {font-family:Verdana;
 35     panose-1:2 11 6 4 3 5 4 4 2 4;
 36     mso-font-charset:0;
 37     mso-generic-font-family:swiss;
 38     mso-font-pitch:variable;
 39     mso-font-signature:-1593833729 1073750107 16 0 415 0;}
 40     
 41  /* Style Definitions */
 42 html 
 43     {margin: 0; 
 44     padding: 0;}
 45 body 
 46     {margin: 2px 1px;
 47     padding: 0;}
 48  p.MsoNormal, li.MsoNormal, div.MsoNormal
 49     {mso-style-unhide:no;
 50     mso-style-qformat:yes;
 51     mso-style-parent:"";
 52     margin:0cm;
 53     margin-bottom:.0001pt;
 54     mso-pagination:widow-orphan;
 55     font-size:10.0pt;
 56     font-family:"Verdana","sans-serif";}
 57 h1
 58     {mso-style-priority:9;
 59     mso-style-unhide:no;
 60     mso-style-qformat:yes;
 61     mso-style-link:"Überschrift 1 Zchn";
 62     mso-margin-top-alt:auto;
 63     margin-right:0cm;
 64     mso-margin-bottom-alt:auto;
 65     margin-left:0cm;
 66     mso-pagination:widow-orphan;
 67     mso-outline-level:1;
 68     font-size: 18pt;
 69     font-family: verdana,sans-serif;
 70     font-weight: bold;
 71     color: navy !important;}
 72 h2
 73     {mso-style-priority:9;
 74     mso-style-unhide:no;
 75     mso-style-qformat:yes;
 76     mso-style-link:"Überschrift 2 Zchn";
 77     margin:0 0.5em 1.5em 0.5em;
 78     mso-pagination:widow-orphan;
 79     mso-outline-level:2;
 80     font-size: 16pt;
 81     font-family: verdana,sans-serif;
 82     font-weight: bold;
 83     letter-spacing: 2pt !important;
 84     color: navy !important;}
 85 h3
 86     {mso-style-priority:9;
 87     mso-style-unhide:no;
 88     mso-style-qformat:yes;
 89     mso-style-link:"Überschrift 3 Zchn";
 90     mso-margin-top-alt:auto;
 91     margin-right:0cm;
 92     mso-margin-bottom-alt:auto;
 93     margin-left:0cm;
 94     mso-pagination:widow-orphan;
 95     mso-outline-level:3;
 96     font-size:13.5pt;
 97     font-family:"Verdana","sans-serif";
 98     font-weight:bold;}
 99 h3.ls
100     {font-size: 133%; 
101     letter-spacing: 5px !important;}
102 a, a:link, span.MsoHyperlink
103     {mso-style-noshow:yes;
104     mso-style-priority:99;
105     padding:1pt 2pt;
106     color:blue;
107     text-decoration:underline;
108     text-underline:single;}
109 a.intern, a.intern:link
110     {mso-style-noshow:yes;
111     mso-style-priority:99;
112     color:blue;
113     text-decoration:underline;}
114 a.bsp, a.bsp:link
115     {mso-style-noshow:yes;
116     mso-style-priority:99;
117     padding:1pt 2pt 2pt 2pt;
118     color:green;
119     text-decoration:none;
120     border:1px solid white;
121     border-radius:5px;
122     box-shadow:2px 2px 2px white;}
123 a:hover
124     {color:#ffffff !important;
125     background:purple;
126     text-decoration:none;
127     text-underline:single;}
128 a.intern:hover
129     {color:navy !important;
130     background:white;
131     text-decoration:none;
132     text-underline:single;}
133 a.bsp:hover
134     {color:green !important;
135     background-color:#ffffff;
136     box-shadow:2px 2px 2px green;}
137 a:visited, span.MsoHyperlinkFollowed
138     {mso-style-noshow:yes;
139     mso-style-priority:99;
140     text-decoration:underline;
141     text-underline:single;}
142 a.picture:hover
143     {background-color:#ffffff;
144     box-shadow:2px 2px 4px gray;}
145 p
146     {mso-style-noshow:yes;
147     mso-style-priority:99;
148     mso-margin-top-alt:auto;
149     margin-right:0cm;
150     mso-margin-bottom-alt:auto;
151     margin-left:0cm;
152     mso-pagination:widow-orphan;
153     font-size:10.0pt;
154     font-family:"Verdana","sans-serif";
155     mso-fareast-font-family:"Times New Roman";
156     mso-bidi-font-family:"Times New Roman";}
157 p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
158     {mso-style-noshow:yes;
159     mso-style-priority:99;
160     mso-style-link:"Sprechblasentext Zchn";
161     margin:0cm;
162     margin-bottom:.0001pt;
163     mso-pagination:widow-orphan;
164     font-size:8.0pt;
165     font-family:"Tahoma","sans-serif";
166     mso-fareast-font-family:"Times New Roman";}
167 span.berschrift2Zchn
168     {mso-style-name:"Überschrift 2 Zchn";
169     mso-style-noshow:yes;
170     mso-style-priority:9;
171     mso-style-unhide:no;
172     mso-style-locked:yes;
173     mso-style-link:"Überschrift 2";
174     mso-ansi-font-size:13.0pt;
175     mso-bidi-font-size:13.0pt;
176     font-family:"Cambria","serif";
177     mso-ascii-font-family:Cambria;
178     mso-ascii-theme-font:major-latin;
179     mso-fareast-font-family:"Times New Roman";
180     mso-fareast-theme-font:major-fareast;
181     mso-hansi-font-family:Cambria;
182     mso-hansi-theme-font:major-latin;
183     mso-bidi-font-family:"Times New Roman";
184     mso-bidi-theme-font:major-bidi;
185     color:#4F81BD;
186     mso-themecolor:accent1;
187     font-weight:bold;}
188 span.berschrift3Zchn
189     {mso-style-name:"Überschrift 3 Zchn";
190     mso-style-noshow:yes;
191     mso-style-priority:9;
192     mso-style-unhide:no;
193     mso-style-locked:yes;
194     mso-style-link:"Überschrift 3";
195     mso-ansi-font-size:12.0pt;
196     mso-bidi-font-size:12.0pt;
197     font-family:"Cambria","serif";
198     mso-ascii-font-family:Cambria;
199     mso-ascii-theme-font:major-latin;
200     mso-fareast-font-family:"Times New Roman";
201     mso-fareast-theme-font:major-fareast;
202     mso-hansi-font-family:Cambria;
203     mso-hansi-theme-font:major-latin;
204     mso-bidi-font-family:"Times New Roman";
205     mso-bidi-theme-font:major-bidi;
206     color:#4F81BD;
207     mso-themecolor:accent1;
208     font-weight:bold;}
209 span.SprechblasentextZchn
210     {mso-style-name:"Sprechblasentext Zchn";
211     mso-style-noshow:yes;
212     mso-style-priority:99;
213     mso-style-unhide:no;
214     mso-style-locked:yes;
215     mso-style-link:Sprechblasentext;
216     mso-ansi-font-size:8.0pt;
217     mso-bidi-font-size:8.0pt;
218     font-family:"Tahoma","sans-serif";
219     mso-ascii-font-family:Tahoma;
220     mso-fareast-font-family:"Times New Roman";
221     mso-fareast-theme-font:minor-fareast;
222     mso-hansi-font-family:Tahoma;
223     mso-bidi-font-family:Tahoma;}
224 span.berschrift1Zchn
225     {mso-style-name:"Überschrift 1 Zchn";
226     mso-style-priority:9;
227     mso-style-unhide:no;
228     mso-style-locked:yes;
229     mso-style-link:"Überschrift 1";
230     mso-ansi-font-size:14.0pt;
231     mso-bidi-font-size:14.0pt;
232     font-family:"Cambria","serif";
233     mso-ascii-font-family:Cambria;
234     mso-ascii-theme-font:major-latin;
235     mso-fareast-font-family:"Times New Roman";
236     mso-fareast-theme-font:major-fareast;
237     mso-hansi-font-family:Cambria;
238     mso-hansi-theme-font:major-latin;
239     mso-bidi-font-family:"Times New Roman";
240     mso-bidi-theme-font:major-bidi;
241     color:#365F91;
242     mso-themecolor:accent1;
243     mso-themeshade:191;
244     font-weight:bold;}
245 span.GramE
246     {mso-style-name:"";
247     mso-gram-e:yes;}
248 .MsoChpDefault
249     {mso-style-type:export-only;
250     mso-default-props:yes;
251     font-size:10.0pt;
252     mso-ansi-font-size:10.0pt;
253     mso-bidi-font-size:10.0pt;
254     font-family:"Times","serif";
255     mso-ascii-font-family:Times;
256     mso-hansi-font-family:Times;}
257 @page WordSection1
258     {size:595.3pt 841.9pt;
259     margin:70.85pt 70.85pt 2.0cm 70.85pt;
260     padding:2em 4em;
261     mso-header-margin:35.4pt;
262     mso-footer-margin:35.4pt;
263     mso-paper-source:0;}
264 div.WordSection1 {
265     page:WordSection1;
266     line-height:22.5pt !important;
267     }
268 img.abc {
269         width: 228px; 
270         height: 200px;
271     }
272 
273 @media screen and (min-width : 780px) {
274     
275     body { 
276         margin:2px 2px;
277     } 
278     h1 { 
279         font-size: 25pt;
280     }
281     h2 {
282         font-size: 22pt;
283         margin:0 1.5em 1.5em 1.25em;
284     }
285     img.abc {
286         width: 284px; 
287         height: 250px;
288     }
289     
290 }
291 
292 </style>
293         
294 </head>
295 
296 <body link="navy" style="">
297 
298     <div style="position:relative; left:0; top:0;">
299         <img src="glasfaser-fhd.png" style="width: -webkit-fill-available; max-width:100%; max-height:fit-content;" />
300     </div>
301     
302 <div class="WordSection1" style=''>
303 
304 <div align='center' style='padding: 2pt 0; text-align:center;'>
305 <h1 style='font-variant:small-caps; text-transform: uppercase capitalize; letter-spacing: 3pt; margin-left: 10px;'><u>Einf&uuml;hrung ins Internet</u></h1>
306 
307 <div style='margin: 20pt 0 40pt 0;'>
308 <h2 style="font-variant:small-caps; text-transform: uppercase capitalize; letter-spacing: 2px; margin-left: 20px; display:none;"><u>&Uuml;bersicht</u></h2>
309 </div>
310 
311 <blockquote style='margin: 25pt 5pt 0 5pt; font-family:verdana,tahoma,sans-serif !important;'>
312 
313 <p class=MsoNormal style="letter-spacing: 2px !important;">
314 
315 <div style='margin:10pt 0; font-size:13.5pt; letter-spacing: 1pt !important;'><span style="font-size:15px; color:#3D3D7B;">&clubs;</span> <a class="intern" href="#Das_Internet"><b>Das Internet</b></a></div>
316 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Was ist das?</div>
317 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Die Anf&auml;nge</div>
318 <div style='margin:5pt 0 25pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Die weitere Entwicklung</div>
319 
320 <div style='margin:10pt 0; font-size:13.5pt; letter-spacing: 1pt !important;'><span style="font-size:15px; color:#3D3D7B;">&diams;</span> <a class="intern" href="#Verschiedene_Dienste"><b>Verschiedene Dienste im Internet</b></a></div>
321 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Grundbegriffe</div>
322 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Fazit</div>
323 <div style='margin:5pt 0 25pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Zugang zum World-Wide-Web</div>
324 
325 <div style='margin:10pt 0; font-size:13.5pt; letter-spacing: 1pt !important;'><span style="font-size:15px; color:#3D3D7B;">&spades;</span> <a class="intern" href="#Helpfull_Links"><b>N&uuml;tzliche Links</b></a></div>
326 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Lernvideos</div> 
327 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- FAQ - Hilfe - Sicherheit</div> 
328 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Software Download</div>
329 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Suchmaschinen</div> 
330 <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Technisches Internet</div> 
331 <div style='margin:5pt 0 25pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Stellen &amp; Jobs</div> 
332 
333 </p>
334 
335 </blockquote>
336 
337 </div>
338 
339 <br>
340 <br>
341 <br>
342     
343 <h2><a name="Das_Internet"></a><span style="color:#3D3D7B;">&clubs;</span> Das Internet <span style="color:#3D3D7B;">&clubs;</span></h2>
344 
345 <h3 class="ls" style='margin-left:32.0pt;'>Was ist das?</h3>
346 
347 <blockquote style='margin:5pt 0pt'>
348 
349 <p class=MsoNormal style='margin-left:32.0pt'>
350 <span style='font-size:13.5pt'>Die einfachste Vorstellung vom Internet ist, dass mehrere Computer dank einem einheitlichen Protokoll <i>(TCP/IP)</i> miteinander Verbindung aufnehmen und kommunizieren k&ouml;nnen. Das TCP/IP-Protokoll beinhaltet dabei die Regeln und Standards, welche die Computer f&uuml;r eine gemeinsame Kommunikation ben&ouml;tigen. Alle Computer m&uuml;ssen sozusagen die gleiche «Sprache» sprechen, um sich ansprechen und austauschen zu k&ouml;nnen.</span>
351 <br>
352 <br>
353 <span style='font-size:13.5pt'>Heute ist das Internet ein weltweites Telekommunikationsnetz, das aus vielen Teilnetzen besteht, welche von ganz unterschiedlichen Organisationen betrieben werden -  &ouml;ffentlichen, privaten, wirtschaftlichen, akademischen, milit&auml;rischen und auch kriminellen. Weil das Netz dezentral organisiert ist, untersteht es keiner zentralen Steuerung oder Kontrolle.</span>
354 </p>
355 
356 </blockquote>
357 
358 <br>
359 
360 <h3 class="ls" style='margin-left:32.0pt;'>Die Anf&auml;nge</h3>
361 
362 <blockquote style='margin:5pt 0pt'>
363 
364 <p class=MsoNormal style='margin-left:32.0pt'>
365 <span style='font-size:13.5pt'>Zu Beginn der 60-er Jahre hatte das amerikanische Milit&auml;r das Ziel, ein Computer-Netzwerk zu entwickeln, das einen Atomkrieg &uuml;berstehen k&ouml;nnte.</span>
366 </p>
367 
368 </blockquote>
369 
370 <br>
371 
372 <blockquote style='margin:12pt 25pt;'>
373 
374 <p class=MsoNormal style='margin-left:32.0pt'>
375   <span style='mso-no-proof:yes'>
376     <img class="abc" border=0 style="max-width: 115%;" src="abc_all.jpg" alt="" />
377   </span>
378 </p>
379 
380 </blockquote>
381 
382 <blockquote style='margin:5pt 0pt'>
383 
384 <p class=MsoNormal style='font-style:italic; margin-left:32.0pt'>Eine Information nimmt den direkten Weg von A nach B</p>
385 
386 </blockquote>
387 
388 <br>
389 
390 <blockquote style='margin:5pt 0pt'>
391 
392 <p class=MsoNormal style='margin-left:32.0pt'>
393 <span style='font-size:13.5pt'>Alle Knoten im Netz stehen durch direkte Verbindungen in Kontakt. Wird diese Leitung zerst&ouml;rt, ist die Kommunikation nicht mehr m&ouml;glich. Aus dieser Problemstellung entwickelten sich folgende Grundgedanken:</span> 
394 </p>
395 <i>
396 <ul style='margin-left:32.0pt'>
397 <li><span style='font-size:15pt'>es darf keine zentrale Steuereinheit geben</span></li>
398 <br>
399 <li><span style='font-size:15pt'>die Kommunikation sollte nicht mehr statisch über Leitungen, sondern dynamisch über Datenpakete erfolgen</span></li> 
400 <br>
401 <li><span style='font-size:15pt'>den versendeten Datenpaketen sollten daf&uuml;r m&ouml;glichst viele verschiedene Wege offen stehen</span></li>
402 <br>
403 <li><span style='font-size:15pt'>dazu braucht es im Netz viele gleichberechtigte Knoten</span></li>
404 </ul>
405 </i>
406 <br>
407 <p class=MsoNormal style='margin-left:32.0pt'>
408 <span style='font-size:13.5pt'>Ein Netz sollte aus vielen Knotenpunkten/Rechnern bestehen, die eine eindeutige Adresse <i>(IP-Adresse)</i> haben. Die zu verschickenden Informationen sollten als Pakete betrachtet werden, von denen nur der Absender und der Empf&auml;nger bekannt sind. Welchen Weg ein Paket nehmen wird, ist im Voraus weder bestimmt noch bekannt. Alle Pakete k&ouml;nnen denselben Weg nehmen, es kann aber auch sein, dass jedes Paket einen anderen Weg nimmt.</span>
409 </p>
410 
411 </blockquote>
412 
413 <blockquote style='margin:5pt 0pt'>
414 
415 <p class=MsoNormal style='margin-left:32.0pt'>&nbsp;</p>
416 
417 </blockquote>
418 
419 <blockquote style='margin:12pt 25pt;'>
420 
421 <p class=MsoNormal style='margin-left:32.0pt'>
422   <span style='mso-no-proof:yes'>
423     <img class="abc" border=0 style="max-width: 115%;" src="abc.jpg" alt="" />
424   </span>
425 </p>
426 
427 </blockquote>
428 
429 <blockquote style='margin:5pt 0pt'>
430 
431 <p class=MsoNormal style='font-style:italic; margin-left:32.0pt'>Die Information - in Datenpakete aufgeteilt - kann einen beliebigen Weg nehmen</p>
432 
433 </blockquote>
434 
435 <br>
436 
437 <blockquote style='margin:5pt 0pt'>
438 
439 <p class=MsoNormal style='margin-left:32.0pt'>
440 <span style='font-size:13.5pt'>Diese Idee entstand 1962 und wurde zwei Jahre sp&auml;ter in Zusammenarbeit mit vier Universit&auml;ten zum ersten Mal erfolgreich in der Praxis getestet. Dieses noch kleine Netz aus wenigen Rechnern taufte man 1964 auf den Namen ARPANET.</span>
441 </p>
442 
443 </blockquote>
444 
445 <br>
446 
447 <h3 class="ls" style='margin-left:32.0pt;'>Die weitere Entwicklung</h3>
448 
449 <table class=MsoNormalTable border=0 cellspacing=10 cellpadding=0 style='width:85%; margin-left:20pt; mso-yfti-tbllook:1184; mso-padding-alt:3.0pt 3.0pt 3.0pt 3.0pt; line-height:22.5pt !important;'>
450  <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
451   <td valign=top style='width:15%; padding:3pt'>
452   <blockquote style='margin: 5pt 0pt'>
453   <p class=MsoNormal><span style='font-size:13.5pt'>1969</span></p>
454   </blockquote>
455   </td>
456   <td valign=top style='width:85%; padding:3pt'>
457   <blockquote style='margin: 5pt 0pt'>
458   <p class=MsoNormal><span style='font-size:13.5pt'>Auf dem ARPANET laufen die ersten Dienste: Telnet, FTP, E-Mail und NewsGroups.</span></p>
459   </blockquote>
460   </td>
461  </tr>
462  <tr style='mso-yfti-irow:1'>
463   <td valign=top style='width:15%; padding:3pt'>
464   <blockquote style='margin: 5pt 0pt'>
465   <p class=MsoNormal><span style='font-size:13.5pt'>1973</span></p>
466   </blockquote>
467   </td>
468   <td valign=top style='width:85%; padding:3pt'>
469   <blockquote style='margin: 5pt 0pt'>
470   <p class=MsoNormal><span style='font-size:13.5pt'>ARPANET wird &ouml;ffentlich: viele Universit&auml;ten und wissenschaftliche Institute schliessen sich an.</span></p>
471   </blockquote>
472   </td>
473  </tr>
474  <tr style='mso-yfti-irow:2'>
475   <td valign=top style='width:15%; padding:3pt'>
476   <blockquote style='margin: 5pt 0pt'>
477   <p class=MsoNormal><span style='font-size:13.5pt'>1973 - 1977</span></p>
478   </blockquote>
479   </td>
480   <td valign=top style='width:85%; padding:3pt'>
481   <blockquote style='margin: 5pt 0pt'>
482   <p class=MsoNormal><span style='font-size:13.5pt'>Das heute noch g&uuml;ltige <a target="_blank" title="Beispiele zum Transmission Control Protocol / Internet Protokoll" href="https://wiki.selfhtml.org/wiki/TCP/IP-Protokoll">TCP/IP-Protokoll</a> wird entwickelt.</span></p>
483   </blockquote>
484   </td>
485  </tr>
486  <tr style='mso-yfti-irow:3'>
487   <td valign=top style='width:15%; padding:3pt'>
488   <blockquote style='margin: 5pt 0pt'>
489   <p class=MsoNormal><span style='font-size:13.5pt'>1980</span></p>
490   </blockquote>
491   </td>
492   <td valign=top style='width:85%; padding:3pt'>
493   <blockquote style='margin: 5pt 0pt'>
494   <p class=MsoNormal><span style='font-size:13.5pt'>TCP/IP wird zum Standard im ARPANET.</span></p>
495   </blockquote>
496   </td>
497  </tr>
498  <tr style='mso-yfti-irow:4'>
499   <td valign=top style='width:15%; padding:3pt'>
500   <blockquote style='margin: 5pt 0pt'>
501   <p class=MsoNormal><span style='font-size:13.5pt'>1990</span></p>
502   </blockquote>
503   </td>
504   <td valign=top style='width:85%; padding:3pt'>
505   <blockquote style='margin: 5pt 0pt'>
506   <p class=MsoNormal><span style='font-size:13.5pt'>Das ARPANET wird durch das Internet abgel&ouml;st.</span></p>
507   </blockquote>
508   </td>
509  </tr>
510  <tr style='mso-yfti-irow:5;mso-yfti-lastrow:yes'>
511   <td valign=top style='width:15%; padding:3pt'>
512   <blockquote style='margin: 5pt 0pt'>
513   <p class=MsoNormal><span style='font-size:13.5pt'>1991</span></p>
514   </blockquote>
515   </td>
516   <td valign=top style='width:85%; padding:3pt'>
517   <blockquote style='margin: 5pt 0pt'>
518   <p class=MsoNormal><span style='font-size:13.5pt'><a target="_blank" title="Wie Tim Berners-Lee das Web erfand" href="./tim_berners-lee.pdf">Tim Berners-Lee</a>, ein britischer Physiker und Informatiker, entwickelt die Computer-Sprache <a class="intern" href="#html">HTML</a> f&uuml;r Webseiten und gilt als Erfinder des World Wide Web. HTML ist bis heute der Standard-Code f&uuml;r Webseiten, mittlerweile in Version HTML<span style="font-size:4px; color:#fff;">|</span>5.<p style="margin:3pt;"></p><span style="line-height:15pt !important; font:12px arial,sans-serif;">&bull; HTML-Ansicht von Webseiten anzeigen: mit der rechten Maustaste in die Webseite klicken und im Kontextmen&uuml; "Seitenquelltext anzeigen" w&auml;hlen (<span style="display:inline;">oder mit der Tastenkombination Ctrl<span style='font-size:5pt'>&nbsp;</span>+<span style='font-size:5pt'>&nbsp;</span>U</span>).</span>
519   </p>
520   </blockquote>
521   </td>
522  </tr>
523  <tr style='mso-yfti-irow:6'>
524   <td valign=top style='width:15%; padding:3pt'>
525   <blockquote style='margin: 5pt 0pt'>
526   <p class=MsoNormal><span style='font-size:13.5pt'>1992</span></p>
527   </blockquote>
528   </td>
529   <td valign=top style='width:85%; padding:3pt'>
530   <blockquote style='margin: 5pt 0pt'>
531   <p class=MsoNormal><span style='font-size:13.5pt'>Das World Wide Web - Kurzform <a class="intern" href="#www">WWW</a> - wird 1992 am CERN in Genf eingef&uuml;hrt. Mit sogenannten "Browsern" lassen sich Informationen zum ersten Mal grafisch ansprechend darstellen. Der «Netscape Navigator» - Vorl&auml;ufer des heutigen «Firefox» - wird zum weltweit erfolgreichen Browser. Millionen von Usern machen damit ihre ersten Schritte im World Wide Web.</span>
532   </p>
533   </blockquote>
534   </td>
535  </tr>
536  <tr style='mso-yfti-irow:7;mso-yfti-lastrow:yes'>
537   <td valign=top style='width:15%; padding:3pt'>
538   <blockquote style='margin: 5pt 0pt'>
539   <p class=MsoNormal><span style='font-size:13.5pt'>seit 1992</span></p>
540   </blockquote>
541   </td>
542   <td valign=top style='width:85%; padding:3pt'>
543   <blockquote style='margin: 5pt 0pt'>
544   <p class=MsoNormal><span style='font-size:13.5pt'>Das World Wide Web verzeichnet in allen Bereichen ein exponentielles Wachstum. Immer mehr Aktivit&auml;ten und Dienstleistungen werden ins Internet verlagert, ein Ende ist nicht in Sicht. Mit dem «Internet der Dinge» und dem Standard 5G f&uuml;r mobile Ger&auml;te sollen in Zukunft nicht nur Computer, sondern alle Dinge des täglichen Lebens mit einer IP-Adresse ausgestattet werden und noch schneller miteinander kommunizieren: Autos, Fussg&auml;nger, Handys, Kleider, der K&uuml;hlschrank, die Heizung usw. Der Fantasie sind keine Grenzen gesetzt - im Guten wie im Schlechten.</span>
545   </p>
546   </blockquote>
547   </td>
548  </tr>
549 </table>
550 
551 <blockquote style='margin: 5pt 0pt'>
552 
553 <p class=MsoNormal style='margin-left:32.0pt'>&nbsp;</p>
554 
555 </blockquote>
556 <br>
557 
558 <h2><a name="Verschiedene_Dienste"></a><span style="color:#3D3D7B;">&diams;</span> Verschiedene Dienste im Internet <span style="color:#3D3D7B;">&diams;</span></h2>
559 
560 <blockquote style='margin:5pt 0pt'>
561 
562 <p>
563 <span style="font-size:13.5pt; margin-left:32pt;">Die bekanntesten Online-Dienste, die von Anfang an zur Verf&uuml;gung standen, sind:</span>
564 </p>
565 
566 </blockquote>
567 
568 <blockquote style='margin-top:25pt; margin-left:32pt;'>
569 
570 <h3><span style='font-size:11pt;'>&bull;</span> E-Mail</h3>
571 
572 </blockquote>
573 
574 <blockquote style='margin:5pt 0pt'>
575 
576 <p class=MsoNormal style='margin-left:32.0pt'>
577 <span style='font-size:13.5pt'>Die elektronische Post dient dem Austausch von textbasierten Nachrichten, es k&ouml;nnen als Anhang &nbsp;<img src="../img/paperclip.gif" width=18 height=18 alt="attachment" />&nbsp; aber auch Fotos, Video-/Musikdateien, Dokumente, PDF usw. mitgesendet werden. Empf&auml;nger und Absender sind durch ihre jeweilige E-Mail-Adresse eindeutig definiert. Das Zeichen "@" steht zwischen dem Absender-/ Empf&auml;ngername und dem Mailserver, &uuml;ber welchen die Mail gesendet oder empfangen wird.</span>
578 </p>
579 
580 </blockquote>
581 
582 <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>
583 
584 <h3><span style='font-size:11pt;'>&bull;</span> NewsGroups</h3>
585 
586 </blockquote>
587 
588 <blockquote style='margin:5pt 0pt'>
589 
590 <p class=MsoNormal style='margin-left:32.0pt'>
591 <span style='font-size:13.5pt'>NewsGroups funktionieren so, dass es weltweit virtuelle &quot;Sammelt&ouml;pfe&quot; gibt, in die jeder Internet-User eine eigene Mail ablegen und auch jede beliebige Mail lesen kann. So k&ouml;nnen Diskussionen von Kontinent zu Kontinent stattfinden, ohne dass sich die Teilnehmer jemals sehen. NewsGroups sind nach Listen zu verschiedenen Themen gegliedert. Heute spielen NewsGroups keine so wichtige Rolle mehr. Sie wurden inzwischen von Facebook, WhatsApp, Twitter u.a. abgel&ouml;st.</span> 
592 </p>
593 
594 </blockquote>
595 
596 <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>
597 
598 <h3><span style='font-size:11pt;'>&bull;</span> FTP</h3>
599 
600 </blockquote>
601 
602 <blockquote style='margin:5pt 0pt'>
603 
604 <p class=MsoNormal style='margin-left:32.0pt'>
605 <span style='font-size:13.5pt'>FTP steht f&uuml;r «File-Transfer-Protocol» und dient dazu, Dateien zwischen zwei Rechnern austauschen zu k&ouml;nnen. Dieser Dienst wird oft zum Hochladen (Upload) von Dateien auf Webserver gebraucht.</span>
606 </p>
607 
608 </blockquote>
609 
610 <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>
611 
612 <h3><span style='font-size:11pt;'>&bull;</span> Telnet</h3>
613 
614 </blockquote>
615 
616 <blockquote style='margin:5pt 0pt'>
617 
618 <p class=MsoNormal style='margin-left:32.0pt'>
619 <span style='font-size:13.5pt'>Dieser Dienst erm&ouml;glicht es, sich unabh&auml;ngig vom Betriebssystem auf anderen Rechnern anzumelden und darauf Zugriff zu haben, d.h. man kann auf entfernten Rechnern so arbeiten, als w&uuml;rde man direkt davor sitzen. </span>
620 </p>
621 
622 </blockquote>
623 
624 <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>
625 
626 <h3><span style='font-size:11pt;'>&bull;</span><a name="www"></a>www</h3>
627 
628 </blockquote>
629 
630 <blockquote style='margin:5pt 0pt'>
631 
632 <p class=MsoNormal style='margin-left:32.0pt'>
633 <span style='font-size:13.5pt'>WWW steht f&uuml;r «World Wide Web» und nutzte das Internet erstmals, um Text und Grafik auf eine optisch ansprechende Art und Weise zu verbinden. Das WWW hat dem Internet vor 30 Jahren zum Durchbruch verholfen. Es wurde zum popul&auml;rsten und erfolgreichsten Dienst im Internet, weil es grafisch und visuell &uuml;berzeugend ist - nicht nur gr&uuml;ner Text auf schwarzem Hintergrund wie in den Anfangstagen des Internet.</span>
634 <br>
635 
636 </blockquote>
637 
638 
639 <blockquote style='margin:40pt 0 5pt 0; margin-left:32.0pt;'>
640 
641 <h3 class="ls" style='margin-left:0pt;'><a name="Grundbegriffe"></a>Grundbegriffe</h3>
642 
643 </blockquote>
644 
645 <blockquote style='margin:5pt 0pt'>
646 
647 <p style='margin-left:32.0pt'>
648 <span style='font-size:13.5pt'>
649 &bull; <b>TCP</b> (Transmission-Control-Protocol) und 
650 <br>
651 &bull; <b>IP</b> (Internet-Protocol) sind f&uuml;r den Transport und die (Wieder-)Zusammensetzung der Datenpakete n&ouml;tig.
652 </span>
653 </p>
654 
655 </blockquote>
656 
657 <blockquote style='margin:10pt 0pt'>
658 
659 <p style='margin-left:32.0pt'>
660 <span style='font-size:13.5pt'>
661 &bull; <b>Hypertext</b> bedeutet die Verkn&uuml;pfung von Dokumenten durch sogenannte «Links» (Englisch f&uuml;r "Verbindung, Verkn&uuml;pfung"). Links k&ouml;nnen von einzelnen W&ouml;rtern oder ganzen S&auml;tzen ausgehen, aber auch von einer Grafik oder sog. «Buttons», farbigen Feldern. Vom Browser werden Links standardm&auml;ssig <span style="color:#0000D2;">blau</span> und <span style="color:#0000D2;"><u>unterstrichen</u></span> dargestellt - allerdings l&auml;sst sich das leicht im HTML-Code  &auml;ndern: nicht jedes unterstrichene blaue Wort ist immer auch ein Link. Umgekehrt muss nicht jeder Link blau unterstrichen sein. Einen Link erkennt man vor allem daran, dass beim Dr&uuml;berfahren mit der Maus der Cursor sein Aussehen in eine Hand <img src="../img/icon_hand.jpg" style="margin-bottom: -5px;" /> mit gestrecktem Zeigefinger &auml;ndert &rarr; <a href="#Grundbegriffe" class="intern bsp" title="Dieser Link ist ein Fake-Link und führt nicht auf eine andere Webseite" style="cursor:pointer;">Beispiel-Link</a> 
662 </span>
663 </p>
664 
665 </blockquote>
666 
667 <blockquote style='margin:10pt 0pt'>
668 
669 <p class=MsoNormal style='margin-left:32.0pt'>
670 <span style='font-size:13.5pt'>
671 &bull; <a name="html"></a><b>HTML</b> steht f&uuml;r «Hyper-Text-Markup-Language» und ist der Standard f&uuml;r Webseiten. HTML erm&ouml;glicht es, Dokumente mit verschiedenen Inhalten (Text, Grafik, Multimedia) zu schreiben, die von allen Browsern weltweit "verstanden" werden. Eine HTML-Datei erkennt man an der Endung *.html oder *.htm &rarr; Mehr zum Thema HTML im Artikel &uuml;ber <a target="_blank" title="Wie Tim Berners-Lee das Web erfand" href="./tim_berners-lee.pdf">Tim Berners-Lee</a>.
672 </span>
673 </p>
674 
675 </blockquote>
676 
677 <blockquote style='margin:10pt 0pt'>
678 
679 <p class=MsoNormal style='margin-left:32.0pt'>
680 <span style='font-size:13.5pt'>
681 &bull; <b>Browser</b> ist eine App, welche HTML "versteht" und die in HTML geschriebenen Dokumente entsprechend darstellen kann. Die aktuell beliebtesten Browser sind Chrome, Firefox, Edge und Safari.
682 </span>
683 </p>
684 
685 </blockquote>
686 
687 <blockquote style='margin:10pt 0pt'>
688 
689 <p class=MsoNormal style='margin-left:32.0pt'>
690 <span style='font-size:13.5pt'>
691 &bull; <b>Webserver</b> ist ein PC/Rechner, auf dem alle Inhalte des Internet - Dokumente, Bilder, Dateien, Datenbanken usw. - abgelegt und gespeichert sind. Jeder Webserver ist indiziert und in einem weltweiten Index gelistet. So kann er von überall her aufgerufen werden. Webserver bekommt man eher selten zu sehen, weil sie meistens von grossen Tech-Firmen betrieben werden und in speziell gesicherten, klimatisierten R&auml;umen stehen. Wer möchte, kann aber auch zuhause auf einem alten PC seinen eigenen Webserver betreiben. Unter dem Begriff «NAS» findet man seit einigen Jahren auch in jedem Elektronik-Shop bereits vorkonfigurierte Ger&auml;te zu diesem Zweck.  
692 </span>
693 </p>
694 
695 </blockquote>
696 
697 <blockquote style='margin:10pt 0pt'>
698 
699 <p class=MsoNormal style='margin-left:32.0pt'>
700 <span style='font-size:13.5pt'>
701 &bull; <b>HTTP</b>(<b>S</b>) steht f&uuml;r «Hyper-Text-Transport-Protocol<span style="color:#fff;font:4pt arial;">i</span>(-Secure)» und definiert, wie ein Browser und ein Webserver miteinander kommunizieren. Das angeh&auml;ngte «s» bedeutet, dass die Verbindung verschl&uuml;sselt und sicher ist. &rarr; Weitere Infos im Artikel <a title="Sicherheit beim Surfen: Unterschiede zwischen HTTP und HTTPS" target="_blank" href="sicherheit_beim_surfen.pdf">Sicherheit beim Surfen</a> aus dem «PC Tipp».
702 </span>
703 </p>
704 
705 </blockquote>
706 
707 <blockquote style='margin:10pt 0pt'>
708 
709 <p class=MsoNormal style='margin-left:32.0pt'>
710 <span style='font-size:13.5pt'>
711 &bull; <b>DNS</b> steht f&uuml;r «Domain-Name-System» und ordnet den Namen von Rechnern im Internet eine einmalige IP-Adresse zu. Der Webserver (<i>Host</i>) von Postfinance hat z.B. die IP-Adresse <a title="Zur Webseite mit der IP 194.41.166.40" target="_blank" href="https://www.postfinance.ch/domain-mistype?domain=194.41.166.40">194.41.166.40</a>, welche dem Domain-Name <a title="zur Webseite von SBB" target="_blank" href="https://www.postfinance.ch/">postfinance.ch</a> zugeordnet ist. Dadurch k&ouml;nnen «sprechende» Namen f&uuml;r IP-Adressen verwendet werden. Die IP-Adresse von einem Domain-Namen (und umgekehrt) l&auml;sst sich unter <a title="IP-Adresse einer Domain mit «ping» ermitteln" target="_blank" href="http://www.ping.comlex.de/">IP-Adressen</a> ermitteln. Die IP-Adresse von deinem eigenen Rechner zeigt dir <a title="IP-Adresse meines PC anzeigen" target="_blank" href="https://www.whatismyip.net/">whatismyip.net</a> an.
712 </span>
713 </p>
714 
715 </blockquote>
716 
717 <blockquote style='margin:10pt 0pt'>
718 
719 <p class=MsoNormal style='margin-left:32.0pt'>
720 <span style='font-size:13.5pt'>
721 &bull; <b>TLD</b> steht f&uuml;r «Top Level Domain» und bezeichnet die Endungen von Internet-Adressen, z.B. «*.ch», «*.com», «*.swiss» etc. Die Liste mit den Top Level Domains hat l&auml;nderspezifische Domains (z.B. «*.it» f&uuml;r Italien), generische Domains (z.B. «*.jobs» f&uuml;r Webseiten mit Stellenangeboten) und die seit 2013 neu eingef&uuml;hrten Domains (z.B. «*.alibaba» f&uuml;r den Online-H&auml;ndler Alibaba).
722 </span>
723 </p>
724 
725 </blockquote>
726 
727 <blockquote style='margin:10pt 0pt'>
728 
729 <p class=MsoNormal style='margin-left:32.0pt'>
730 <span style='font-size:13.5pt'>
731 &bull; <b>URL</b> steht f&uuml;r «Uniform-Resource-Locator» und bezeichnet eine normierte, eindeutige Adresse - kurz gesagt: die Webadresse - z.B. «https://www.gymkirchenfeld.ch/aktuell/theater.html». Das K&uuml;rzel vor dem Doppelpunkt "https" verweist auf das verwendete Protokoll (<i>TCP/IP</i>), das "www" bezeichnet den Webserver (<i>Host</i>), "gymkirchenfeld.ch" ist der &raquo;sprechende&laquo; Name (<i>Domain-Name</i>) und "theater.html" ist der Dateiname der aufgerufenen HTML-Datei, die im Ordner "aktuell" auf dem Server gespeichert ist.
732 </span>
733     <!-- https://informatik.mygymer.ch/base/?page=config/books/&book=none&course=none -->
734 </p>
735     <span style="text-align:center; display:block; margin:10pt 5pt 10pt 32pt; padding:10pt 0;">
736         <img src="url_.png" width="850" height="320" />
737     </span>
738 </blockquote>
739     
740     <br>
741     
742 <blockquote style="margin:10pt 0pt">
743 
744 <p class=MsoNormal style="margin-left:32pt; margin-bottom:10px;">
745 
746 <span style="font-size:13.5pt;">
747 &bull; <span onclick="var b,v; v=$('myurl').style.visibility; b=v=='hidden'?'visible':'hidden'; $('myurl').style.visibility=b;"><b>Aufgabe:</b></span> Suche in der Adresszeile oben die URL von dieser Webseite. Wie ist sie zusammengesetzt? Welche Angaben findest du zu: <em>Protokoll - Server - Domainname - TLD - Ordner - Dateiname</em> ?
748 </span>
749     </p>
750     
751     <div id="" style="text-align:center; margin-left:32pt; padding:0;">
752         <img src="url_michaelster_grafikA.png" width="960" height="50" />
753     </div>
754     <div id="myurl" style="text-align:center; visibility:hidden; margin-left:32pt; padding:0;">
755         <img src="url_michaelster_grafikB.png" width="960" height="80" />
756     </div>
757     <p class="MsoNormal" style="margin-left:32pt; margin-top: -5em; font-size:13.5pt;">
758         &bull; <span title=""  onmouseover="var b,v; v=$('myurl').style.visibility; b=v=='hidden'?'visible':'hidden'; $('myurl').style.visibility=b;" onmouseout="var b,v; v=$('myurl').style.visibility; b=v=='hidden'?'visible':'hidden'; $('myurl').style.visibility=v;"><b>L&ouml;sung:</b></span>
759     </p>
760     <br><br>
761     <br><br><br><br>
762     
763 </blockquote>
764 
765 
766 <blockquote style='margin: -40pt 0 5pt 0; margin-left:32.0pt;'>
767 
768 <h3 class="ls" style='margin-left:0pt;'>Fazit</h3>
769 
770 </blockquote>
771     
772 <blockquote style='margin:5pt 0pt;'>
773 
774 <p class=MsoNormal style='margin-left:32.0pt'>
775 <span style='font-size:13.5pt'>Heute gibt es im Internet zu praktisch jedem Themenbereich Angebote. Man kann nicht nur Informationen abrufen, sondern auch ganz allt&auml;gliche Dinge erledigen: Zahlungen via Internet-Banking in Auftrag geben, Zugverbindungen suchen und Billette bestellen, Hotels und Versicherungen vergleichen, sich vom E-Doctor untersuchen lassen und den Arzttermin gleich anschliessend reservieren. Daneben gibt es noch all die Online-Shops, die rund um die Uhr zum Einkaufen einladen. Mittlerweile ist die F&uuml;lle von Angeboten und die Datenflut zu einem echten Problem geworden. Die Herausforderung besteht nun darin, die n&uuml;tzlichen Informationen herauszufiltern und Wichtiges von &Uuml;berfl&uuml;ssigem zu trennen.
776 </span>
777 </p>
778 
779 </blockquote>
780 
781 <blockquote style='margin:5pt 0pt'>
782 
783 <p class=MsoNormal style='margin-left:32.0pt'>
784 <span style='font-size:13.5pt'>Wie bereits erw&auml;hnt, untersteht das Internet keiner zentralen Kontrolle. Eine eigentliche Zensur gibt es nicht, obwohl der gesamte Datenverkehr &uuml;berwacht und gespeichert wird. Jeder kann anonym oder mit einem Scherz-Namen ver&ouml;ffentlichen, was er will. Wie weit man einer Information im Web trauen kann bzw. will, ist eine offene Frage, die jeder f&uuml;r sich beantworten muss. Ein Fakten-Check bei anderen Quellen kann nie schaden.</span>
785 </p>
786 
787 </blockquote>
788 
789 <blockquote style='margin:5pt 0pt'>
790 
791 <p class=MsoNormal style='margin-left:32.0pt'>
792 <span style='font-size:13.5pt'>Weiter sollte man beachten, dass viele Webseiten nur deshalb kostenlos angeboten werden k&ouml;nnen, weil sie werbefinanziert sind. Das hat dazu gef&uuml;hrt, dass man bei einigen Seiten Inhalt und Werbung kaum noch auseinander halten kann - andere Seiten sind mit st&ouml;renden Werbevideos &uuml;berladen. In diesem Fall lohnt sich der Einsatz eines Werbeblockers wie z.B. "uBlock", "AdBlock" oder "Privacy Badger". Diese k&ouml;nnen bei allen Browsern als Erweiterung, sog. "Add-ons", ohne grossen Aufwand zus&auml;tzlich installiert werden.
793 </span>
794 </p>
795 
796 </blockquote>
797 
798 <blockquote style='margin:5pt 0pt'>
799 
800 <p class=MsoNormal style='margin-left:32.0pt'>
801 <span style='font-size:13.5pt'>Ebenso werden die Daten &uuml;ber unser Surfverhalten mit sog. "Cookies" und "Trackern" gesammelt und ausgewertet. Mit der Datenschutzrichtlinie DSGVO verpflichtete die EU 2018 alle Anbieter von kommerziellen Webseiten, ihre Benutzer &uuml;ber die Verwendung von Cookies zu informieren und ihr Einverst&auml;ndnis einzuholen <i>("Ich stimme zu")</i>. &rarr; Mehr zu diesem Thema in der Online-Enzyklop&auml;die «Wikipedia» unter <a target="_blank" href="https://de.wikipedia.org/wiki/Google_Analytics">Google Analytics</a>. 
802 </span>
803 </p>
804 
805 </blockquote>
806 
807 
808 <blockquote style='margin:6rem 0 2rem 32pt; padding:2rem; border: 2px solid silver; border-radius: 1rem; box-shadow: 1px 2px 15px #000;'>
809 
810 <h3 class="ls" style='margin:0 0 2rem 0;'>Zugang zum World-Wide-Web</h3>
811 
812 <p>
813 <span style='font-size:14pt'><strong>Um ins Internet zu kommen, braucht man Folgendes:</strong></span> 
814 </p>
815 
816 <div style='margin:20pt 0 5pt 0pt;'>
817 
818 <p class=MsoNormal style='margin-left:2.0pt;'>
819 <i>
820 <span style='font-size:13.5pt'>- ein Ger&auml;t mit Netzwerkkarte (LAN, WLAN, WiFi)</span> 
821 <br><br>
822 <span style='font-size:13.5pt'>- eine Browser-App (z.B. Safari, Chrome, Edge, usw.)</span> 
823 <br><br>
824 <span style='font-size:13.5pt'>- ein Modem/Router, eine SIM-Card oder Pers&ouml;nlicher Hotspot f&uuml;r den Anschluss ans lokale Mobilfunk-/Kabelnetz</span> 
825 <br><br>
826 <span style='font-size:13.5pt'>- einen Provider (z.B. Bluewin, Sunrise UPC, 1&amp;1, usw.) f&uuml;r den Anschluss ans World-Wide-Web </span> 
827 </i>
828 
829 </p>
830 
831 </div>
832 </blockquote>
833 
834 <blockquote style='margin:3rem 0;'>
835     
836 <p class=MsoNormal style='margin-left:32pt; padding:5pt 0pt;'>&nbsp;</p>
837 
838 </blockquote>
839 <br>
840 
841 <h2><a name="Helpfull_Links"></a><span style="color:#3D3D7B;">&spades;</span> N&uuml;tzliche Links <span style="color:#3D3D7B;">&spades;</span></h2>
842 
843 <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Lernvideos (5 min.)</h3>
844 
845 <blockquote style='margin:5pt 0pt;'>
846 
847 <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'>
848 <a class="intern" target="_blank" href="https://www.youtube.com/watch?v=e9FJPnFQWi8">Wie funktioniert das Internet?</a> 
849 <br style='margin:10pt 0pt;'>    
850 <a class="intern" target="_blank" href="https://www.youtube.com/watch?v=Rr-uWTO_HAw">Wie funktioniert eine Suchmaschine?</a> 
851 <br style='margin:10pt 0pt;'>    
852 <a class="intern" target="_blank" href="https://www.srf.ch/play/tv/srf-school/video/frag-fred-was-sind-cookies-38?urn=urn:srf:video:75a5ab44-6717-4146-a9f5-b76d45fc6f1f">Was sind Cookies?</a> 
853 <br style='margin:10pt 0pt;'>    
854 <a class="intern" target="_blank" href="https://www.srf.ch/play/tv/srf-school/video/frag-fred-was-ist-die-cloud-78?urn=urn:srf:video:70f7e071-c985-426b-b215-42eb77da2814">Was ist die Cloud?</a> 
855 <p>    
856     
857 </blockquote>  
858 <br>
859     
860 
861 <h3 style='margin-left:32pt; margin-bottom: 0pt;'>FAQ - Hilfe - Sicherheit</h3> 
862 
863 <blockquote style='margin:5pt 0pt;'>
864 
865 <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'>
866 <a class="intern" target="_blank" href="https://www.heise.de/tipps-tricks/">heise - Tipps &amp; Tricks </a>
867 <br style='margin:10pt 0pt;'>
868 <a class="intern" target="_blank" href="https://www.iway.ch/ueber-iway/blog/">iWay - Blog</a>
869 <br style='margin:10pt 0pt;'>
870 <a class="intern" target="_blank" href="https://www.heise.de/tipps-tricks/sicherheit/">heise - Sicherheit</a>
871 <br style='margin:10pt 0pt;'>
872 <a class="intern" target="_blank" href="https://www.kaspersky.de/resource-center/preemptive-safety/top-10-internet-safety-rules-and-what-not-to-do-online">kaspersky - Top 10 Regeln</a>
873 <br style='margin:10pt 0pt;'>
874 <a class="intern" target="_blank" href="https://www.datenschutz.ch/meine-daten-schuetzen/">Meine Daten sch&uuml;tzen</a>
875 </p>
876 
877 </blockquote>
878 <br>
879 
880     
881 <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Software Download</h3>
882 
883 <blockquote style='margin:5pt 0pt;'>
884 
885 <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'>
886 <a class="intern" target="_blank" href="https://download.cnet.com/windows/">c|net</a> 
887 <br style='margin:10pt 0pt;'>
888 <a class="intern" target="_blank" href="https://www.heise.de/download/">heise</a>
889 <br style='margin:10pt 0pt;'>
890 <a class="intern" target="_blank" href="https://sourceforge.net/">sourceforge</a>
891 </p>
892 
893 </blockquote>
894 <br>
895     
896 
897 <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Suchmaschinen</h3>
898 
899 <blockquote style='margin:5pt 0pt; padding:0;'>
900 
901 <p class=MsoNormal style='margin:0; margin-left:32pt; font-size:12pt; padding:0;'>
902 <a class="intern" target="_blank" href="https://www.google.com/">Google</a> 
903 <br style='margin:10pt 0pt;'>
904 <a class="intern" target="_blank" href="https://duckduckgo.com/">DuckDuckGo</a> 
905 <br style='margin:10pt 0pt;'>
906 <a class="intern" target="_blank" href="https://www.ecosia.org/">Ecosia</a> 
907 <br style='margin:10pt 0pt;'>
908 <a class="intern" target="_blank" href="https://bing.com/">Bing</a> 
909 <br style='margin:10pt 0pt;'>
910 <a class="intern" target="_blank" href="https://www.search.ch/">Swiss Search</a> 
911 <br style='margin:10pt 0pt;'>
912 <a class="intern" target="_blank" href="https://www.local.ch/de/yellow">Gelbe Seiten</a> 
913 </p>
914 
915 </blockquote>
916 <br>
917     
918     
919 <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Technisches Internet</h3>
920 
921 <blockquote style='margin:5pt 0pt;'>
922 
923 <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'>
924 <a class="intern" target="_blank" href="https://www.w3c.de/">W3C-Konsortium</a> 
925 <br style='margin:10pt 0pt;'>
926 <a class="intern" target="_blank" href="https://www.suchhelden.ch/lexikon/world-wide-web.php">Lexikon WWW</a> 
927 <br style='margin:10pt 0pt;'>
928 <a class="intern" target="_blank" href="https://www.providerliste.ch/">Providerliste Schweiz</a>
929 </p>
930 
931 </blockquote>  
932 <br>
933 
934     
935 <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Stellen &amp; Jobs</h3>
936 
937 <blockquote style='margin:5pt 0pt;'>
938 
939 <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'>
940 <a class="intern" target="_blank" href="https://job-room.ch/">Job-Room</a> 
941 <br style='margin:10pt 0pt;'>
942 <a class="intern" target="_blank" href="https://www.publicjobs.ch/">&Ouml;ffentliche Stellen</a> 
943 <br style='margin:10pt 0pt;'>
944 <a class="intern" target="_blank" href="https://jobwinner.ch/de/">Stellenanzeiger</a> 
945 <br style='margin:10pt 0pt;'>
946 <a class="intern" target="_blank" href="https://www.jobs.ch/de/">Stellenmarkt Schweiz</a> 
947 <br style='margin:10pt 0pt;'>
948 <a class="intern" target="_blank" href="https://www.indeed.ch/">Stellenportal Indeed</a> 
949 <br style='margin:10pt 0pt;'>
950 <a class="intern" target="_blank" href="https://michaelster.ch/lernen/index.php?nid=one">Stellenportale &Uuml;bersicht</a> 
951 </p>
952 
953 </blockquote>
954 
955 <br>    
956 
957 </div>
958 
959 
960     <div style="text-align: right; padding: 0 6px 12px 0; font-size: 9pt; font-family: roboto,verdana,arial,sans-serif; letter-spacing: 1px;">&diams; aktualisiert am 02-07-2023 | &copy; mst &diams;</div>
961 
962     <div style="position:relative; left:0; bottom:0;">
963         <img src="glasfaser-business.png" style="width: -moz-available; width: -webkit-fill-available; max-width: 100%; max-height:fit-content;" />
964     </div>
965 
966     
967     
968 </body>
969 </html>
970