Mijn eerste Ziber Website

Jouw eerste Ziber website maken? Wij helpen u graag op weg! Met Ziber maak je eenvoudig websites zonder dat je daar technische kennis voor nodig hebt. Meer dan 100 reclamebureaus gingen jou voor neem eens een kijkje in het portfolio voor de mogelijkheden. 

1. Kies een product 

Kies in de Ziber Cloud uit één van de Ziber producten, afhankelijk van uw wensen. Probeer een product vrijblijvend 30 dagen gratis uit. Als u het product aangemaakt heeft kunt u klikken op de knop DS4.

2. Download een template

Ieder product heeft zijn eigen PSD templates. Kies een template, voor de eerste website is het handig een template te kiezen met niet teveel knoppen. (Let op! in safari opent hij het psd in de browser deze kunt u naar photoshop slepen, of op download afbeelding klikken)

3. Ontwerp maken in Photoshop

Het Photoshop bestand werkt met segmenten. Segmenten verdelen de afbeelding in stukjes waardoor elk onderdeel een eigen functie krijgt wanneer deze wordt geupload in de DS4.

Animatieheader
Hier kunt u afbeeldingen laten animeren. Plaats meerdere afbeeldingen over elkaar en sla deze apart op (opslaan voor web). Vervolgens kunt u deze uploaden in de DS4 bij animatieheader. 

Knoppen
De vakjes naast elkaar zijn de knoppen. Ontwerp de knoppen, je hoeft niet alle knoppen te gebruiken. (Let op! Je kunt er geen knoppen bijmaken, kies dan voor een ander template)

Section
Deze hoeft u in het .psd niet op te maken, hier komt alle informatie uit Ziber Team terecht. Zoals pagina's, nieuws, foto's etc...

Footer
De footer is altijd aan de onderkant van de website, hier vind je de contactgegevens, reactieformulier etc.. van de klant. De klant kan deze informatie zelf invoeren bij pagina's > footer in Ziber Team. Wel kun je de footer een achtergrond meegeven. 

Segmenten aanpassen

Segmenten zijn variabel, je kunt deze in hoogte en breedte aanpassen.

4. Upload PSD

Klik in Photoshop op "opslaan" en upload het .psd bestand in de DS4. Van jouw ontwerp wordt nu een online website gemaakt. 

5. Aan de slag in de DS4

Jouw .psd staat nu in de DS4 en er moeten nu nog wat aanpassingen gedaan worden om de website helemaal af te maken. (Let op! Je kunt de online website altijd bekijken door op het oogje linksboven te klikken)

Template

Template
Toch nog iets aanpassen in het .psd bestand. Je kunt het .psd altijd opnieuw uploaden. 

Navigatie
Zet eenvoudig de navigatiebalk vast aan de bovenkant van de website.

Section

Wil je gebruik gaan maken van een achtergrond afbeelding? Geef dan de section een achtergrondkleur mee. 

Animatieheader
Bij de animatieheader kun je meerdere afbeeldingen laten animeren. Je kunt de animatieheader over de hele breedte van de website laten lopen. 

Koppelingen & menu's 

Koppelen

Klik op één van de knoppen om deze te koppelen. Je kunt nu rechts bij "geen link" een naam aan deze knop geven door deze in te typen. De DS4 Creeert automatisch een pagina in Ziber Team. Je kunt ook kiezen de pagina aan een app te koppelen.

Menu's

Je kunt een knop ook eenvoudig een dropdownmenu geven. Onder knop verschijnt automatisch een menu balk deze kun je een naam geven en toevoegen. Het menu vormgeven vind je bij :ontwerp". 

Afstanden
Pas hier eenvoudig de afstanden (marges) van de website aan. 

Footer
Bepaal de breedte van de footer, en geef deze een kleur of afbeelding mee. De informatie in de footer is te vinden in Ziber Team bij Pagina's > footer. 

Designlagen
Met designlagen kun je de website meer dynamiek geven. Upload afbeeldingen en maak gebruik van de functies zoals parallax of een beeldvullende achtergrond afbeelding. 

Achtergrond
Dit is de achterste laag van de website, hier kun je een kleur geven of een achtergornd afbeelding zonder speciale effecten. 

Thema's
Door middel van thema's kun je elke pagina een eigen stijl geven met verschillende afbeeldingen of headers. 

Kleuren & font
De kleuren in de website & de fonts kun je eenvoudig aanpassen. De instellingen vind je onder de knop designs rechtsboven. 

 6. Design delen met jouw klant

Als je tevreden bent over het ontwerp stuur je jouw klant eenvoudig een linkje. Ga linksboven naar de "bedrijfsnaam" je komt nu weer in het designs scherm. Klik op de knop delen en stuur de url.

Als de klant tevreden is kun je de website in de cloud activeren.