Das ist dein Spielplatz für die erste Woche

Hier kannst du dich ausprobieren - aber nichts falsch machen. Jetzt geht es ans Üben.

Übung 1 - Textfeld verstehen

1a. Nimm deine Maus und bewege sie HIER über den Text.

Was passiert? Welche Farbe hat die Umrandung? Was steht links über der Umrandung?

Jetzt klicke hier in den Text und schreibe deine Antwort zu 1a

1b. Nimm deine Maus und bewege sie über den Text. Dann klicke in den Text.

Was passiert? Welche Farbe hat die Umrandung jetzt?

Jetzt klicke hier in den Text und schreibe deine Antwort zu 2b

1c. Jetzt schreibe einen Text und breche ihn um

Schreibe in das rosa Textfeld deinen Vornamen und Namen und deine Adresse (das geht wie sonst am Computer auch)

Textfeld

So sollte das Ergebnis aussehen

Birgit Baindl

Fantasiestraße 18

12345 Traumstadt

Übung 2 - Text formatieren

2a. Jetzt veränderst du die Schriftstärke etc.

Klicke in das rosa Textfeld

Markiere den Text Fett (Bold) und gehe dann auf das B (links oben)

Markiere den Text Italics (Schräg) und gehe dann auf das I (links oben)

mach jetzt weiter mit unterstrichen, gehe auf das U

und dann noch mit durchgestrichen, gehe auf das S

(die Lösung siehst du drunter, hellblau unterlegt

Fett (Bold) Italics (Schräg) unterstrichen durchgestrichen

Fett (Bold)Italics (Schräg)unterstrichendurchgestrichen

2b. Jetzt änderst du die Schriftgrößen und Zeilenabstände

Fahre mit der Maus über das rosa Textfeld, auf der rechten Seite erscheint ein Rädchen (für Einstellungen).

Klicke auf das Einstellungsrädchen darauf und schau, was du im linken Seitenmenü siehst:

Schriftgröße verändern (verwende den Schieberegler oder die Pfeile nach oben und unten)

Zeilenhöhe verändern (verwende den Schieberegler oder die Pfeile nach oben und unten)

Vergrößere die Buchstaben auf Schriftgröße 30

und Zeilenabstand 40

So sollte es dann aussehen: Buchstaben auf Schriftgröße 30

und Zeilenabstand 40

Vergrößere die Buchstaben auf Schriftgröße 25

und Zeilenabstand 30

und mache die Schrift FETT (Bold)

So sollte es dann aussehen: Buchstaben auf Schriftgröße 25

und Zeilenabstand 30

und Schrift FETT (Bold)

2c. Jetzt änderst du die Ausrichtung der Schrift: linksbündig - mittig - rechtsbündig

Fahre mit der Maus über das rosa Textfeld, auf der rechten Seite erscheint ein Rädchen (für Einstellungen).

Klicke darauf und suche im Seitenmenü nach "Polsterung" (einfach nach unten scrollen); unter Polsterung siehst du dann "Angleichen". Hier kannst du linksbündig, mittig oder rechtsbündig einstellen.

Stelle mich linksbündig ein:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

So sollte es linksbündig aussehen:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

Stelle mich rechtsbündig ein:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

So sollte es rechtsbündig aussehen:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

Stelle mich mittig ein:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

So sollte es mittig aussehen:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

Übung 4 - Kopieren

4a. Jetzt verdoppelst du einen Text

Nimm deine Maus und bewege sie über den Text unten

Du siehst rechts neben dem Einstellungsrädchen zwei Papiersymbole (das steht für "Verdoppeln bzw. Duplizieren"

Klicke auf das Verdoppeln-Symbol - und der Text ist jetzt verdoppelt

Ich möchte bitte dupliziert (verdoppelt) werden

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

4b. Jetzt löscht du einen Text

Nimm deine Maus und bewege sie über den Text unten

Du siehst rechts neben dem Einstellungsrädchen ganz rechts ein Papierkorbsymbol

Klicke auf das Papierkorbsymbol - und der Text ist gelöscht (du wirst zur Sicherheit noch gefragt, ob du löschen willst)

Ich möchte bitte gelöscht werden

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum

Übung 5 - Elemente einfügen

5a. Jetzt fügst du einen Text ein

Klicke dafür mit der Maus links neben dieses Feld.

Das Seitenmenü verändert sich.

Klicke jetzt auf "Text" - siehst du das "Ziehkreuz"

halte den Bereich mit der Maus fest und ziehe ihn in den Bereich unter diesem Text

Achte auf blaue Linie, die du siehst

Dann lass los

5b. Jetzt fügst du eine Überschrift ein

Klicke dafür mit der Maus links neben dieses Feld.

Das Seitenmenü verändert sich.

Klicke jetzt auf "Überschriften-Text" - siehst du das "Ziehkreuz"

halte den Bereich mit der Maus fest und ziehe ihn in den Bereich unter diesem Text

Achte auf blaue Linie, die du siehst

Dann lass los

5c. Jetzt fügst du eine Aufzählung ein

Klicke dafür mit der Maus links neben dieses Feld.

Das Seitenmenü verändert sich.

Klicke jetzt auf "Aufzählung" - siehst du das "Ziehkreuz"

halte den Bereich mit der Maus fest und ziehe ihn in den Bereich unter diesem Text

Achte auf blaue Linie, die du siehst

Dann lass los

5d. Jetzt änderst du das Symbol bei der Aufzählung und die Schriftgröße des Textes

Klicke dafür auf das Einstellungsrad bei der Aufzählung.

Verändere die Schriftgröße auf 25

Dann gehe etwas weiter runter zu "Iconwähler"

in einem Feld steht "check" - klicke darauf und du siehst alle Symbole, die du auswählen kannst

wähle einen Pfeil (arrow) - hier musst du entweder ein Symbol auswählen, oder den engl. Begriff "arrow" eintippen.

  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

  • so sollte es dann aussehen

  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

5c. Jetzt fügst du Spalten ein

Klicke dafür mit der Maus links neben dieses Feld.

Das Seitenmenü verändert sich.

Unter "Spaltenlayout" findest du verschiedene Möglichkeiten für Spalten

wähle 2 Spalten halte den Bereich mit der Maus fest und ziehe ihn in den Bereich unter diesem Text

Achte auf blaue Linie, die du siehst

Dann lass los

5c. Jetzt fügst du Texte in die Spalten ein

Klicke dafür mit der Maus links neben dieses Feld.

Das Seitenmenü verändert sich.

Unter "Spaltenlayout" findest du verschiedene Möglichkeiten für Spalten

wähle 2 Spalten halte den Bereich mit der Maus fest und ziehe ihn in den Bereich unter diesem Text

Achte auf blaue Linie, die du siehst

Dann lass los

Anschließend wähle "Text" und versuche den Text in die linke Spalte zu ziehen

Schreibe in den Text "linke Spalte"

Ziehe ein "Bild" in die rechte Spalte

linke Spalte.

Übung 6 - Ausprobieren an Teilen der Vorlage

Impressum und Datenschutz

Arbeite die Lektion im Kursbereich zu Impressum und Datenschutzgenerator durch.

Nutze den Impressumsgenerator und erstelle dein Impressum (dazu gibt es eine Lektion)

Die Vorlage findest du im Funnel

Probiere aus, wie weit du mit dem Datenschutzgenerator kommst und erstelle einen ersten Datenschutz-Entwurf

Die Vorlage findest du im Funnel

Übung 7 - Footer-Menü

Die Footer-Menüleiste (unten)

Setze deinen Vornamen und Namen ein

Hast du ein quadratisches Logo, ein rechteckiges Logo, noch gar kein Logo?

ändere schon einmal, was du ändern willst, um einen Gesamteindruck zu bekommen

Füge in den rechten Menübereich ein Bildelement ein. Lade dein Logo hoch und setze es in das Bildelement ein

Notiere dir deine Fragen