# Projektaufgabe

Aufgeteilt in Arbeitsgruppen wird folgender Arbeitsauftrag umgesetzt:

- Jede Gruppe erstellt einen kompletten Webauftritt für das fiktive Energieunternehmen "PowerTech Energiesysteme"

- Jede Gruppe erstellt pro Gruppenmitglied jeweils 1 HTML Seite

- Alle Seiten sind miteinander verlinkt

- Jedes einzelne Gruppenmitglied ist hauptverantwortlich für eine Seite, alle achten aber auf ein gemeinsames, stimmiges Gesamtbild (Navigation, Farben, Struktur)

- Am Ende zippt jede Gruppe ihren Projektordner und schickt ihn per E-Mail an sven.spitzmacher@daa.de



---

## Technische Vorgaben
- Nutzung des vorbereiteten Workspace in VS Code
GruppeX/html/ - alle HTML Dateien
GruppeX/assets/ - alle Bilder
css/js nicht genutzt

- Nutzung von Live Preview für Vorschau, hier sollte die Funktionalität auch vorhanden sein (nicht nur im externen Browser)

- Dateinamen: 
Gruppenweit einheitlich:
index.html / historie.html / technik.html / erneuerbare.html / kontakt_impressum.html / verbrauch.html


## Inhaltliche Struktur:
1. Landing Page: index.html
Zweck: Einstieg, Überblick, erste Infos über das Unternehmen

Pflichtinhalte: 
- HTML-Grundgerüst (korrekt mit DOCTYPE, html, head, body)
- Sinnvolle <title> und eine H1 Hauptüberschrift
- Mindestens:
    - 2 weitere Überschriften
    - 3 Absätze
    - eine unsortierte Liste mit min. 3 Punkten, z.B. Leistungen oder Vorteile
- Navigation (auf jeder Seite identisch) mit Links zu allen Seiten des Auftritts
- Ein eingebundenes Bild vom Kraftwerk mit sinnvollem alt-Text
- Erste Hinweise auf den Energiemix (AKW + erneuerbare)



2. Histoerie & Vergangenheit des Kraftwerks
Zweck: Geschichte des alten KKW
Pflichtinhalte:
- Überschriften-Hierarchie (mindestens H1, H2, H3)
- Mehrere Absätze zur Geschichte (Baujhar, Ausbau, Moderniesierung, Zwischenfälle)
- Zeitliche Darstellung in Form von 
einer geordneten Liste von Meilensteinen (19xx Inbetriebnahme, 19XX Modernieserung, 19XX etc)
- Eine Tabelle mit mindestens 4 Zeilen z.B.
Jahr, Ereignis, Bemerkung
- Mindestens ein Bild, z.B. alte Anlage, wieder mit sinnvollem alt-Attribut


3. technik & Sicherheit
Zweck: Technische Beschreibung und Sicherheitskonzept
Pflichti9nhalte:
- H1 + mindestens 2 H2 Bereiche. Beispiel: Reaktor-Technik, Sicherheitssysteme
- Liste mit sicherheitsrelevanten Systemen, min 1 geordnete Liste oder verschachtelte Listen (ul in ul)
- Tabelle mit technischen Kennzahlen (z.B. Reaktor 1/2, Leistung, Status, Wartungsintervalle etc)
- Bild aus dem Kontrollraum oder öhnlichem Technikbild, alt-Attribut passend.
- Einsatz von strong/em im text für wichtige Hinweise
- Mindestens noch ein Hinweistext mit <mark> für Achtung/Wichtig


4. Zukunft und erneuerbare Energien
Zweck: Modernisierung, Erweiterung durch Wind, Solar, etc. 
- Pfli9chtinhalte:
- Darstellung des geplanten Energiemix: Tabelle mit Spalten wie Technologie, Leistung (MW), Status (geplant/im Bau/in Betrieb)
- Mindestens 1 Bild für jede Energieform, z.B. Solarpark oder ein Bild für Windenergie etc
- Erklärungstexte, min. 3 Absätze (z.B. Warum erneuerbar?, Ziele, etc)
- Liste z.b. ul mit Vorteilen erneuerbarer Energien
- Optional: Tabelle mit Gegenüberstellung alt/neu


5. Kontakt/Impressumm
Zweck: Rechtliches & Kontaktaufnahme
- Pflichtinhalte
- Kontaktberecih mit Adresse in p und sinnvollen Umbrüchen
- Telefonnummer und e-mail

ImpressumsTeil mit Firmenname, verantwortliche Person, rechtliche Mindestangaben (fiktiv)

Optional: Rechliches Kleingedrucktes


6. Verbrauchsausgaben
(Optionale Seite)
z.B. Liste mit aktuellem Verbrauch, würde autoamtisch erstellt werden aber hier jetzt als statisches Beispiel, Inhalte wie in den anderen Seiten, also Bilder, Taberllen, Listen wie es passt, mindestens jedoch einen Erklärenden Textabsatz


# Gemeinsame Anforderungen
- Sauber eingerückte und gut lesbare Inhalte (Code-Qualität)
- Mindestens einmal Kommentare nutzen



# Ziel
Nach Abgabe der gezippten Dateisammlung wird diese öffentlich allen Teilnehmern der Umschulung zur Verfügung gestellt, jeder darf für jede andere Gruppe gucken, wie diese die Aufgabe umgesetzt hat. Dies gilt Klassen- und Jahrgangsübergreifend, d.H.
am Ende werden mindestens etwa 16-20 Auftritte für jeden Teilnehmer herunterladbar und anschaubar zur Verfügung gestellt.




