Rettet die Bienen! – Expedition ins Internet

Zurück zum Dashboard

0 Fähigkeitspunkte

0 Neuro-Netz Punkte

0 Web-Creator Punkte

0 Daten-Detektiv Punkte

Kursabschnitte

Abschnitt 1

Einführung

1.01 Bienen sind wichtig!

1.02 Alle müssen es wissen!

Abschnitt 2

WWW

1.03 URL – Wo hängt das Plakat?

1.04 Bäume im Internet

1.05 So Surft es sich leichter

Abschnitt 3

Planung

1.06 Wir machen einen Plan

1.07 Infos sammeln

1.08 Inhalt ist gleich Inhalt?

1.09 Schlagzeilen

Abschnitt 4

Inhalte

1.10 Poster im Internet aufhängen

1.11 Fließtexte in HTML

1.12 Erstelle deine eigene Webseite!

1.13 Fülle deine Seite mit Inhalten

1.14 Texte hervorheben

1.16 Ein Blick auf die To-Do-Liste

1.17 Bilder in HTML

1.18 Jetzt wird’s bunt!

1.19 Videos in HTML

1.20 Webseiten untersuchen

1.21 Hyperlinks in HTML

1.22 Head und Body

Abschnitt 5

Style

1.23 CSS: so wird richtig gestylt!

1.24 CSS: Schriftarten

1.25 Rot, Grün, Blau,…

Abschnitt 6

Finale

1.26 Ein Meisterwerk

Inhalte

1.17 Bilder in HTML

Weiter unten findest du ein Fenster von Codepen mit schon etwas Code. Du kannst den Code direkt in dem Fenster editieren. Beantworte die 6 Quiz-Aufgaben, indem du die Aufgaben direkt am Code unten ausprobierst.

Hinweis Im Video erhältst du eine kurze Erklärung: Der Code steht doppelt da, damit du jederzeit wieder den Originalcode kopieren kannst. So hast du auch immer das Originalbild und siehst wie sich das Bild ändert, wenn du etwas am Code änderst.

See the Pen WEB_17_Bilder by RockStartIt (@RockStartIt) on CodePen.

Hilfe: Der Code ist weg!

Falls du versehentlich allen Code gelöscht oder geändert hast, kannst du das Browserfenster neuladen. Dann ist der Originalcode wieder da. Das Browser-Fenster lädst du mit dem -Symbol neu (s. Bild):

Tastenkürzel

1. Kopieren und Einfügen

Oft ist es nützlich Texte oder Elemente einfach zu kopieren. Markiere dafür den Text mit der linken Maustaste. Drücke dann die Tasten “strg”+”c”. Klicke dann an die Stelle, wo der Text eingefügt werden soll. Drücke dann die Tasten “strg”+”v”.

2. Tags: “<” und “>”

Für “<” drückst du nur die Taste rechts oben von “Strg”. Für “>” drückst du “Shift+<“. “Shift” ist die Taste direkt oberhalb von “Strg”.

3. Schrägstrich “/”

Für “/” drückst du “Shift+7”.

4. Anführungszeichen “: “Shift+2”

Queries vector created by pch.vector - www.freepik.com

Inhalte 1.16 Ein Blick auf die To-Do-Liste

Inhalte 1.18 Jetzt wird’s bunt!