HTML und CSS - Websites erstellen
Wiederholung aus der 6. Klasse
Empfohlenes Nachschlagewerk: W3Schools
Praktische Aufgabenstellung
Gestalte den abgebildeten Webauftritt mit HTML und CSS möglichst identisch nach (einschließlich Text). Hier bei einer Fensterbreite von 900px:
Und hier bei einer Fensterbreite von 1660px:
Und hier noch bei einer Breite kleiner als 600 (z.B. Handy). Die Seite soll also responsive sein. Studiere dazu den Abschnitt "Media Queries" im Kapitel "Responsive".
Folgende Bedingungen sollen erfüllt werden:
- die 5 Bereiche der Abbildung werden ausgeführt mit den HTML5-Elementen header, nav, aside, article und footer. Bitte dazu die Anweisungen beachten, die auf der Musterseite stehen.
- Menüleiste und sidebar werden beide als ul ausgeführt und mit derselben Seite verlinkt. Siehe CSS Navigation Bar und CSS Selectors.
- die CSS-Anweisungen liegen in einem externen Stylesheet
- Head mit Doctype und title
- Umlaute als Entities oder Metatag für das Characterset.
- verwende Hintergrundbild und Bild
Termin für die Abgabe: 1.10.2025. Abgabe in ILIAS (du findest selbst wo - Kurspasswort "leibniz")