Information über mein/e Projekt

1. Projekt: Prototyp DRK

Anforderungen an das Projektergebnis

Der Prototyp der Website soll folgende mit einander verlinkte Einzelseiten umfassen:

  • Homepage mit Titel-Animation und Inhalts-Übersicht (ausbaufähig!)
  • Drei gleichartig strukturierte und dargestellte Inhaltsseiten zu drei Unterthemen der Seite “Sofortmaßnahmen” des DRK (siehe https://www.drk.de/hilfe-in-deutschland/erste-hilfe/rettungskette/ lebensrettende-sofortmassnahmen/) - diese sind der SCHWERPUNKT des Prototypen! Die Inhalte dieser drei Seiten sollen in überarbeiteter Form den Inhalten auf der DRK-Website entsprechen.
  • Eine Formular-Seite mit mindestens sechs Testfragen zu den Inhalten der o.g. Informationsseiten. Dabei sollen mindestens drei verschiedene Antwortmöglichkeiten berücksichtigt werden.
  • Die Formatierung sämtlicher Seiten soll durch eine einzige, allgemein verlinkte CSS-Datei erreicht werden.
  • Jede der drei Inhaltsseiten sollte mindestens zwei mediale Veranschaulichungen ihrer Inhalte (Grafik, Bild, Ton oder Video) enthalten.
  • Die verwendeten Medien sollen hinsichtlich Anmutung, Einbettung und Ladeverhalten optimiert sein.
  • Auf die Verwendung fremder, nicht oder nur geringfügig veränderter oder KI-generierter Medien (Text, Bild, AV) ist in einer beigefügten Textdatei „Medienkatalog.txt“ mit Quellangabe hinzuweisen.
  • Der HTML- und CSS-Code sollte den Spezifikationen von HTML5 und CSS3 entsprechen. Eine semantische Auszeichnung ist unbedingt anzustreben, DIV- und SPAN- Tags sind nur in Ausnahmefällen, in denen kein semantisches Tag passt, einzusetzen.
  • Der Einsatz von JavaScript sowie von Web-Bibliotheken oder -Frameworks wie auch von CMS oder WYSIWYG-Editoren ist nicht gestattet – siehe Ausbildungsziel.
  • Nutzung von Browser-Erweiterungen wie z.B. Flash-Plugin, JavaVM oder Adobe Reader sind nicht gestattet.
  • Der Prototyp soll lokal und ohne Einsatz von Servertechnologie lauffähig sein.
  • Eine optimale Darstellung und Bedienbarkeit ist auf allen geräten, die zu den Zielplattformen gehören, zu gewährleisten.
  • Unterstützt werden sollen die aktuellen Versionen von Firefox und Chrome (Safari und Edge optional)

    • 2. Projekt: Chat erstellen

    Was ich gemacht habe

    Chat mit Node.js

    • HTML Seite
  • Node.js einrichten
  • Javasript mit hilfe von ChatCPT und den Internetseiten erstellt
  • Über CodeSandbox Chat online stellen

    • 3. Projekt: Memory Spiel


    4. Projekt: GGK Quiz 1. Klausur

    5. Projekt: Skat

    Was ich gemacht habe

    Ein eigenes Projekt erstellt im Team

    • HTML Seite
  • CSS Seite
  • JS das Spiel erstellt
  • Projekt geplant