===== Webseiten erstellen mit HTML und CSS =====
Auf folgenden Seiten lernst du die Sprachen HTML und CSS kennen. Damit erstellst du kleine Webseiten: Mit HTML kannst du die Inhalte einer Webseite strukturieren. Mit CSS kannst du das Aussehen einer Webseite gestalten.
++++ Lernziele:|
* Ich kann eine einfache Webseite mit HTML erstellen – mit korrekter Grundstruktur aus head und body.
* Ich kann die wichtigsten html-Elemente (h1 bis h6, p, ul, ol, li, a, img, em, strong) korrekt verwenden.
* Ich kann HTML-Begriffe wie Start-Tag, End-Tag, Blockelement, Inline-Elment, Attribut erklären und korrekt verwenden.
* Ich kann HTML-Elemente mit Klassen oder IDs versehen.
* Ich kann eine einfache Webseite mit CSS gestalten.
* Ich kann die wichtigsten CSS-Eigenschaften zu Text-Gestalt und Text-Farbe und Hintergrundfarbe korrekt verwenden.
* Ich kann die wichtigsten CSS-Eigenschaften zu Abständen und Rändern (padding, border, margin) korrekt verwenden.
* Ich kann fehlerhaften HTML- & CSS-Code korrigieren.
* Ich kann CSS-Begriffe wie Selektor, Formatierungsregel, Attribut, Wert erklären und korrekt verwenden.
* Ich kann in CSS nebst Elementen auch Klassen oder IDs auswählen und gestalten.
++++
=== HTML ===
* [[gf_informatik:web:html|Theorie]]
* [[gf_informatik:web:uebungen#auftrag1|Auftrag 1]]
* [[gf_informatik:web:uebungen#auftrag2|Auftrag 2]]
=== CSS ===
* [[gf_informatik:web:css|Theorie]]
* [[gf_informatik:web:uebungen#auftrag3|Auftrag 3]]
* [[gf_informatik:web:uebungen#auftrag_4_neo_am_scheideweg|Auftrag 4]]
=== Projekt ===
* [[gf_informatik:web:cv_project]]
=== Advanced ===
* [[gf_informatik:web:gridlayout]]
* [[gf_informatik:web:js]]
* [[gf_informatik:web:advanced]]