Dies ist eine alte Version des Dokuments!
LU00e - LB02 Projektarbeit [TBD]
Ziel
Sie gestalten eine eigene, vollständig responsive Webseite zum vorgegebenen Thema. Es geht darum, Bootstrap sowie eigene CSS-Anpassungen gezielt anzuwenden.
Inhalt
Das Projekt ist in 2 Teilen aufgeteilt:
- Gemeinsame Bewertungskriterien (Header, Navigation, Footer etc.)
- Individuelle Bewertungskriterien (Content)
Anforderungen
- HTML-Struktur
Verwendung semantischer HTML5-Elemente wie<header>,<nav>,<main>,<section>,<article>,<aside>und<footer>. - CSS-Styling
Gestaltung der Webseite mit CSS, einschliesslich Layout, Farben und Responsivität. - Responsives Design
Die Webseite soll auf verschiedenen Bildschirmgrössen (Desktop, Tablet, Smartphone) gut lesbar und benutzbar sein.
Bewertung
| Titel | Bewertung | Beschreibung |
|---|---|---|
| Konzeption | 15% | |
| Bootstrap und Multimedia-Elemente | 45% | |
| Qualitätssicherung | 20% | |
| Präsentation & Reflexion | 20% |
15% 50% – Bootstrap und Multimedia-Elemente einbinden, anwenden und anpassen Responsives Layout für Mobile, Tablet und Desktop (Grid-System von Bootstrap oder CSS Grid korrekt anwenden) Mindestens 3 Bootstrap-Komponenten einsetzen (z.B. Navbar, Cards, Buttons) Anpassung des Designs mit CSS Mindestens 2 unterschiedliche Medientypen einbinden (z.B. Bilder, Videos, Audio) Responsives Verhalten prüfen und anpassen 20% – Qualitätssicherung der Vorgaben (Vorgehen, Vollständigkeit, Korrektheit) Saubere, korrekte und gut strukturierte HTML/CSS-Dateien Umsetzung basierend auf selbst erstellten Skizzen oder Entwürfen 30% - Präsentation inkl. Reflexion (5 Minuten als Videocast) Einführung und Vorstellung des Projekts (Titel, Zielsetzung, Konzept mit Skizzen und Entwürfen) Website-Übersicht (Navigation, responsives Layout, Inhalte, Besondere Funktionen, Multimedia-Elementeq) Reflexion der Umsetzung (Herausforderungen und Lessons learned)