Skip to main content

Das World Wide Web - eine Quelle von Informationen

Das World Wide Web (WWW, Web) - nicht das Internet! Siehe: "Internet und Web sind nicht das Gleiche") -kann beschrieben werden als ungeordnete Sammlung von Texten (Webseiten), die miteinander verknüpft sein können (Hypertext).

image.png

Die Texte (Webseiten) sind in der Hypertext Markup Language (HTML) geschrieben. Der Text beschreibt sowohl den Inhalt als auch die Form, in der er auf dem Bildschirm dargestellt werden soll.

Der Text:

<html>
  <head>
    <meta charset="utf-8" />
    <title>Meine Favoriten</title>
</head>
<body>
  <h1 style="font-family:sans-serif;">Meine Favoriten</h1>
  <div>
    <h2 style="font-family:sans-serif;">Produktivität</h2>
    <ul>
      <li><a href="https://evernote.com" target="_blank">Evernote</a></li>
      <li><a href="http://mind42.com" target="_blank">MindMap</a></li>
    </ul>
  </div>
  <div>
    <h2 style="font-family:sans-serif;">Unterhaltung</h2>
    <ul>
      <li><a href="https://www.youtube.com/watch?v=WenQIxi8ANQ" target="_blank">Youtube</a></li>
      <li><a href="http://www.thomasweibel.ch/freecell/freecell.html" target="_blank">Freecell</a></li>
    </ul>
  </div>
</body>
</html>

Die Darstellung auf dem Bildschirm:

image.png

In den HTML-Text können auch Programmtexte (Scripts) eingebunden sein. Die betreffende Webseite wird dann zu einer Web-Applikation (Web-App).

Der Text mit Script

<html>
  <head>
    <meta charset="utf-8">
    <title>Karge Webseite</title>
    <link rel="stylesheet" type="text/css" href="kargeWebseite.css">
    <script>
	    function action () {
           var message = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sie haben diese Webseite zum ";
           var s;
           if (localStorage.counter) {
	           s = localStorage.getItem("counter");
	           localStorage.counter = Number(s) + 1;
	       }
           else {
               s = 1;
               localStorage.counter = s;
            }
            message = message + s + ". Mal aufgerufen.";
            document.getElementById ("message").innerHTML = message;
        }
    </script>
  </head>
  <body>
    <div class="description">
      <h1>Warnung</h1>
      <p>Diesen Knopf nicht anklicken!</p>
      <button onclick="action();">Knopf</button>
    </div>
    <p id="message"></p>
  </body>
</html>

Die Darstellung auf dem Bildschirm

image.png

 

Struktur des Web