Mijn eerste Ziber-website
Je eerste Ziber-website maken? We helpen je graag! Met Ziber maak je eenvoudig websites zonder dat je technische kennis nodig hebt. Meer dan 100 reclamebureaus gingen je voor. Bekijk het portfolio voor de mogelijkheden.
1. Kies een product
Kies afhankelijk van je wensen een van de Ziber-producten in de Ziber Cloud. Probeer een product 30 dagen gratis uit. Nadat je het product hebt aangemaakt, kun je op de knop DS4 klikken.
2. Download een sjabloon
Elk product heeft zijn eigen PSD-sjablonen. Kies een sjabloon. Voor de eerste website is het handig om een sjabloon met niet te veel knoppen te kiezen. (Let op! In Safari wordt het PSD-bestand in de browser geopend. Je kunt het naar Photoshop slepen of op ‘Afbeelding downloaden’ klikken.)
3. Maak een ontwerp in Photoshop
Het Photoshop-bestand werkt met segmenten. Segmenten verdelen de afbeelding in delen, waarbij elk deel een eigen functie krijgt wanneer het naar de DS4 wordt geüpload.
Animatieheader
Hier kun je afbeeldingen animeren. Leg meerdere afbeeldingen over elkaar en sla ze afzonderlijk op (opslaan voor web). Vervolgens kun je ze in de DS4 uploaden bij de animatieheader.
Knoppen
De vakken naast elkaar zijn de knoppen. Ontwerp de knoppen; je hoeft niet alle knoppen te gebruiken. (Let op! Je kunt geen knoppen toevoegen; kies een andere template)
Sectie
Je hoeft dit niet op te maken in .psd; alle informatie uit Ziber Team komt hier terecht, zoals pagina's, nieuws, foto's enzovoort...
footer
De footer staat altijd onderaan de website. Hier vind je de contactgegevens, het reactieformulier enzovoort van de klant. De klant kan deze informatie zelf invoeren via pagina's > footer in Ziber Team. Je kunt de footer wel een achtergrond geven.
Segmenten aanpassen
Segmenten zijn variabel; je kunt de hoogte en breedte ervan aanpassen.
4. PSD uploaden
Klik in Photoshop op 'Opslaan' en upload het .psd-bestand naar de DS4. Je ontwerp wordt nu omgezet in een online website.
5. Aan de slag met de DS4
Je .psd-bestand staat nu in de DS4 en er moeten nog enkele aanpassingen worden gedaan om de website af te ronden. (Let op! Je kunt de online website altijd bekijken door linksboven op het oogje te klikken)
Sjabloon
Sjabloon
Wil je toch nog iets wijzigen in het .psd-bestand? Je kunt het .psd-bestand altijd opnieuw uploaden.
Navigatie
Zet de navigatiebalk gewoon vast aan de bovenkant van de website.
Sectie
Wil je een achtergrondafbeelding gebruiken? Geef de sectie dan een achtergrondkleur.
Animatieheader
Met de animatieheader kun je meerdere afbeeldingen animeren. Je kunt de animatieheader over de volledige breedte van de website laten lopen.
Links en menu's
Een link toevoegen
Klik op een van de knoppen om deze te koppelen. Je kunt deze knop nu bij ‘geen link’ een naam geven door die in te typen. De DS4 maakt automatisch een pagina aan in Ziber Team. Je kunt er ook voor kiezen om de pagina aan een app te koppelen.
Menu's
Je kunt een knop ook eenvoudig van een vervolgkeuzemenu voorzien. Onder de knop verschijnt automatisch een menubalk, die je een naam kunt geven en waaraan je items kunt toevoegen. Meer informatie over het ontwerpen van het menu vind je onder :design".
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. De informatie in de footer vind je in Ziber Team onder Pagina's > footer.
Ontwerplagen
Met ontwerplagen kun je de website dynamischer maken. Upload afbeeldingen en gebruik functies zoals parallax of een schermvullende achtergrondafbeelding.
Achtergrond
Dit is de achterste laag van de website. Hier kun je een kleur of achtergrondafbeelding instellen zonder speciale effecten.
Thema's
Thema's stellen je in staat om elke pagina een eigen stijl te geven met verschillende afbeeldingen of kopteksten.
Kleuren en lettertype
Je kunt eenvoudig de kleuren van de website en de lettertypen aanpassen. Je vindt de instellingen onder de knop Ontwerpen rechtsboven.
6. Deel het ontwerp met je klant
Als je tevreden bent met het ontwerp, stuur je je klant eenvoudigweg een link. Ga linksboven naar de ‘bedrijfsnaam’. Je keert nu terug naar het scherm met ontwerpen. Klik op de knop ‘delen’ en verstuur de URL.
Als de klant tevreden is, kun je de website in de cloud activeren.