Persönliche Website
erstellen
Erstellung einer persönlichen Website mit mehreren Unterseiten, funktionierendem Menü und eingebundenen Bildern — reines HTML & CSS ohne Frameworks.
Lernsituation
Im Rahmen des Unterrichts in IMSK (Informationsmanagement & Schriftverkehr) erhielten wir den Auftrag, eine persönliche Website laut einer vorgegebenen Word-Datei zu erstellen. Die Website sollte mehrere Seiten umfassen, ein funktionierendes Menü auf allen Seiten haben und mit eigenen Bildern gestaltet sein.
Beurteilt wurden vier Aspekte: das Design, die Bildqualität, der Inhalt sowie die korrekte Funktionsweise des Menüs. Als Abgabe wurde der gesamte Webauftritts-Ordner als ZIP-Datei eingereicht.
Bewertungskriterien
Kompetenzen
- HTML-Grundstruktur: DOCTYPE, Head, Body, semantische Tags
- CSS-Styling: Farben, Abstände, Breiten und Layout mit eigener Stylesheet-Datei
- Verlinkung: Mehrere Unterseiten mit funktionierendem Navigationsmenü
- Bildeinbindung: Webgeeignete Bilder mit korrekter Pfadangabe
- Dateistruktur: Ordnerstruktur für einen Webauftritt (HTML, CSS, Bilder)
Ergebnis
Die Website besteht aus einer Startseite mit Header-Bild, Navigationsmenü und Portrait-Foto sowie weiteren Unterseiten (Über mich, MINF, IMSK). Das Menü ist auf allen Seiten eingebunden und verlinkt korrekt zu den jeweiligen Unterseiten.
