# Geschichte des Internets

## Aufgabe

Lies die Geschichte und frage dich: \
"Welche Erfindungen sind wohl für heutige Websites immer noch wichtig? Welche nicht mehr?"&#x20;

## Internet

Der Vorreiter des Internets entstand in den 50iger Jahren aus der Bedrohungslage während des kalten Krieges in den Vereinigten Staaten. So wollte das US-Militär das Problem lösen, wie US-Regierungsstellen nach einem Atomanschlag sicher und effektiv miteinander kommunizieren können.

Ziel war es ein dezentrales Kommunikationsnetzwerk zu erstellen, wo kein zentraler Server, sondern einzelne Computer als Netzkoten dienen. So sollte das System auch nach einem Teilausfall betrieben werden können, da die einzelnen Netzknoten unabhängig voneinander agieren können.

Um die Bestrebungen zu erreichen, wurde eigens dafür eine Projektgruppe gegründet, die ARPA (Advanced Research Project Agency). Diese nahm 1957 das [ARPAnet](https://de.wikipedia.org/wiki/Arpanet) in Betrieb - das erste dezentrale Computernetzwerk.

1965 wurde dieses Netzwerk auch für nicht militärische Zwecke geöffnet, sodass auch einige Universitäten in den USA mit dem ARPAnet verbunden wurden. Im Jahre 1969 wurde es dann der Öffentlichkeit vor- und freigestellt.

## Website <a href="#website" id="website"></a>

Die erste Website, die online ging, wurde am 13. November 1990 von dem am CERN beschäftigten Wissenschaftler Tim Berners-Lee geschaffen und veröffentlicht. Am 30. April 1993 kündigte das CERN an, dass das World Wide Web für jedermann frei zugänglich sein werde.

{% hint style="info" %}
Erste Website von Tim Berners-Lee: [The World Wide Web project](http://info.cern.ch/hypertext/WWW/TheProject.html)
{% endhint %}

### Webstandards <a href="#webstandards" id="webstandards"></a>

#### 1991 <a href="#id-1991" id="id-1991"></a>

Tim Berners-Lee veröffentlicht HTML 1.0. Die Strukturierungsmöglichkeiten waren sehr schlicht, so war das Einbinden von Bildern und Tabellen zu dieser Zeit noch nicht möglich.

#### 1994 <a href="#id-1994" id="id-1994"></a>

Das World Wide Web Consortium (W3C) wurde mit dem Ziel gegründet, Standards für das Web zu formulieren.

#### 1995 <a href="#id-1995" id="id-1995"></a>

In diesem Jahr erschien die erste HTML-Spezifikation (HTML 2.0). HTML 2.0 erlaubte nur einfach strukturierte und einspaltige Seiten.

#### 1996 <a href="#id-1996" id="id-1996"></a>

CSS1 wurde veröffentlicht. Die Unterstützung der damaligen Browser war noch sehr schwach.

#### 1997 <a href="#id-1997" id="id-1997"></a>

Die Spezifikation HTML 3.2 erschien. Mit den jetzt möglichen Tabellen wurden Navigationsleisten und mehrspaltige Layouts möglich.

#### 1998 <a href="#id-1998" id="id-1998"></a>

CSS 2.0 ist fertig, wurde aber von Browsern noch nicht gut unterstützt.

#### 1999 <a href="#id-1999" id="id-1999"></a>

Die HTML 4.01 Spezifikation wurde durch das W3C verabschiedet. Die Attribute ID und CLASS wurden eingeführt. Bessere Unterstützung von Scripts, Frames, Multimedia und Barrierefreiheit.

#### 2000 <a href="#id-2000" id="id-2000"></a>

Durch die Weiterentwicklung der Browser wird CSS-Design praxistauglich. Websiten wurden daurch wesentlich performanter und trugen zusammen mit höheren Bandbreiten zu einem schneller Web bei. Die entgültige Unterstützung von CSS in allen Browsern verdrängte die Nutzung von Tabellen zu Layoutzwecken.

#### 2001 <a href="#id-2001" id="id-2001"></a>

Seit 2001 entwickelte die W3C die CSS-Version 2.1, was die Webentwicklung revolutionieren sollte.

#### 2007 <a href="#id-2007" id="id-2007"></a>

Mobile Endgeräte treten auf. Es stellte sich nun die Frage: Benötigt man mobil lediglich weniger Inhalte oder auch neue Darstellungsformate? Wie bekommt man Werbung vernünftig auf kleinen Bildschirmen dargestellt? Feste Gestaltungsraster sollten diese Probleme lösen. Besonders häufig genutzte Elemente wie zum Beispiel Buttons oder die Navigation wurden zu festen Bibliotheken geschnürt. Die hier bekanntesten Vertreter sind Bootstrap und Foundation.

#### 2011 <a href="#id-2011" id="id-2011"></a>

CSS 2.1 ist fertig spezifiziert und wird ab 2014 von den meisten Browsern unterstützt, eine fehlerbereinigte und an die Praxis angepasste CSS-Spezifikation. Einige nicht praxistaugliche Spezifikationen wurden darin entfernt.

Zeitgleich wurde an CSS3 entwickelt. CSS3 ist modular aufgebaut, wodurch einige Module bereits früh genutzt werden konnten. CSS3 bringt wesentliche Neuerungen, z.B.:

* **Responsive Design** (Media Queries)
* **Flexbox und Grid** für komplexere, responsive Layouts
* **Transitions und Animationen** ermöglichen interaktive Interfaces ohne JavaScript
* **Embeded Fonts** für individuelle Schriftarten

#### 2014 <a href="#id-2014" id="id-2014"></a>

HTML5 ist die fünfte Version der Hypertext Markup Language. Wesentliche Neuerungen waren:

* **Semantische Elemente** wie `<header>`, `<footer>` und `<article>` zur besseren Strukturierung (weniger `<div>`-Elemente)
* Standardisierte **Multimedia-Elemente** (`<video>`, `<audio>`)
* Verbesserte **Formularfunktionen** mit neuen Eingabetypen wie `email`, `tel`, `range`, `file` und `date`, sowie den Attributen `required` und `placeholder`.
* Einfache Implementierung von Drag-and-Drop
* Unterstützung für Offline-Anwendungen

#### 2016 <a href="#id-2016" id="id-2016"></a>

Gemäss StatCounter wurden Websites erstmals öfter mit Mobiles / Tablets besucht als mit Desktop-Geräten. Es verbreitet sich das Design-Prinzip "Mobile First".

#### 2017 <a href="#id-2017" id="id-2017"></a>

CSS Grid Layout wird nun von allen gängigen Browsern unterstützt und ermöglicht eine effizientere Gestaltung von responsiven Layouts für Mobiles und Desktop-Geräte.

#### 2020 <a href="#id-2020" id="id-2020"></a>

CSS3 entwickelt sich weiter, z.B. werden CSS-Variablen nun von allen bekannten Browsern unterstützt.

#### Heute <a href="#heute" id="heute"></a>

HTML5 wurde laufend weiter entwickelt für bessere native Audio- und Video-Unterstützung, verbesserte Formularfunktionen, lokale Speicherung und bessere Unterstützung für responsive Designs.

Da CSS3 nun modular aufgebaut ist, gibt es keine kompletten neuen Versionen, sondern es werden laufend einzelne Module weiter entwickelt.

<figure><img src="https://4156320524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MMu14VA5QCGUUq6RkR_%2Fuploads%2Fgit-blob-1baab24e6c94cffcfadf23069358dbc2045b0dc2%2Fhtml5_css3.jpg?alt=media" alt=""><figcaption></figcaption></figure>
