Dateigrösse: 42.41 kb
1<html xmlns="http://www.w3.org"> <head> <title>Einführung ins Internet</title> <meta http-equiv=Content-Type content="text/html; charset=UTF-8"> <META NAME="author" CONTENT="michaelster"> <META NAME="viewport" CONTENT="width=device-width, initial-scale=1.0, maximum-scale=2.5, user-scalable=yes"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <script type="text/javascript"> function $(int) { return document.getElementById(int); } </script> <style> /* Font Definitions - WINDOWS-1252 */ @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-520081665 -1073717157 41 0 66047 0;} @font-face {font-family:Times; panose-1:2 2 6 3 5 4 5 2 3 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} @font-face {font-family:Verdana; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-1593833729 1073750107 16 0 415 0;} /* Style Definitions */ html {margin: 0; padding: 0;} body {margin: 2px 1px; padding: 0;} p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Verdana","sans-serif";} h1 {mso-style-priority:9; mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"Überschrift 1 Zchn"; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; mso-outline-level:1; font-size: 18pt; font-family: verdana,sans-serif; font-weight: bold; color: navy !important;} h2 {mso-style-priority:9; mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"Überschrift 2 Zchn"; margin:0 0.5em 1.5em 0.5em; mso-pagination:widow-orphan; mso-outline-level:2; font-size: 16pt; font-family: verdana,sans-serif; font-weight: bold; letter-spacing: 2pt !important; color: navy !important;} h3 {mso-style-priority:9; mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"Überschrift 3 Zchn"; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; mso-outline-level:3; font-size:13.5pt; font-family:"Verdana","sans-serif"; font-weight:bold;} h3.ls {font-size: 133%; letter-spacing: 5px !important;} a, a:link, span.MsoHyperlink {mso-style-noshow:yes; mso-style-priority:99; padding:1pt 2pt; color:blue; text-decoration:underline; text-underline:single;} a.intern, a.intern:link {mso-style-noshow:yes; mso-style-priority:99; color:blue; text-decoration:underline;} a.bsp, a.bsp:link {mso-style-noshow:yes; mso-style-priority:99; padding:1pt 2pt 2pt 2pt; color:green; text-decoration:none; border:1px solid white; border-radius:5px; box-shadow:2px 2px 2px white;} a:hover {color:#ffffff !important; background:purple; text-decoration:none; text-underline:single;} a.intern:hover {color:navy !important; background:white; text-decoration:none; text-underline:single;} a.bsp:hover {color:green !important; background-color:#ffffff; box-shadow:2px 2px 2px green;} a:visited, span.MsoHyperlinkFollowed {mso-style-noshow:yes; mso-style-priority:99; text-decoration:underline; text-underline:single;} a.picture:hover {background-color:#ffffff; box-shadow:2px 2px 4px gray;} p {mso-style-noshow:yes; mso-style-priority:99; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Verdana","sans-serif"; mso-fareast-font-family:"Times New Roman"; mso-bidi-font-family:"Times New Roman";} p.MsoAcetate, li.MsoAcetate, div.MsoAcetate {mso-style-noshow:yes; mso-style-priority:99; mso-style-link:"Sprechblasentext Zchn"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:8.0pt; font-family:"Tahoma","sans-serif"; mso-fareast-font-family:"Times New Roman";} span.berschrift2Zchn {mso-style-name:"Überschrift 2 Zchn"; mso-style-noshow:yes; mso-style-priority:9; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Überschrift 2"; mso-ansi-font-size:13.0pt; mso-bidi-font-size:13.0pt; font-family:"Cambria","serif"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:major-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:major-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:major-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:major-bidi; color:#4F81BD; mso-themecolor:accent1; font-weight:bold;} span.berschrift3Zchn {mso-style-name:"Überschrift 3 Zchn"; mso-style-noshow:yes; mso-style-priority:9; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Überschrift 3"; mso-ansi-font-size:12.0pt; mso-bidi-font-size:12.0pt; font-family:"Cambria","serif"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:major-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:major-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:major-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:major-bidi; color:#4F81BD; mso-themecolor:accent1; font-weight:bold;} span.SprechblasentextZchn {mso-style-name:"Sprechblasentext Zchn"; mso-style-noshow:yes; mso-style-priority:99; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:Sprechblasentext; mso-ansi-font-size:8.0pt; mso-bidi-font-size:8.0pt; font-family:"Tahoma","sans-serif"; mso-ascii-font-family:Tahoma; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast; mso-hansi-font-family:Tahoma; mso-bidi-font-family:Tahoma;} span.berschrift1Zchn {mso-style-name:"Überschrift 1 Zchn"; mso-style-priority:9; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Überschrift 1"; mso-ansi-font-size:14.0pt; mso-bidi-font-size:14.0pt; font-family:"Cambria","serif"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:major-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:major-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:major-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:major-bidi; color:#365F91; mso-themecolor:accent1; mso-themeshade:191; font-weight:bold;} span.GramE {mso-style-name:""; mso-gram-e:yes;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt; font-family:"Times","serif"; mso-ascii-font-family:Times; mso-hansi-font-family:Times;} @page WordSection1 {size:595.3pt 841.9pt; margin:70.85pt 70.85pt 2.0cm 70.85pt; padding:2em 4em; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.WordSection1 { page:WordSection1; line-height:22.5pt !important; } img.abc { width: 228px; height: 200px; } @media screen and (min-width : 780px) { body { margin:2px 2px; } h1 { font-size: 25pt; } h2 { font-size: 22pt; margin:0 1.5em 1.5em 1.25em; } img.abc { width: 284px; height: 250px; } } </style> </head> <body link="navy" style=""> <div style="position:relative; left:0; top:0;"> <img src="glasfaser-fhd.png" style="width: -webkit-fill-available; max-width:100%; max-height:fit-content;" /> </div> <div class="WordSection1" style=''> <div align='center' style='padding: 2pt 0; text-align:center;'> <h1 style='font-variant:small-caps; text-transform: uppercase capitalize; letter-spacing: 3pt; margin-left: 10px;'><u>Einführung ins Internet</u></h1> <div style='margin: 20pt 0 40pt 0;'> <h2 style="font-variant:small-caps; text-transform: uppercase capitalize; letter-spacing: 2px; margin-left: 20px; display:none;"><u>Übersicht</u></h2> </div> <blockquote style='margin: 25pt 5pt 0 5pt; font-family:verdana,tahoma,sans-serif !important;'> <p class=MsoNormal style="letter-spacing: 2px !important;"> <div style='margin:10pt 0; font-size:13.5pt; letter-spacing: 1pt !important;'><span style="font-size:15px; color:#3D3D7B;">♣</span> <a class="intern" href="#Das_Internet"><b>Das Internet</b></a></div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Was ist das?</div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Die Anfänge</div> <div style='margin:5pt 0 25pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Die weitere Entwicklung</div> <div style='margin:10pt 0; font-size:13.5pt; letter-spacing: 1pt !important;'><span style="font-size:15px; color:#3D3D7B;">♦</span> <a class="intern" href="#Verschiedene_Dienste"><b>Verschiedene Dienste im Internet</b></a></div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Grundbegriffe</div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Fazit</div> <div style='margin:5pt 0 25pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Zugang zum World-Wide-Web</div> <div style='margin:10pt 0; font-size:13.5pt; letter-spacing: 1pt !important;'><span style="font-size:15px; color:#3D3D7B;">♠</span> <a class="intern" href="#Helpfull_Links"><b>Nützliche Links</b></a></div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Lernvideos</div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- FAQ - Hilfe - Sicherheit</div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Software Download</div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Suchmaschinen</div> <div style='margin:5pt 0 5pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Technisches Internet</div> <div style='margin:5pt 0 25pt 15pt; font-size:13.5pt; letter-spacing: 0.25pt !important;'>- Stellen & Jobs</div> </p> </blockquote> </div> <br> <br> <br> <h2><a name="Das_Internet"></a><span style="color:#3D3D7B;">♣</span> Das Internet <span style="color:#3D3D7B;">♣</span></h2> <h3 class="ls" style='margin-left:32.0pt;'>Was ist das?</h3> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <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önnen. Das TCP/IP-Protokoll beinhaltet dabei die Regeln und Standards, welche die Computer für eine gemeinsame Kommunikation benötigen. Alle Computer müssen sozusagen die gleiche «Sprache» sprechen, um sich ansprechen und austauschen zu können.</span> <br> <br> <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 - öffentlichen, privaten, wirtschaftlichen, akademischen, militärischen und auch kriminellen. Weil das Netz dezentral organisiert ist, untersteht es keiner zentralen Steuerung oder Kontrolle.</span> </p> </blockquote> <br> <h3 class="ls" style='margin-left:32.0pt;'>Die Anfänge</h3> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Zu Beginn der 60-er Jahre hatte das amerikanische Militär das Ziel, ein Computer-Netzwerk zu entwickeln, das einen Atomkrieg überstehen könnte.</span> </p> </blockquote> <br> <blockquote style='margin:12pt 25pt;'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='mso-no-proof:yes'> <img class="abc" border=0 style="max-width: 115%;" src="abc_all.jpg" alt="" /> </span> </p> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='font-style:italic; margin-left:32.0pt'>Eine Information nimmt den direkten Weg von A nach B</p> </blockquote> <br> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Alle Knoten im Netz stehen durch direkte Verbindungen in Kontakt. Wird diese Leitung zerstört, ist die Kommunikation nicht mehr möglich. Aus dieser Problemstellung entwickelten sich folgende Grundgedanken:</span> </p> <i> <ul style='margin-left:32.0pt'> <li><span style='font-size:15pt'>es darf keine zentrale Steuereinheit geben</span></li> <br> <li><span style='font-size:15pt'>die Kommunikation sollte nicht mehr statisch über Leitungen, sondern dynamisch über Datenpakete erfolgen</span></li> <br> <li><span style='font-size:15pt'>den versendeten Datenpaketen sollten dafür möglichst viele verschiedene Wege offen stehen</span></li> <br> <li><span style='font-size:15pt'>dazu braucht es im Netz viele gleichberechtigte Knoten</span></li> </ul> </i> <br> <p class=MsoNormal style='margin-left:32.0pt'> <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änger bekannt sind. Welchen Weg ein Paket nehmen wird, ist im Voraus weder bestimmt noch bekannt. Alle Pakete können denselben Weg nehmen, es kann aber auch sein, dass jedes Paket einen anderen Weg nimmt.</span> </p> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> </p> </blockquote> <blockquote style='margin:12pt 25pt;'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='mso-no-proof:yes'> <img class="abc" border=0 style="max-width: 115%;" src="abc.jpg" alt="" /> </span> </p> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='font-style:italic; margin-left:32.0pt'>Die Information - in Datenpakete aufgeteilt - kann einen beliebigen Weg nehmen</p> </blockquote> <br> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Diese Idee entstand 1962 und wurde zwei Jahre später in Zusammenarbeit mit vier Universitäten zum ersten Mal erfolgreich in der Praxis getestet. Dieses noch kleine Netz aus wenigen Rechnern taufte man 1964 auf den Namen ARPANET.</span> </p> </blockquote> <br> <h3 class="ls" style='margin-left:32.0pt;'>Die weitere Entwicklung</h3> <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;'> <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1969</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>Auf dem ARPANET laufen die ersten Dienste: Telnet, FTP, E-Mail und NewsGroups.</span></p> </blockquote> </td> </tr> <tr style='mso-yfti-irow:1'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1973</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>ARPANET wird öffentlich: viele Universitäten und wissenschaftliche Institute schliessen sich an.</span></p> </blockquote> </td> </tr> <tr style='mso-yfti-irow:2'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1973 - 1977</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>Das heute noch gü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> </blockquote> </td> </tr> <tr style='mso-yfti-irow:3'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1980</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>TCP/IP wird zum Standard im ARPANET.</span></p> </blockquote> </td> </tr> <tr style='mso-yfti-irow:4'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1990</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>Das ARPANET wird durch das Internet abgelöst.</span></p> </blockquote> </td> </tr> <tr style='mso-yfti-irow:5;mso-yfti-lastrow:yes'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1991</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <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ür Webseiten und gilt als Erfinder des World Wide Web. HTML ist bis heute der Standard-Code fü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;">• HTML-Ansicht von Webseiten anzeigen: mit der rechten Maustaste in die Webseite klicken und im Kontextmenü "Seitenquelltext anzeigen" wählen (<span style="display:inline;">oder mit der Tastenkombination Ctrl<span style='font-size:5pt'> </span>+<span style='font-size:5pt'> </span>U</span>).</span> </p> </blockquote> </td> </tr> <tr style='mso-yfti-irow:6'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>1992</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <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ührt. Mit sogenannten "Browsern" lassen sich Informationen zum ersten Mal grafisch ansprechend darstellen. Der «Netscape Navigator» - Vorläufer des heutigen «Firefox» - wird zum weltweit erfolgreichen Browser. Millionen von Usern machen damit ihre ersten Schritte im World Wide Web.</span> </p> </blockquote> </td> </tr> <tr style='mso-yfti-irow:7;mso-yfti-lastrow:yes'> <td valign=top style='width:15%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>seit 1992</span></p> </blockquote> </td> <td valign=top style='width:85%; padding:3pt'> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal><span style='font-size:13.5pt'>Das World Wide Web verzeichnet in allen Bereichen ein exponentielles Wachstum. Immer mehr Aktivitäten und Dienstleistungen werden ins Internet verlagert, ein Ende ist nicht in Sicht. Mit dem «Internet der Dinge» und dem Standard 5G für mobile Gerä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änger, Handys, Kleider, der Kühlschrank, die Heizung usw. Der Fantasie sind keine Grenzen gesetzt - im Guten wie im Schlechten.</span> </p> </blockquote> </td> </tr> </table> <blockquote style='margin: 5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> </p> </blockquote> <br> <h2><a name="Verschiedene_Dienste"></a><span style="color:#3D3D7B;">♦</span> Verschiedene Dienste im Internet <span style="color:#3D3D7B;">♦</span></h2> <blockquote style='margin:5pt 0pt'> <p> <span style="font-size:13.5pt; margin-left:32pt;">Die bekanntesten Online-Dienste, die von Anfang an zur Verfügung standen, sind:</span> </p> </blockquote> <blockquote style='margin-top:25pt; margin-left:32pt;'> <h3><span style='font-size:11pt;'>•</span> E-Mail</h3> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Die elektronische Post dient dem Austausch von textbasierten Nachrichten, es können als Anhang <img src="../img/paperclip.gif" width=18 height=18 alt="attachment" /> aber auch Fotos, Video-/Musikdateien, Dokumente, PDF usw. mitgesendet werden. Empfänger und Absender sind durch ihre jeweilige E-Mail-Adresse eindeutig definiert. Das Zeichen "@" steht zwischen dem Absender-/ Empfängername und dem Mailserver, über welchen die Mail gesendet oder empfangen wird.</span> </p> </blockquote> <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'> <h3><span style='font-size:11pt;'>•</span> NewsGroups</h3> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>NewsGroups funktionieren so, dass es weltweit virtuelle "Sammeltöpfe" gibt, in die jeder Internet-User eine eigene Mail ablegen und auch jede beliebige Mail lesen kann. So kö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öst.</span> </p> </blockquote> <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'> <h3><span style='font-size:11pt;'>•</span> FTP</h3> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>FTP steht für «File-Transfer-Protocol» und dient dazu, Dateien zwischen zwei Rechnern austauschen zu können. Dieser Dienst wird oft zum Hochladen (Upload) von Dateien auf Webserver gebraucht.</span> </p> </blockquote> <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'> <h3><span style='font-size:11pt;'>•</span> Telnet</h3> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Dieser Dienst ermöglicht es, sich unabhängig vom Betriebssystem auf anderen Rechnern anzumelden und darauf Zugriff zu haben, d.h. man kann auf entfernten Rechnern so arbeiten, als würde man direkt davor sitzen. </span> </p> </blockquote> <blockquote style='margin:5pt 0pt; margin-left:32.0pt;'> <h3><span style='font-size:11pt;'>•</span><a name="www"></a>www</h3> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>WWW steht fü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ärsten und erfolgreichsten Dienst im Internet, weil es grafisch und visuell überzeugend ist - nicht nur grüner Text auf schwarzem Hintergrund wie in den Anfangstagen des Internet.</span> <br> </blockquote> <blockquote style='margin:40pt 0 5pt 0; margin-left:32.0pt;'> <h3 class="ls" style='margin-left:0pt;'><a name="Grundbegriffe"></a>Grundbegriffe</h3> </blockquote> <blockquote style='margin:5pt 0pt'> <p style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <b>TCP</b> (Transmission-Control-Protocol) und <br> • <b>IP</b> (Internet-Protocol) sind für den Transport und die (Wieder-)Zusammensetzung der Datenpakete nötig. </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <b>Hypertext</b> bedeutet die Verknüpfung von Dokumenten durch sogenannte «Links» (Englisch für "Verbindung, Verknüpfung"). Links können von einzelnen Wörtern oder ganzen Sätzen ausgehen, aber auch von einer Grafik oder sog. «Buttons», farbigen Feldern. Vom Browser werden Links standardmässig <span style="color:#0000D2;">blau</span> und <span style="color:#0000D2;"><u>unterstrichen</u></span> dargestellt - allerdings lässt sich das leicht im HTML-Code ä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überfahren mit der Maus der Cursor sein Aussehen in eine Hand <img src="../img/icon_hand.jpg" style="margin-bottom: -5px;" /> mit gestrecktem Zeigefinger ändert → <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> </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <a name="html"></a><b>HTML</b> steht für «Hyper-Text-Markup-Language» und ist der Standard für Webseiten. HTML ermö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 → Mehr zum Thema HTML im Artikel über <a target="_blank" title="Wie Tim Berners-Lee das Web erfand" href="./tim_berners-lee.pdf">Tim Berners-Lee</a>. </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <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. </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <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ä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äte zu diesem Zweck. </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <b>HTTP</b>(<b>S</b>) steht fü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ängte «s» bedeutet, dass die Verbindung verschlüsselt und sicher ist. → 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». </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <b>DNS</b> steht fü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önnen «sprechende» Namen für IP-Adressen verwendet werden. Die IP-Adresse von einem Domain-Namen (und umgekehrt) lä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. </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <b>TLD</b> steht fü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änderspezifische Domains (z.B. «*.it» für Italien), generische Domains (z.B. «*.jobs» für Webseiten mit Stellenangeboten) und die seit 2013 neu eingeführten Domains (z.B. «*.alibaba» für den Online-Händler Alibaba). </span> </p> </blockquote> <blockquote style='margin:10pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'> • <b>URL</b> steht fü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ü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 »sprechende« Name (<i>Domain-Name</i>) und "theater.html" ist der Dateiname der aufgerufenen HTML-Datei, die im Ordner "aktuell" auf dem Server gespeichert ist. </span> <!-- https://informatik.mygymer.ch/base/?page=config/books/&book=none&course=none --> </p> <span style="text-align:center; display:block; margin:10pt 5pt 10pt 32pt; padding:10pt 0;"> <img src="url_.png" width="850" height="320" /> </span> </blockquote> <br> <blockquote style="margin:10pt 0pt"> <p class=MsoNormal style="margin-left:32pt; margin-bottom:10px;"> <span style="font-size:13.5pt;"> • <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> ? </span> </p> <div id="" style="text-align:center; margin-left:32pt; padding:0;"> <img src="url_michaelster_grafikA.png" width="960" height="50" /> </div> <div id="myurl" style="text-align:center; visibility:hidden; margin-left:32pt; padding:0;"> <img src="url_michaelster_grafikB.png" width="960" height="80" /> </div> <p class="MsoNormal" style="margin-left:32pt; margin-top: -5em; font-size:13.5pt;"> • <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ösung:</b></span> </p> <br><br> <br><br><br><br> </blockquote> <blockquote style='margin: -40pt 0 5pt 0; margin-left:32.0pt;'> <h3 class="ls" style='margin-left:0pt;'>Fazit</h3> </blockquote> <blockquote style='margin:5pt 0pt;'> <p class=MsoNormal style='margin-left:32.0pt'> <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ä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ülle von Angeboten und die Datenflut zu einem echten Problem geworden. Die Herausforderung besteht nun darin, die nützlichen Informationen herauszufiltern und Wichtiges von Überflüssigem zu trennen. </span> </p> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Wie bereits erwähnt, untersteht das Internet keiner zentralen Kontrolle. Eine eigentliche Zensur gibt es nicht, obwohl der gesamte Datenverkehr überwacht und gespeichert wird. Jeder kann anonym oder mit einem Scherz-Namen veröffentlichen, was er will. Wie weit man einer Information im Web trauen kann bzw. will, ist eine offene Frage, die jeder für sich beantworten muss. Ein Fakten-Check bei anderen Quellen kann nie schaden.</span> </p> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Weiter sollte man beachten, dass viele Webseiten nur deshalb kostenlos angeboten werden können, weil sie werbefinanziert sind. Das hat dazu geführt, dass man bei einigen Seiten Inhalt und Werbung kaum noch auseinander halten kann - andere Seiten sind mit störenden Werbevideos überladen. In diesem Fall lohnt sich der Einsatz eines Werbeblockers wie z.B. "uBlock", "AdBlock" oder "Privacy Badger". Diese können bei allen Browsern als Erweiterung, sog. "Add-ons", ohne grossen Aufwand zusätzlich installiert werden. </span> </p> </blockquote> <blockquote style='margin:5pt 0pt'> <p class=MsoNormal style='margin-left:32.0pt'> <span style='font-size:13.5pt'>Ebenso werden die Daten ü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 über die Verwendung von Cookies zu informieren und ihr Einverständnis einzuholen <i>("Ich stimme zu")</i>. → Mehr zu diesem Thema in der Online-Enzyklopädie «Wikipedia» unter <a target="_blank" href="https://de.wikipedia.org/wiki/Google_Analytics">Google Analytics</a>. </span> </p> </blockquote> <blockquote style='margin:6rem 0 2rem 32pt; padding:2rem; border: 2px solid silver; border-radius: 1rem; box-shadow: 1px 2px 15px #000;'> <h3 class="ls" style='margin:0 0 2rem 0;'>Zugang zum World-Wide-Web</h3> <p> <span style='font-size:14pt'><strong>Um ins Internet zu kommen, braucht man Folgendes:</strong></span> </p> <div style='margin:20pt 0 5pt 0pt;'> <p class=MsoNormal style='margin-left:2.0pt;'> <i> <span style='font-size:13.5pt'>- ein Gerät mit Netzwerkkarte (LAN, WLAN, WiFi)</span> <br><br> <span style='font-size:13.5pt'>- eine Browser-App (z.B. Safari, Chrome, Edge, usw.)</span> <br><br> <span style='font-size:13.5pt'>- ein Modem/Router, eine SIM-Card oder Persönlicher Hotspot für den Anschluss ans lokale Mobilfunk-/Kabelnetz</span> <br><br> <span style='font-size:13.5pt'>- einen Provider (z.B. Bluewin, Sunrise UPC, 1&1, usw.) für den Anschluss ans World-Wide-Web </span> </i> </p> </div> </blockquote> <blockquote style='margin:3rem 0;'> <p class=MsoNormal style='margin-left:32pt; padding:5pt 0pt;'> </p> </blockquote> <br> <h2><a name="Helpfull_Links"></a><span style="color:#3D3D7B;">♠</span> Nützliche Links <span style="color:#3D3D7B;">♠</span></h2> <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Lernvideos (5 min.)</h3> <blockquote style='margin:5pt 0pt;'> <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'> <a class="intern" target="_blank" href="https://www.youtube.com/watch?v=e9FJPnFQWi8">Wie funktioniert das Internet?</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.youtube.com/watch?v=Rr-uWTO_HAw">Wie funktioniert eine Suchmaschine?</a> <br style='margin:10pt 0pt;'> <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> <br style='margin:10pt 0pt;'> <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> <p> </blockquote> <br> <h3 style='margin-left:32pt; margin-bottom: 0pt;'>FAQ - Hilfe - Sicherheit</h3> <blockquote style='margin:5pt 0pt;'> <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'> <a class="intern" target="_blank" href="https://www.heise.de/tipps-tricks/">heise - Tipps & Tricks </a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.iway.ch/ueber-iway/blog/">iWay - Blog</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.heise.de/tipps-tricks/sicherheit/">heise - Sicherheit</a> <br style='margin:10pt 0pt;'> <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> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.datenschutz.ch/meine-daten-schuetzen/">Meine Daten schützen</a> </p> </blockquote> <br> <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Software Download</h3> <blockquote style='margin:5pt 0pt;'> <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'> <a class="intern" target="_blank" href="https://download.cnet.com/windows/">c|net</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.heise.de/download/">heise</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://sourceforge.net/">sourceforge</a> </p> </blockquote> <br> <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Suchmaschinen</h3> <blockquote style='margin:5pt 0pt; padding:0;'> <p class=MsoNormal style='margin:0; margin-left:32pt; font-size:12pt; padding:0;'> <a class="intern" target="_blank" href="https://www.google.com/">Google</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://duckduckgo.com/">DuckDuckGo</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.ecosia.org/">Ecosia</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://bing.com/">Bing</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.search.ch/">Swiss Search</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.local.ch/de/yellow">Gelbe Seiten</a> </p> </blockquote> <br> <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Technisches Internet</h3> <blockquote style='margin:5pt 0pt;'> <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'> <a class="intern" target="_blank" href="https://www.w3c.de/">W3C-Konsortium</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.suchhelden.ch/lexikon/world-wide-web.php">Lexikon WWW</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.providerliste.ch/">Providerliste Schweiz</a> </p> </blockquote> <br> <h3 style='margin-left:32pt; margin-bottom: 0pt;'>Stellen & Jobs</h3> <blockquote style='margin:5pt 0pt;'> <p class=MsoNormal style='margin-left:32pt; font-size:12pt;'> <a class="intern" target="_blank" href="https://job-room.ch/">Job-Room</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.publicjobs.ch/">Öffentliche Stellen</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://jobwinner.ch/de/">Stellenanzeiger</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.jobs.ch/de/">Stellenmarkt Schweiz</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://www.indeed.ch/">Stellenportal Indeed</a> <br style='margin:10pt 0pt;'> <a class="intern" target="_blank" href="https://michaelster.ch/lernen/index.php?nid=one">Stellenportale Übersicht</a> </p> </blockquote> <br> </div> <div style="text-align: right; padding: 0 6px 12px 0; font-size: 9pt; font-family: roboto,verdana,arial,sans-serif; letter-spacing: 1px;">♦ aktualisiert am 02-07-2023 | © mst ♦</div> <div style="position:relative; left:0; bottom:0;"> <img src="glasfaser-business.png" style="width: -moz-available; width: -webkit-fill-available; max-width: 100%; max-height:fit-content;" /> </div> </body> </html>