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">
<head>
    <title>Einf&uuml;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&uuml;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>&Uuml;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;">&clubs;</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&auml;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;">&diams;</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;">&spades;</span> <a class="intern" href="#Helpfull_Links"><b>N&uuml;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 &amp; Jobs</div> 

</p>

</blockquote>

</div>

<br>
<br>
<br>
    
<h2><a name="Das_Internet"></a><span style="color:#3D3D7B;">&clubs;</span> Das Internet <span style="color:#3D3D7B;">&clubs;</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&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>
<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 -  &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>
</p>

</blockquote>

<br>

<h3 class="ls" style='margin-left:32.0pt;'>Die Anf&auml;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&auml;r das Ziel, ein Computer-Netzwerk zu entwickeln, das einen Atomkrieg &uuml;berstehen k&ouml;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&ouml;rt, ist die Kommunikation nicht mehr m&ouml;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&uuml;r m&ouml;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&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>
</p>

</blockquote>

<blockquote style='margin:5pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>&nbsp;</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&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>
</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 &ouml;ffentlich: viele Universit&auml;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&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>
  </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&ouml;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&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>
  </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&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>
  </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&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>
  </p>
  </blockquote>
  </td>
 </tr>
</table>

<blockquote style='margin: 5pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>&nbsp;</p>

</blockquote>
<br>

<h2><a name="Verschiedene_Dienste"></a><span style="color:#3D3D7B;">&diams;</span> Verschiedene Dienste im Internet <span style="color:#3D3D7B;">&diams;</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&uuml;gung standen, sind:</span>
</p>

</blockquote>

<blockquote style='margin-top:25pt; margin-left:32pt;'>

<h3><span style='font-size:11pt;'>&bull;</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&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>
</p>

</blockquote>

<blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>

<h3><span style='font-size:11pt;'>&bull;</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 &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> 
</p>

</blockquote>

<blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>

<h3><span style='font-size:11pt;'>&bull;</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&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>
</p>

</blockquote>

<blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>

<h3><span style='font-size:11pt;'>&bull;</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&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>
</p>

</blockquote>

<blockquote style='margin:5pt 0pt; margin-left:32.0pt;'>

<h3><span style='font-size:11pt;'>&bull;</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&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>
<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'>
&bull; <b>TCP</b> (Transmission-Control-Protocol) und 
<br>
&bull; <b>IP</b> (Internet-Protocol) sind f&uuml;r den Transport und die (Wieder-)Zusammensetzung der Datenpakete n&ouml;tig.
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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> 
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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>.
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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.
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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.  
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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».
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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.
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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).
</span>
</p>

</blockquote>

<blockquote style='margin:10pt 0pt'>

<p class=MsoNormal style='margin-left:32.0pt'>
<span style='font-size:13.5pt'>
&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.
</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;">
&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> ?
</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;">
        &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>
    </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&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.
</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&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>
</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&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.
</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 &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>. 
</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&auml;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&ouml;nlicher Hotspot f&uuml;r den Anschluss ans lokale Mobilfunk-/Kabelnetz</span> 
<br><br>
<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> 
</i>

</p>

</div>
</blockquote>

<blockquote style='margin:3rem 0;'>
    
<p class=MsoNormal style='margin-left:32pt; padding:5pt 0pt;'>&nbsp;</p>

</blockquote>
<br>

<h2><a name="Helpfull_Links"></a><span style="color:#3D3D7B;">&spades;</span> N&uuml;tzliche Links <span style="color:#3D3D7B;">&spades;</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 &amp; 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&uuml;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 &amp; 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/">&Ouml;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 &Uuml;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;">&diams; aktualisiert am 02-07-2023 | &copy; mst &diams;</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>