Dieses Dokument beschreibt die Struktur des Website-Builders, seine Bearbeitungsmodi sowie den Prozess des Speicherns und Veröffentlichens einer Website. Für detaillierte Informationen über die verfügbaren Elemente und deren Funktionalität verweisen wir auf den Artikel: Website Builder Elemente.
Website Builder Werkzeuge - linker Bereich
Der Website-Builder ist in drei unterschiedliche Modi unterteilt, die jeweils auf spezifische Aspekte der Website-Erstellung und -Verwaltung ausgerichtet sind. Ein nahtloses Umschalten zwischen diesen Modi gewährleistet einen effizienten und umfassenden Workflow sowohl für den Aufbau als auch für die Bearbeitung von Vorlagen.
Der Abschnitts-Builder-Modus konzentriert sich auf den Seitenaufbau mithilfe einer Bibliothek vorgefertigter Blöcke. Abschnitte sind in Kategorien organisiert, was den Prozess des Hinzufügens neuer Elemente zu Ihren Seiten vereinfacht. Einmal hinzugefügt, können Abschnitte per Drag & Drop oder durch Positionsanpassung mit Pfeilen neu angeordnet werden.
Blöcke können kopiert oder entfernt werden, was Flexibilität und Kontrolle über das Seitenlayout bietet. Dieser Modus ermöglicht es Ihnen auch, Abschnitte anzupassen, indem Sie Hintergrund-Bilder oder Videos festlegen und Anzeigeeinstellungen zur Verbesserung der Präsentation anpassen.
Jede Website besitzt eine organisierte Struktur, die aus einem Header, Inhalt (Body) und Footer besteht. Der Website-Builder folgt dieser Struktur, um den Entwicklungsprozess der Website zu optimieren.
Der Stil-Editor-Modus stellt Werkzeuge bereit, um einheitliche Stile auf Ihrer gesamten Website zu definieren und anzuwenden. In diesem Modus können Sie global Schriftarten und Farben festlegen, um ein einheitliches Design auf allen Seiten zu gewährleisten, einschließlich automatisch generierter Seiten wie Blogs, Produktseiten und Shops. Außerdem ermöglicht er die Bearbeitung einzelner Elemente wie Text und Bilder, das Verschieben von Inhalten oder das Löschen unnötiger Komponenten innerhalb vordefinierter Blöcke. Diese globalen Einstellungen vereinfachen den Designprozess und sorgen für visuelle Konsistenz.
Im Seiten-Manager-Modus können Sie neue Seiten erstellen oder zwischen bestehenden wechseln. Dieser Modus erlaubt es Ihnen, Titeln für Seiten zu vergeben und SEO-Einstellungen zu konfigurieren, einschließlich SEO-Titeln, Meta-Beschreibungen und Meta-Schlüsselwörtern. Darüber hinaus können Sie bestimmen, ob bestimmte Seiten von Suchmaschinen indexiert werden sollen, was Ihnen mehr Kontrolle über die Sichtbarkeit Ihrer Website gibt.
Website Builder Editor - rechter Bereich
Der Website-Builder bietet verschiedene Modi, die Zugang zu spezifischen Werkzeugen zur Verbesserung des Erstellungsprozesses ermöglichen. Durch das Wechseln zwischen den Modi im linken Bereich können Sie unterschiedliche Ansätze für den Aufbau Ihrer Website erkunden.
Im Aktiven Abschnitts-Builder-Modus können Sie umfassendere Änderungen an gesamten Abschnitten im Editor vornehmen. Dazu gehört das Ändern von Hintergründen, das Festlegen von Bildern oder Videos und das Anpassen der Abschnittsanzeige. Sie können Abstände (Padding und Margin) individuell anpassen und Abschnitte per Drag & Drop oder mithilfe der Pfeiltasten nach oben oder unten verschieben. Zudem ermöglicht dieser Modus das Kopieren ganzer Abschnitte oder deren Löschung nach Bedarf.
Der Aktive Stil-Editor-Modus konzentriert sich auf detaillierte Anpassungen innerhalb jedes Abschnitts. In diesem Modus können Sie Textinhalte bearbeiten, Schriftarten anpassen und Farben ändern, um das gewünschte Erscheinungsbild zu erzielen. Außerdem erlaubt er das Ersetzen von Fotos durch Hochladen neuer Bilder, den Zugriff auf Ihren Dateimanager oder die Auswahl von Bildern aus der Fotobibliothek.
Die effektive Nutzung dieser Modi ermöglicht es Ihnen, eine professionelle und visuell ansprechende Website zu erstellen, die Ihren spezifischen Anforderungen entspricht.
Website-Entwicklungsstruktur
Der Header und Footer sind grundlegende Elemente, die auf jeder von Ihnen erstellten Seite erscheinen. Der Header, der sich oben auf jeder Seite befindet, enthält typischerweise das Navigationsmenü der Seite sowie weitere Elemente, die auf allen Seiten konsistent angezeigt werden sollen.
Der Inhaltsbereich ist auf jeder Seite einzigartig. Zwischen Header und Footer platziert, enthält er die spezifischen Informationen oder Funktionen, die für diese Seite relevant sind. Dieses Layout stellt sicher, dass jede Seite eine klare und organisierte Struktur behält und gleichzeitig individuellen Inhalt ermöglicht.
Der Footer, der am unteren Ende jeder Seite angezeigt wird, ist ein wichtiger Bereich für die Einbindung wesentlicher Links und Website-Informationen. Übliche Footer-Elemente sind Kontaktdaten, Urheberrechtshinweise und wichtige Navigationslinks. Außerdem eignet sich dieser Bereich ideal für die Platzierung von Cookie-Hinweisen, rechtlichen Haftungsausschlüssen oder Modalen, die auf allen Seiten zugänglich sein sollen.
Für weitere Details zur Verwendung und Anpassung von Abschnitten, deren Zweck und Bearbeitungsoptionen verweisen wir auf den folgenden Artikel: Verfügbare Blöcke.