Gestalten ohne Programmierung
Artikel
Design: Hintergrund
Wenn du deine Webseite im Browser ansiehst, dann befindet sich bei den allermeisten Webseiten und Designvorlagen der Inhalt deiner Webseite in der Mitte vom Browser und hat eine klare Begrenzung nach links und rechts. Die Breite deiner Webseite liegt so zwischen 600 und 1.500 px, während auf größere
Design: Logo
Um ein Logo zu platzieren gibt es im Design-Editor einen eigenen Bereich "Logo". Die Funktionen sind schnell erklärt.
Du kannst dort ein Bild hochladen oder aus deiner Bildverwaltung einbinden. Wenn dein Logo zum Beispiel auf dem Header platziert werden soll kann es sinnvoll sein, ein durchsichtiges
Wozu brauche ich drei Header?
Diese Frage bekommen wir öfter gestellt. Ein Grund ist, dass man mit einem Header immer auch ein Bild verbindet. Man muss sich davon lösen, dass ein Bereich immer einen Inhalt haben muss. Manchmal ist es sogar besser, leere und völlig durchsichtige Header zu verwenden. Das neue Design "Polydeuces"
Design: Schriften
Wenn du möchtest, dass deine Webseite modern und professionell wirkt, dann solltest du darauf achten, dass du auf allen Seiten ein einheitliches Schriftbild verwendest und für gleiche Elemente und Schriften auch die gleichen Farben benutzt.
Mit page4 ist das ganz einfach. Die Überschriften und auch
Design: Mobile Ansicht
Alle neuen und alle mit dem neuen Editor gemachten Seiten sind automatisch responsive. Du musst dazu allerdings die Funktion anschalten. Den Dialog kannst du direkt über den Menüeintrag "Mobile" im Design Editor aufrufen.
Wie deine Seite auf einem mobilen Gerät dargestellt wird, kannst du mit dem Bu
Design: Navigation
Der Navigationsbereich muss immer vorhanden sein, sonst bist du nicht in der Lage die einzelnen Seiten deiner Homepage im Browser aufzurufen.
Die horizontale Navigation hat einen eigenen Bereich so wie ein Header. Diesen Bereich kannst du mit den Mitteln des Design-Editors frei gestalten, also ei
Design-Editor
Mit page4 hast du alle Freiheiten, dass Design deiner Webseite selbst zu gestalten. Du brauchst keine Kenntnisse von HTML oder CSS und musst auch keine Angst haben, irgendwas "kaputt zu machen". Du siehst live wie sich das Design verändert, wenn du in den entsprechenden Dialogen Anpassungen vornimms
Bereiche deiner page4 Website
Unten siehst du eine Darstellung aller Elemente, die in einem Design vorhanden sein können. Im Gegensatz zu anderen Baukästen entscheidest du selbst, welche Elemente bzw. Bereiche du verwenden willst. Unsere Designvorlagen sind nur Vorschläge und keine fest programmierten Vorlagen. Du kannst bis a
Bildoptionen im Design
Du kannst fast alle Bereiche eines Designs mit einem Hintergrundbild versehen. Normalerweise solltest du aber sparsam damit umgehen. Ein Designbild soll ein Blickfang sein und den Besucher fesseln aber nicht vom Inhalt ablenken. Zu viele Bereiche mit einem Hintergrundbild lassen deine Webseite unruh
Rahmenoptionen im Design
Rahmen sind nicht einfach nur Linien um einen Bereich, sondern bieten dir insbesondere bei page4 und den Möglichkeiten, die unser System zur Verfügung stellt, eine Vielzahl an Gestaltungsmöglichkeiten.
Option 1: Rahmen an und ausschalten
Du kannst bei fast allen Bereichen auch einen Rahmen
Inhaltselemente im Header
Hinweis: Wir würden dir empfehlen, dieses Tool möglichst nicht oder sparsam zu verwenden. In der mobilen Ansicht können die fest platzierten Elemente nicht optimiert dargestellt werden.
Inhalte auf dem Header oder Footer werden anders erzeugt und bearbeitet als normale Inhalte auf der Seite. Oben si
Design: Elemente und Einstellungen
Unter dem Menüpunkt „Elemente“ findest du im Design-Editor eine Vielzahl an Möglichkeiten, deine Webseite zu gestalten.
Design: Vorlagen
Unser System page4 stellt dir verschiedene Vorlagen zur Verfügung. Wenn du auf die Karteikarte "Vorlagen" (1) klickst, findest du dort mehrere Menü-Einträge.
Was sind Strukturen?
Die Struktur legt fest, wie die einzelnen Bereiche zueinander angeordnet sein können. Du kannst jederzeit die Struktur wechseln, ohne dass Inhalte verloren gehen oder deine Designeinstellungen verändert werden. Schaltest du auf eine Struktur um, die mehr Optionen hat, werden zusätzliche Bereiche ang
Der Farbwähler
Farben sollte man sparsam und gezielt verwenden. Wichtig ist, dass man nur eine begrenzte Anzahl an Farben benutzt und diese aufeinander abgestimmt sind. Im Farbwähler von page4 kannst du Farben bestimmen und in eine Ablage abspeichern. So kannst du dann überall auf die selben Farbtöne zurückgreifen