Mission 1 – Erstelle eine Webseite

In Mission 1 lernst du mit HTML und CSS Code Webseiten zu gestalten. Zuerst erfährst du, was die Auszeichnungssprache HTML ist und wie HTML funktioniert. Dann verwendest du HTML-Tags, um eine Webseite aufzubauen. Du lernst, wie du einen Text durch Absätze und Zeilenumbrüche gestalten kannst, wie du Bilder einfügst und eine Webseite in Abschnitte aufteilen kannst.

Dann lernst du die Formatierungssprache CSS kennen. Ändere das Layout und Design deiner Webseite, indem du mit CSS die Farbe, Größe und Form der HTML-Elemente einstellst. In der Kreativ-Aufgabe am Ende setzt du deine Code-Skills ein, um deine eigene Webseite mit eigenen Ideen zu gestalten.

CODE SKILLS

HTML schreiben

Lerne, wie man eine HTML-Webseite strukturiert und schreibe eine einfache Seite mit Titel und Text.

Hole dir den Code

CODE SKILLS

Absätze und Zeilenumbrüche

Verwende HTML-Tags für Absätze und Zeilenumbrüche.

Hole dir den Code

CODE SKILLS

Bilder einfügen

Verwende das Bild-Tag <img/> und füge Bilder ein, die auf deinem Computer gespeichert sind oder die du im Internet findest.

Hole dir den Code

CODE SKILLS

Abschnitte erstellen

Lerne, wie du deine Webseite mit dem
-Tag in zusammenhängende Abschnitte einteilst.

Hole dir den Code

CODE SKILLS

CSS schreiben

Formatiere mit dem style-Attribut und belege CSS-Eigenschaften mit Werten.

Hole dir den Code

CODE SKILLS

Mehrere CSS-Eigenschaften nutzen

Nutze mehrere CSS-Eigenschaften auf einmal, um das Aussehen deiner Webseite zu gestalten.

Hole dir den Code

CODE SKILLS

Verwende CSS-Klassen

Erstelle CSS-Klassen und nutze das class-Attribut, um sie in deinem HTML-Text anzuwenden.

Hole dir den Code

Kreativaufgabe: Baue eine Webseite

Nutze deine neuen Code-Skills, um eine Webseite für Professor Bairstone zu gestalten. Sie soll von der sensationellen Entdeckung des Mönchsdiamanten berichten. Deine Webseite soll ein interessantes Layout haben und sowohl Text und Bilder enthalten.

Hole dir den Code