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
Konzept
- Sitemap
- Skizzen / Designentwurf
- Farbkonzept
Realisierung
- Responsive Umsetzung mit Bootstrap gemäss Konzept
Qualitätssicherung
- Überprüfung mit div. online Tools wie z.B. W3 HTML Validator oder W3 CSS Validator
- Überprüfung der verschiedenen Screengrössen für responsives Verhalten
- Überprüfung des Endprodukts mit Konzept
- Überprüfung mittels Testprotokoll
Präsentation & Reflexion
- Zielsetzung
- Konzept
- Demo
- Navigation
- Responsives Layout
- Inhalt
- Besondere Funktionen
- Multimedia-Elemente
- Reflexion
Bewertung
| Titel | Bewertung | Beschreibung |
|---|---|---|
| Konzept | 15% | Erstellung des Sitemaps mit Grobinhalt für verschiedene Seiten Skizzen / Entwurf für diverse Seiten Farbkonzept |
| Realisierung | 45% | Responsives Layout für Mobile, Tablet und Desktop (Grid-System von Bootstrap oder CSS Grid korrekt anwenden) Umsetzung mit Bootstrap Komponenten (z.B. Navbar, Cards, Buttons) Anpassung des Designs mit CSS Verwendung von mindestens 2 unterschiedliche Medientypen (z.B. Bilder, Videos, Audio) |
| Qualitätssicherung | 20% | Saubere, korrekte und gut strukturierte HTML/CSS-Dateien Umsetzung basierend auf Konzept |
| Präsentation & Reflexion | 20% | Einführung und Vorstellung des Projekts (Titel, Zielsetzung, Konzept mit Skizzen und Entwürfen) Website-Übersicht (Navigation, responsives Layout, Inhalte, Besondere Funktionen, Multimedia-Elemente) Reflexion der Umsetzung (Herausforderungen und Lessons learned) |