summary:Installation einer Entwicklungs- und Schreibumgebung, erste Schritte mit HTML und CSS
---
## Architekturen des Webs
In der heutigen Sitzung nähern wir uns praktisch der Funktionsweise des Internets an. Aber so einfach, wie ich das hier hinschreibe, ist es nicht. "Das Internet" ist wie eine Megacity mit unterschiedlichen Stadtteilen, Verkehrsmitteln, Gepflogenheiten, Geschmäckern und Architekturen. Denken Sie bspw. an Hamburg, wo es den historisch gewachsenen Stadtkern gibt und die Hafencity, die in wenigen Jahren entstanden ist.
Und unpräzise ist "das Internet" außerdem, denn der Teil, der uns in dieser Veranstaltung interessiert, ist das World Wide Web (WWW). In den Projekten, an denen Sie arbeiten werden, werden die Client-/Serverstrukturen des WWW immer wieder auftauchen und Gegenstand unserer Auseinandersetzung mit verschiedenen Konzepten sein.
## Auftrag: Webseitenentwicklung mit HTML und CSS
### Eine erste HTML-Seite
In der Veranstaltung haben wir ausprobiert, wie in VSCodium neue Dateien angelegt werden können. Nun geht es darum, ein erstes Webseitenkonstrukt mit mehren Dateien in Angriff zu nehmen.
{{% notice aufgabe "Eine erste HTML-Seite" %}}
1. Erstellen Sie auf Ihrem Rechner einen neuen Ordner.
1. Öffnen Sie den Ordner mit VSCodium.
2. Legen Sie eine Datei mit Namen `index.html` an.
3. Legen Sie eine Datei mit Namen `style.css` an.
4. Versuchen Sie sich an der Einheit [Einführung in HTML und CSS](../../../../einheiten/html-und-css/einfuehrung/).
{{% /notice %}}
### Inhaltliche Überlegungen
Im Folgenden möchte ich Ihnen zwei Richtungen erläutern, in die diese Übungen inhaltlich gehen sollen:
#### Gewerbelehramt
Überlegen Sie vor dem Hintergrund Ihrer formulierten Interessen, wie Sie mit einer Website Geräte steuern, (Mess)daten anzeigen und allgemein informieren können. Formen Sie Ihr neues Webseitenkontrukt entsprechend, wobei Sie sich an dem Mockup aus der HTML/CSS-Einheit orientieren.
#### Arbeitslehre/Technik
Überlegen Sie, wie Sie Ihr Interesse an KI so auf einer Website darstellen können, dass andere von Ihren Recherchen zum Thema profitieren können. Fügen Sie erste Links und Bilder in Ihre Website ein.
### Abgabetermin
Der Auftrag ist bis zum **Donnerstag, 03.11.2022**, zu erledigen.
