Meine erste Ziber-Website

Erstellen Sie Ihre erste Ziber-Website? Wir helfen Ihnen gerne weiter! Mit Ziber können Sie ganz einfach Websites erstellen, ohne dass technische Kenntnisse erforderlich sind. Mehr als 100 Werbeagenturen sind Ihnen vorausgegangen, werfen Sie einen Blick auf das Portfolio für die Möglichkeiten.

1. Wählen Sie ein Produkt aus

Wählen Sie je nach Wunsch eines der Ziber-Produkte in der Ziber Cloud aus. Probieren Sie ein Produkt 30 Tage lang kostenlos aus. Wenn Sie das Produkt erstellt haben, können Sie auf die Schaltfläche DS4 klicken.

2. Laden Sie eine Vorlage herunter

Jedes Produkt hat seine eigenen PSD-Vorlagen. Wählen Sie eine Vorlage, für die erste Website ist es sinnvoll, eine Vorlage mit nicht zu vielen Schaltflächen zu wählen. (Hinweis! In Safari öffnet er die PSD im Browser, Sie können sie in Photoshop ziehen oder auf Bild herunterladen klicken)

3. Design in Photoshop erstellen

Die Photoshop-Datei arbeitet mit Segmenten. Segmente unterteilen das Bild in Chunks und geben jedem Teil seine eigene Funktion, wenn es in den DS4 hochgeladen wird.

Animationskopf
Hier können Sie Bilder animieren. Überlagern Sie mehrere Bilder und speichern Sie sie separat (für Web speichern). Dann können Sie es in DS4 im Animationsheader hochladen.

Tasten
Die Kästchen nebeneinander sind die Schaltflächen. Entwerfen Sie die Schaltflächen, Sie müssen nicht alle Schaltflächen verwenden. (Hinweis! Sie können keine Schaltflächen hinzufügen, wählen Sie eine andere Vorlage)

Abschnitt
Sie müssen dies nicht in .psd formatieren, alle Informationen von Ziber Team landen hier. Like Seiten, News, Fotos etc...

Fusszeile
Die Fußzeile befindet sich immer am Ende der Website, hier finden Sie die Kontaktdaten, das Antwortformular usw. des Kunden. Diese Informationen kann der Kunde selbst unter Seiten > Fußzeile in Ziber Team eingeben. Sie können der Fußzeile jedoch einen Hintergrund geben.

Segmente anpassen

Segmente sind variabel, Sie können sie in Höhe und Breite anpassen.

4. PSD hochladen

Klicken Sie in Photoshop auf „Speichern“ und laden Sie die .psd-Datei in den DS4 hoch. Ihr Design wird nun in eine Online-Website umgewandelt.

5. Erste Schritte im DS4

Ihre .psd-Datei befindet sich jetzt im DS4 und es müssen einige Anpassungen vorgenommen werden, um die Website fertigzustellen. (Hinweis! Sie können die Online-Website jederzeit anzeigen, indem Sie auf das Auge oben links klicken.)

Schablone

Schablone
Ändern Sie noch etwas in der .psd-Datei. Sie können die .psd-Datei jederzeit erneut hochladen .

Navigation
Fixieren Sie einfach die Navigationsleiste oben auf der Website.

Abschnitt

Möchten Sie ein Hintergrundbild verwenden? Geben Sie dem Abschnitt dann eine Hintergrundfarbe.

Animationskopf
Sie können mehrere Bilder mit dem Animationsheader animieren. Sie können den Animationsheader über die gesamte Breite der Website laufen lassen.

Links & Menüs

Verlinken

Klicken Sie auf eine der Schaltflächen, um sie zu verlinken . Sie können diesem Button nun bei "kein Link" einen Namen geben, indem Sie ihn eintippen. Der DS4 erstellt automatisch eine Seite in Ziber Team. Sie können die Seite auch mit einer App verknüpfen.

Menüs

Sie können einer Schaltfläche auch einfach ein Dropdown-Menü zuweisen. Unter der Schaltfläche erscheint automatisch eine Menüleiste, die Sie benennen und hinzufügen können. Die Gestaltung des Menüs finden Sie unter :design".

Entfernungen
Passen Sie hier einfach die Abstände (Ränder) der Website an.

Fusszeile
Bestimmen Sie die Breite der Fußzeile und geben Sie ihr eine Farbe oder ein Bild. Die Informationen in der Fußzeile finden Sie in Ziber Team unter Seiten > Fußzeile.

Ebenen entwerfen
Mit Design-Layern können Sie der Website mehr Dynamik verleihen. Laden Sie Bilder hoch und verwenden Sie Funktionen wie Parallaxe oder ein Vollbild-Hintergrundbild.

Hintergrund
Dies ist die hintere Ebene der Website, hier können Sie eine Farbe oder ein Hintergrundbild ohne Spezialeffekte angeben.

Themen
MitThemen können Sie jeder Seite einen eigenen Stil mit unterschiedlichen Bildern oder Überschriften geben.

Farben & Schriftart
Sie können die Farben auf der Website und die Schriftarten einfach anpassen. Die Einstellungen finden Sie unter dem Design-Button oben rechts.

6. Teilen Sie das Design mit Ihrem Kunden

Wenn Sie mit dem Design zufrieden sind, senden Sie Ihrem Kunden einfach einen Link. Gehen Sie auf den "Firmennamen" oben links und Sie kehren nun zum Designbildschirm zurück. Klicken Sie auf die Schaltfläche „ Teilen “ und senden Sie die URL.

Ist der Kunde zufrieden, können Sie die Website in der Cloud freischalten.