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
- Layout und Navigation umsetzen
Qualitätssicherung
- HTML/CSS-Validierung (W3 HTML Validator und W3 CSS Validator)
- Responsives Verhalten prüfen
- Abgleich mit Konzept
- Testprotokoll führen
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) |