Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
| gf_informatik:web:cv_project [2024-12-03 15:39] – [Bewertung] hof | gf_informatik:web:cv_project [2025-04-02 06:32] (aktuell) – [Ziele] gra | ||
|---|---|---|---|
| Zeile 16: | Zeile 16: | ||
| 1. Öffne diesen Ordner in Visual Studio Code (wie gelernt in [[gf_informatik: | 1. Öffne diesen Ordner in Visual Studio Code (wie gelernt in [[gf_informatik: | ||
| 1. Erstelle darin eine Datei `index.html`. Gebe diesem die Grundstruktur, | 1. Erstelle darin eine Datei `index.html`. Gebe diesem die Grundstruktur, | ||
| + | 1. Optional: Überlege erst, wie du deine Webseite mit folgendem Inhalt gestalten willst und erstelle ein Skizze auf Papier. Vorteil: Du weisst jetzt schon, welche html-Elemente für deine Darstellung sinnvoll sind. | ||
| 1. Verfasse nun den **Inhalt** der Website. Die Website muss enthalten: | 1. Verfasse nun den **Inhalt** der Website. Die Website muss enthalten: | ||
| 1. Dein Name als Hauptüberschrift | 1. Dein Name als Hauptüberschrift | ||
| Zeile 28: | Zeile 29: | ||
| 1. Versehe den Inhalt mit den passenden HTML-Elementen: | 1. Versehe den Inhalt mit den passenden HTML-Elementen: | ||
| 1. Formatiere die Seite mit einer eingebundenen CSS-Datei. | 1. Formatiere die Seite mit einer eingebundenen CSS-Datei. | ||
| - | 1. Versuche, alle bisher gelernten CSS-Elemente zu verwenden. Verwende `id` und `class`, um einzelne resp. ausgewählte Elemente zu stylen. | + | 1. Versuche, alle bisher gelernten CSS-Elemente zu verwenden. Verwende `class` oder `id`, um einzelne resp. ausgewählte Elemente zu stylen. |
| 1. *Optional:* Informiere dich über [[gf_informatik: | 1. *Optional:* Informiere dich über [[gf_informatik: | ||
| 1. **Abgabe:** | 1. **Abgabe:** | ||
hof