Hey!

Willkommen zum dritten Kurs dieser Reihe, dem CSS Kurs! Hier lernst du, wie du deine HTML Seite schöner gestalten kannst. Dafür musst du HTML aber bereits verstehen. Falls dies nicht der Fall sein sollte, schau dir doch den HTML Kurs an.

Noch einige Informationen...

In diesem Kurs lernst du sowohl die Grundlagen von CSS, als auch einige fortgeschrittene Anwendungsmöglichkeiten. Bevor du loslegst, brauchst du aber noch einige Informationen. Wenn du den HTML Kurs bereits gemacht hast, kannst du diesen Abschnitt überspringen.

Aufbau

Am besten bearbeitest du die Lektionen auf einem grossen Bildschirm. Dann siehst du links eine Liste mit sämtlichen Lektionen, welche in diesem Kurs enthalten sind.

Wenn du trotzdem lieber auf einem kleinen Bildschirm arbeitest, siehst du jeweils oben auf jeder Seite den Namen des Kurses und am rechten Rand ein Hamburgericon. Wenn du auf dieses Icon klickst, erscheint ebenfalls eine Liste mit allen Lektionen.

Zu oberst einer Lektion wirst du meist eine Aufzählung mit einigen Punkten finden. Diese fassen das Wichtigste der Lektion zusammen, daher musst du diese Punkte nicht schon verstehen, wenn du sie zum ersten Mal liest.

Editor

Hin und wieder wirst du auf Codeeditoren treffen. Diese werden dann jeweils ungefähr so aussehen:

Im dunklen Teil des Fensters links kannst du etwas reinschreiben. Das Resultat deiner Eingabe siehst du dann auf der rechten Seite. Dieses Beispiel war natürlich noch nicht sehr spektakulär, spannend wird es erst, wenn wir HTML reinschreiben. Aber dazu später mehr.

Link oben, über dem Textfeld, kannst du einstellen, ob der Editor, das Resultat oder beides angezeigt werden soll. Auf einem kleinen Bildschirm ist nur eine Ansicht auf einmal möglich.

Rechts daneben siehst du erneut ein Hamburgericon. Damit kannst du das Menu öffnen, wo dir folgende Möglichkeiten zur Verfügung stehen:

• Deine Eingabe auf den Ausgangszustand zurücksetzen
• Die Lösung der Aufgabe anzeigen
• Die Eingabe formatieren

Ausserdem funktionieren die gängigen Tastaturbefehle im Editor. Neben Copy / Paste sind unter anderem diese Tastenbefehle verfügbar:

• Ctrl + Z um deine Eingabe rückgängig zu machen
• Ctrl + Shift + Z um die Eingabe wiederherzustellen