===== 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]]