Fr. 09.10.2026
08:30 bis 10:40 Uhr
Entdecken Sie, wie Sie Farben, Navigation, Header und Footer im Design 2022 individuell gestalten.
Anmeldung möglich
Ihr modernes und barrierefreies Webdesign mit LUKAS
Modernes Webdesign mit LUKAS
Mit LUKAS gestalten Sie Ihre Website modern und flexibel. Für die Navigation stehen Ihnen 6 Darstellungsvarianten zur Auswahl. Über den Baustein "Menü" können Sie an beliebigen Stellen Ihrer Website ein individuelles Menü einfügen.
Flexible Header und Hintergründe
Die Header werden bildschirmfüllend dargestellt. Statt eines Bildes können Sie auch Hintergrundbilder für die gesamte Seite festlegen. Nutzen Sie Farben oder großflächige Bilder gezielt, um optische Akzente zu setzen. Das Header-Modul und die Container ermöglichen den Parallax-Effekt, bei dem sich Inhalte wie Texte über das Hintergrundbild schieben und so eine moderne Tiefenwirkung entsteht.
Die Header werden bildschirmfüllend dargestellt. Statt eines Bildes können Sie auch Hintergrundbilder für die gesamte Seite festlegen. Nutzen Sie Farben oder großflächige Bilder gezielt, um optische Akzente zu setzen. Das Header-Modul und die Container ermöglichen den Parallax-Effekt, bei dem sich Inhalte wie Texte über das Hintergrundbild schieben und so eine moderne Tiefenwirkung entsteht.
Container und Kacheln für Struktur und Übersicht
Mit Containern gruppieren Sie Bausteine und versehen sie mit individuellen Hintergründen – ob Farben, Farbverläufe oder Bilder. Für die Module Termine, Nachrichten und Ansprechpartner stehen zusätzlich Kachel-Darstellungen zur Verfügung, die eine klare und strukturierte Präsentation der Inhalte ermöglichen.
Mit Containern gruppieren Sie Bausteine und versehen sie mit individuellen Hintergründen – ob Farben, Farbverläufe oder Bilder. Für die Module Termine, Nachrichten und Ansprechpartner stehen zusätzlich Kachel-Darstellungen zur Verfügung, die eine klare und strukturierte Präsentation der Inhalte ermöglichen.
Individuell gestaltbarer Footer
Den Footer passen Sie nach Ihren Wünschen an. Fügen Sie Adressen, Links oder andere Inhalte ein. Sie entscheiden, ob der Footer auf allen Unterseiten gleich bleibt oder ob Sie für verschiedene Bereiche individuelle Inhalte definieren möchten.
Den Footer passen Sie nach Ihren Wünschen an. Fügen Sie Adressen, Links oder andere Inhalte ein. Sie entscheiden, ob der Footer auf allen Unterseiten gleich bleibt oder ob Sie für verschiedene Bereiche individuelle Inhalte definieren möchten.
Mit einem Kachel- oder Kachel-Karussell lassen sich Termine, Nachrichten, Ansprechpartner und Orte übersichtlich darstellen. Nutzer können die Kacheln einfach durchblättern und schnell die gewünschten Informationen finden.
Bild-Link-Kacheln kombinieren Text und Bild. Der Text liegt direkt auf dem Bild und sorgt so für eine ansprechende und gut verständliche Darstellung.
In einem eigenen Footer platzieren Sie Inhalte in der Fußzeile Ihres Webauftritts. Diese Fußzeile gestalten Sie individuell mit einer Hintergrundfarbe, einem Farbverlauf oder einem Hintergrundbild. Unterschiedliche Gruppierungen innerhalb Ihrer Institution, z.B. ein Kindergarten oder ein Chor, pflegen einen eigenen Footer. So sind die passenden Kontaktdaten immer parat.
Erstellen Sie den Kopfbereich (Header) Ihrer Website individuell und geben u. a. mit Bildern aus Ihrer Institution oder Kirchengemeinde eine erste Vorstellung von Ihrer Einrichtung. Mit den verschiedenen Darstellungsvarianten gestalten Sie sehr individuell.
So arbeiten Sie mit Farben oder verändern den Hintergrund der gesamten Seite. Neben Bildern setzen Sie auch Bausteine ein.
Stehendes Hintergrundbild oder Parallax-Effekt
Ein stehendes Hintergrundbild bleibt beim Scrollen fest stehen, während sich der Inhalt darüber bewegt.
Der Parallax-Effekt erzeugt eine räumliche Tiefe: Objekte auf verschiedenen Ebenen bewegen sich beim Scrollen mit unterschiedlicher Geschwindigkeit. Dadurch entsteht ein Eindruck von Bewegung und Tiefe.
Zur Gestaltung können zudem Bereiche in Bildschirm- oder Inhaltsbreite verwendet werden. Diese können mit farbigen Hintergründen oder Hintergrundbildern, auch im Parallax-Stil, versehen werden.
Mi. 04.11.2026
16:00 bis 17:00 Uhr
Lernen Sie, wie Sie Ihre Inhalte barrierefrei aufbereiten und zugleich für Suchmaschinen optimieren.
Anmeldung möglich
Fr. 26.06.2026
12:30 bis 13:30 Uhr
Lernen Sie, wie Sie Inhalte klar strukturieren, Farben gezielt einsetzen und Ihre Website so gestalten, dass sie modern, benutzerfreundlich und für Ihre Zielgruppe optimal erlebbar wird.
Anmeldung möglich
Jederzeit verfügbar: Videotutorials und Schulungsaufzeichnungen
Wir bieten Ihnen eine umfassende Sammlung an Videotutorials und Schulungsaufzeichnungen, die Sie flexibel und nach Ihrem eigenen Zeitplan nutzen können. Um darauf zuzugreifen, melden Sie sich in EDITH an und navigieren Sie wie unter „Dokumentation“ beschrieben zur Hilfeseite (Lukas-Wiki).