Das ist dein Spielplatz für die 2. Woche
Hier kannst du dich ausprobieren - aber nichts falsch machen. Jetzt geht es ans Üben.
Übung 6 - Bilder einfügen und verändern
6a. Jetzt fügst du Bilder ein bzw. tauscht die vorhandenen Bilder aus
Gehe mit der Maus über das Bild, bis der Rahmen orange wird.
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Du findest links den Namen des Bildes (Bilddatei) und ein Kreuz daneben. Mit dem Kreuz kannst du das Bild löschen.
Mit der Wolke neben dem Bildnamen kannst du
a) ein Bild von deinem Computer hochladen oder
b) ein Bild aus den bereits hochgeladenen Bildern auswählen
Das Bildformat ist hier 500x500 px
Du kannst auch ausprobieren, wenn du 500x700 px als Größenformat auswählst. (geht genauso!)
6b. Jetzt veränderst du die Bildgröße
Gehe mit der Maus über das Bild, bis der Rahmen orange wird.
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Verändere die Bildgröße mit dem Schieberegler - verkleinere ein Bild
und dann
setze das Bild linksbündig, dann mittig, dann rechtsbündig in der Spalte
Übung 7 - Bilder formen und umranden
7a. Jetzt veränderst du die Form der Bilder
Gehe mit der Maus über das Bild, bis der Rahmen orange wird.
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Scrolle nach unten bis zu "Umrandung" und dann "Radius der Umrandung"
Du kannst den Radius der Umrandung einzeln einstellen oder für das gesamte Bild.
Probiere das mal aus.
Beim linken Bild ist nur oben link ein Radius eingestellt
Beim mittleren Bild ist oben rechts und unten links ein Radius eingestellt
Beim rechten Bild ist der Radius für alle vier Ecken gleich eingestellt
Rahmenradius (eine Ecke)
Rahmenradius (2 Ecken)
Rahmenradius (4 Ecken)
7b. Jetzt bekommen die Bilder einen Rand
Gehe mit der Maus über das Bild, bis der Rahmen orange wird.
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Scrolle nach unten bis zu "Umrandung"
Dann gehe etwas weiter nach unten bis "Stil" und wähle aus, ob der Rand solide, gepunktet, gestrichelt sein soll.
Und dann lege noch mit dem Farbwähler eine Farbe fest.
Und wähle die "Breite" des Randes aus.
Rand solide
Rand gepunktet
Rand gestrichelt
Übung 8 - Hintergrund fixiert
8a. Hintergrund fixieren, damit andere Elemente drüber scrollen
Gehe mit der Maus über das den Hintergrund und klicke darauf.
Hier ist etwas anders: siehst du es? Der Rand wird türkisfarben und oben links steht "Abteilung".
Eine Abteilung ist ein Element - vergleichbar mit einem leeren Blatt (das muss dich jetzt noch nicht interessieren).
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Scrolle nach unten bis "Hintergrund"
Hier findest du das "Hintergrundbild"
Unter "Display Image (also Anzeige des Bildes) kannst du verschiedene Möglichkeiten auswählen.
Fixiert bedeutet - alle anderen Elemente rollen darüber hinweg, während das Bild stehen bleibt.
Probiere aus, was passiert, wenn du die Einstellung bei "Display Image" veränderst.
Übung 8 - Hintergrund "fixiert"
Übung 9 - Hintergrund in der Breite füllen
9a. Hintergrund in der Breite füllen
Gehe mit der Maus über das den Hintergrund und klicke darauf.
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Scrolle nach unten bis "Hintergrund"
Hier findest du das "Hintergrundbild"
Unter "Display Image (also Anzeige des Bildes) kannst du verschiedene Möglichkeiten auswählen.
Wähle "100% in der Breite fixieren" und probiere aus, was passiert, wenn du im rechts davon stehenden Rahmen einmal den Punkt unten, den Punkt in der Mitte und den Punkt oben anklickst.
9b. Tausche den Hintergrund aus
Gehe mit der Maus über das den Hintergrund und klicke darauf.
Klicke auf das Einstellungsrad
Das Menü links verändert sich.
Scrolle nach unten bis "Hintergrund"
Hier findest du das "Hintergrundbild"
Tausche das Hintergrundbild aus und verwende ein 16:9 Format (es gibt dazu eine Lektion)
Du kannst auch die Hintergründe verwenden, die ich auf Canva mit dir geteilt habe.
Übung 9 - Hintergründe
Übung 10 - Farbwähler
10a. Arbeite mit dem Farbwähler
Gehe mit der Maus über den Hexcode - du wirst sehen, dass das nur ein Textfeld ist, das transparent ist.
Jetzt klicke auf den äußeren Bereich der Farbfläche (eine Reihe) und gehe auf Einstellungen.
Das Menü links verändert sich.
Du siehst einen runden Farbpunkt (Hintergrundfarbe)
Klicke auf den Farbpunkt. Es öffnet sich der Farbwähler.
Du kannst jetzt entweder den Hexcode eingeben
oder einfach mit den Schiebereglern eine Farbe suchen
oder in das große Farbfeld klicken.
Spiele hier ein bisschen.
Finde den grünen Hexcode (unten links) heraus
Verändere die Farbfelder in der unteren Reihe in die Farbhintergründe, die beschrieben sind (pink, gelb, weiß)
#333333
#B61C1C
#3B435F
#BD10E0
#?????
pink
gelb
weiß
Übung 11 - Bilder verändern
11. Bilder verändern
Das zeige ich dir demnächst
Filter verwischen
Farboverlay gelb
Schatten
Übung 12 - Formular
12. Ein Formular einrichten und verstehen
Das zeige ich dir demnächst
Übung 13 - Verlinken
Ich möchte verlinkt 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, LINK 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, LINK 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 LINK Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum
Hier sind die Links, die du verwendest
https://kreativundnachhaltig.de
Link zu deiner eigenen Webseite oder alternativ: https://www.kreativundnachhaltig.de/category/simplify-your-onlinebusiness
https://www.kreativundnachhaltig.de/digitale-produkte-online
Übung 14 - Ausprobieren an Teilen der Vorlage
Ausprobieren, wenn du Lust hast
Ab hier kommen verschiedene Teilbereiche aus der Vorlage
Du kannst einfach mal rumprobieren
z.B. den Hintergrund in der Hero-Abteilung verändern
Schriften verändern
Farben verändern
Schau dir einzelne "Elemente" an und untersuche, weshalb die Ecken rund erscheinen oder Schatten um einzelne Bereiche auftauchen.
Verändere Hintergrundfarben
Füge Bilder ein
Durch dieses Ausprobieren gewinnst du Sicherheit. Und es geht nichts kaputt.
Viel Spaß
Hero-Sektion
Hero-Sektion
Der Satz, der sitzen muss - deshalb werden wir ihn erst ganz zum Schluss einfügen
Das sind deine Vorteile, wenn du mit mir arbeitest
Vorteil 1
Beschreibung Vorteil
Vorteil 1
Beschreibung Vorteil
Vorteil 1
Beschreibung Vorteil
Das sagen meine Kundinnen
Referenz 1
Referenz 2
Referenz 3
Zusammenfassung oder Aufruf
Motivierender und auch emotionaler Aufruf, dass die Kundin mit dir arbeiten und dadurch vorwärts kommen soll statt endlos weiter Zeit zu verlieren. Sie soll in sich investieren und in ihr Business etc.
Eine Vision schaffen von dem, was sein könnte
Zitat
© 2025 Dein Name
