Website maken | Cordaan leerwerkbedrijf ICT

Alle basisprincipes voor het bouwen van je website via JouwWeb staan in deze artikelen voor je op een rijtje. Neem daarom ook zeker even de tijd om dit te lezen en je zal in een mum van tijd je eigen JouwWeb - site hebben gemaakt.

Liever een video kijken in plaats van lezen? Bekijk dan de instructievideo waarin we een complete website maken in 12 minuten met duidelijke instructies.

Kies eerst een design

De eerste stap is het kiezen van een design dat bij je website past. JouwWeb heeft daarom een aantal verschillende designs voor je ontwikkeld die allemaal geheel naar wens aan te passen zijn. Al onze designs hebben ook een zogenaamd ‘responsive design’, wat betekent dat de website geschikt is voor alle apparaten (van computers tot smartphones).

Het is misschien lastig om een design te kiezen terwijl je nog niet eens begonnen bent met de ontwikkeling van je website. Je hebt bij JouwWeb dan ook de mogelijkheid om het gekozen design op ieder gewenst moment te wijzigen. Hoe je dat kan doen vind je verderop.

Pagina-einde

Editor

Voordat je aan de slag gaat met het opbouwen van je website, is het belangrijk om te weten wat de verschillende onderdelen van een website zijn. Dit zijn de verschillende onderdelen van een website:

Titel/logo: hier komt het logo van je bedrijf of de naam van je website te staan.

Menu: het menu van je website wordt hier weergegeven.

Banner: de grote afbeelding bovenaan je pagina. Deze kan aangevuld worden met tekst en kun je per pagina aan- of uitzetten.

Content: hier komt de inhoud van je website te staan. Hier kun je alle elementen plaatsen die je wil. Denk bijvoorbeeld een teksten, afbeeldingen en formulieren.

Footer: het onderste gedeelte van je website. Dit gedeelte wordt voornamelijk gebruikt om contactgegevens en social media knoppen in te plaatsen.

In de Editor van JouwWeb vind je alle elementen die je voor je website kan gebruiken. Sleep gemakkelijk elementen vanuit de linkerkant van het scherm naar de gewenste plek op je pagina. Nadat je een elementen van de linkerkant naar de pagina hebt gesleept, klik je het element aan om het te kunnen bewerken.

Terwijl je de elementen naar je pagina sleept, is het slim om de blauwe lijn op je pagina in de gaten te houden. Deze geeft namelijk aan waar het element geplaatst wordt als je deze loslaat.

Op deze manier heb je dus ook de mogelijkheid om elementen onder elkaar, links van een ander element of rechts van een ander element te plaatsen. Zo kun je als het ware kolommen op je website creëren.

Natuurlijk kun je een element ook weer verwijderen van je website. Beweeg met de muis over het element heen en je ziet een blauwe rand om het element heen verschijnen. Klik nu op het kruisje dat rechts boven bij het element verschijnt om deze te verwijderen.

Links bovenin de Editor vind je nog vier iconen die goed van pas zullen komen.

Klik op het icoon helemaal links onderin om de preview van je website bekijken
Het tandwiel geeft je de mogelijkheid om de instellingen van de huidige pagina te wijzigen
Klik op het mobieltje om de preview van de mobiele weergave van je website te bekijken
De Editor slaat alle wijzigingen vrijwel direct op. Als je onzeker bent of iets is opgeslagen, kun je naar het groene vinkje kijken.

Wanneer je begint met het bouwen van je eigen website, is deze niet meteen gepubliceerd en nog niet voor bezoekers te vinden. Hoe je dit kan doen, wordt later uitgelegd.

Pagina-einde

Pagina's

Een website bestaat altijd uit meerdere pagina's. Deze kun je toevoegen en beheren via Pagina's. Voor een gevulde website ziet die er bijvoorbeeld zo uit:

Uit je pagina's wordt automatisch een menu gemaakt. In deze afbeelding zie je hoe de pagina structuur er werkelijk uit komt te ziet. De kopjes onder Diensten worden pas zichtbaar wanneer je daar met de muis overheen gaat. Door je pagina's slim in groepen in te delen overval je jouw bezoeker nooit met té veel keuzes!

Nieuwe pagina

Je kunt een nieuwe pagina toevoegen met de volgende knop:

Vul simpelweg de gegevens van jouw nieuwe pagina in en sla je pagina op om deze terug te vinden in het overzicht en het menu op je website.

Naam: geef je pagina een naam die weergegeven wordt in het menu. Voorbeeld zijn: Over Ons, Contact en Webshop.
Banner: geef aan of je een banner wil toevoegen bovenaan deze pagina.
Inhouds-gedeelte: geef aan of je een zijbalk wil toevoegen aan deze pagina. Niet bij ieder design heb je de mogelijkheid om een zijbalk toe te voegen. Deze optie is dus afhankelijk van het design dat je kiest.

Volgorde aanpassen

Mocht je een aantal pagina’s aan je website toegevoegd hebben en de volgorde hiervan willen wijzigen, dan is dit natuurlijk ook mogelijk! De volgorde van je pagina’s verander je door een pagina naar beneden of boven te slepen.

Submenu aanmaken

Een submenu voor je website maken doe je op een soortgelijke manier. In plaats van de pagina naar boven op beneden te slepen, breng je meerdere niveaus aan door de pagina naar links of rechts te slepen.

Pagina-einde

Design aanpassen

Zoals al eerder genoemd, kun je het design dat je gekozen hebt geheel naar wens aanpassen. Natuurlijk mag je het design ook laten zoals het is. Wij hebben namelijk goed nagedacht over de vormgeving van de designs en het belangrijkste van een website is toch de inhoud. Focus je hier dus eerst op!

Besluit je het design toch aan te passen? Ga dan naar het tabblad Design. Gebruik het menu links van het scherm om de instellingen van jouw huidige design te vinden.

Instellingen aanpassen

Hierbij heb je de mogelijkheid om verschillende onderdelen in kleur te wijzigen. Je kan bijvoorbeeld de bovenkant een andere kleur geven, een nieuwe accentkleur kiezen en de onderkant van je design wijzigen. Per design zal het echter verschillend zijn welke onderdelen je precies van kleur kan veranderen.

Ander design kiezen

Mocht je voor een geheel nieuwe uitstraling van je website willen gaan of toch nog twijfelen tussen enkele designs, dan kun je op elk gewenst moment van design wisselen. Zonder dat de inhoud verloren gaat! Dit kun je simpelweg doen door voor Ander design te kiezen en in het overzicht een nieuw design te selecteren.

Ben je tevreden met het nieuwe design? Sla je wijzigingen dan op door links onderin op de Opslaan knop te klikken. Niet tevreden met je nieuwe design? Kies dan voor Annuleren. Je kunt te allen tijde je oude design weer kiezen. We hebben namelijk de wijzigingen voor je bewaard!

Pagina-einde

Ga zo door

Gefeliciteerd! Je hebt alle stappen doorlopen en kan zonder zorgen aan de slag met het opbouwen van je eigen JouwWeb – site. Je bent op de hoogte van de basisprincipes van ons systeem en kent de belangrijkste functies.

Publiceren

Na het opbouwen van je website rest er natuurlijk nog maar één ding: het publiceren van je website, zodat de rest van de wereld ook jouw eigen gemaakte website kan bewonderen. Om je website te publiceren kies je rechts bovenin in de Editor voor de groene knop Publiceer.

Je kan ervoor kiezen om je website te publiceren via een gratis JouwWeb subdomein, maar je kan ook de upgrade naar het Pro- of Business-pakket maken en je eigen domeinnaam claimen. Een eigen domeinnaam straalt voor zoekmachines veel meer autoriteit uit, maar het is natuurlijk aan jou om voor het pakket te kiezen dat het beste bij je past.