🛠 Aufgabe: Strukturierte Website erstellen

1. 🔐 1. SSH-Verbindung herstellen
   Stellen Sie eine Verbindung zum Server edumake.de über Port 2222 her.
   ➔ Hinweise in U1.
   ➔ Nutzen Sie das WLAN mbm oder einen Hotspot (nicht eduroam!).
2. 📁 2. Projektstruktur anlegen
   Erstellen Sie die Grundstruktur mit mkdir und nano (siehe U2).

   
   /home/isa##/www/
   ├── index.html
   ├── kontakt.html
   ├── ueber_uns.html
   ├── eis_projekt.html
   ├── impressum.html
   ├── css/
   │   └── style.css
   ├── js/
   │   └── script.js
   ├── img/
   │   ├── gruppenbild.jpg
   │   └── logo.svg
   └── assets/
       └── projektinfo.pdf
         

   ➔ Terminalhilfe: U0 macOS/Linux oder U0 Windows. ➔ Erstellen Sie die Unterseiten.
3. 🧭 3. Navigationskonzept entwickeln
   Planen Sie ein übersichtliches Menü:
   ➔ Startseite, Über uns, Kontakt, Projekt, Impressum.
   ➔ Einheitlich auf allen Seiten sichtbar.
4. 🎨 4. Modernes & responsives Design umsetzen
   Design in css/style.css auslagern.
   ➔ Klare, gut lesbare Schriftarten
   ➔ Moderne Farben & dezente Akzente
   ➔ Responsive Gestaltung für Mobilgeräte beachten
   ➔ Inspiration: awwwards.com
5. 🧾 5. Impressum erstellen
   ➔ Name / fiktiver Verantwortlicher
   ➔ E-Mail-Adresse
   ➔ Hinweis auf den Lernzweck
6. ⬇️ 6. Downloadbereich & Galerie gestalten
   ➔ PDF-Datei im Ordner assets/ hochladen & verlinken.
   ➔ Bildergalerie mit Bildern aus img/.
   ➔ Beim Klick auf ein Bild soll eine größere Ansicht erscheinen.
7. 🖼️ 7. Logo & Icon
   ➔ Erstellen Sie ein Beispiellogo für Ihre Homepage und implementieren dies in Ihre Homepage.
   ➔ Erstellen Sie ein ICON für Ihre Homepage, für die Anzeige im BrowserTab
   


8. 💬 8. Umsetzungshinweise
   ➔ Nutzen Sie relative Pfade (z. B. css/style.css)
   ➔ Arbeiten Sie mit semantischem HTML (<header>, <main>, <footer>)
   ➔ Testen Sie regelmäßig unter https://isa##.edumake.de
   ➔ Achten Sie auf Erweiterbarkeit für spätere Python/Flask-Projekte.