Commit e23aeeba authored by Axel Dürkop's avatar Axel Dürkop
Browse files

Add 02

parent 92925faa
......@@ -30,13 +30,14 @@ Ausgehend von dem Mockup hat Ihre Website also
- eine **semantische Strukturierung** im HTML
- https://www.html-seminar.de/html-5-strukturierende-elemente.htm
- https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg
- mehrere Überschriften unterschiedlichen Grades
- https://wiki.selfhtml.org/wiki/HTML/outline#HTML-Dokumente_mit_.C3.9Cberschriften_strukturieren
- oben eine **horizontale Navigation** mit funktionierenden Links
- https://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/nav
- https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation
- https://www.html-seminar.de/css-ul-ol-li-design-listen-navigation.htm
- mehrere **Hyperlinks** im Inhalt, die zu _externen Webseiten_ verweisen
- https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/a
- https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Referenzieren_in_HTML
- https://www.html-seminar.de/html-links.htm
- mehrere eingebundene **Bilder** (Logo, Bild im Inhalt)
- https://wiki.selfhtml.org/wiki/HTML/Tutorials/Bilder_im_Internet
......
---
title: 'Inhalte verlinken und einbetten'
date: 2020-05-17T08:50:13.000Z
draft: false
date: 2022-10-26T08:50:13.000Z
draft: true
type: book
weight: 300
LastModifierDisplayName: Axel Dürkop
......
---
title: 02 | Freitag, 28.10.2022
date: 2019-03-27T12:50:13.000Z
draft: false
type: book
toc: true
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.
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment