How to's

Hoe maak ik een website?

Als eerste: de instellingen van je project

In dit onderdeel leggen we je graag uit hoe je een website zelf in elkaar klikt. Onze ervaring is dat als je het een paar keer hebt gedaan, je straks binnen no-time je project live hebt staan!

Voordat je start is het verstandig om als eerste de instellingen van de site in te vullen. Dit doe je bij het onderdeel Website beheer / Instellingen website. Deze instellingen bepalen de look & feel van je site.

Meer info over instellen website

Laat je creativiteit het werk doen!

Als je op "Pagina's" klikt, kom je in de website-editor. Zoals je links in dit beeld ziet, zijn er altijd een aantal pagina's standaard klaargezet. Je ziet de kolommen "TITEL" en "LINK". De titel geeft de naam aan die je die pagina hebt gegeven en de link geeft aan hoe je de site kunt benaderen.

Aan de rechterkant zie je een aantal icoontjes. Het potloodje geeft aan dat je de link en de pagina-naam kunt bewerken. Het icoontje met de vierkantjes over elkaar geeft aan dat je die pagina kunt dupliceren en het prullenbakje spreekt voor zich!

Meer over Pagina's

Home

Als je start met de website zie je dat er al een pagina klaarstaat die "HOME" heet. Het woord zegt het al, dit is de homepagina. Als je hier op klikt, opent zich een scherm zoals je hiernaast ziet.
Zo ziet de huidige HOME van je project er op dit moment uit. Deze pagina kun je aanpassen.
Rechtsboven zie je een aantal mogelijkheden. Zo kun je terug naar het overzicht gaan, je kunt het beeld vergroten of verkleinen en je ziet de weergaves van je pagina op verschillende devices.
Rechtsonder zie je een grote groene bol met daarin een plus. Als je hierop klikt, verschijnen alle mogelijkheden van 'blokken' om je website te vullen, de zogenaamde 'Modules'. Meer over modules? Klik op de button!

Als je nu weer op je voorbeeld kijkt en je gaat met je muis over het bovenste blok, dan verschijnt er in beeld een balkje met twee pijltjes, een potlood en een prullenbakje. Daaronder de naam van dit gekozen blok. De pijltjes geven aan dat je dit blok kunt verplaatsen (naar boven of beneden). Met behulp van het potloodje kunnen we wijzigingen aanbrengen in dit gekozen blok. In dit geval drukken we op het prullenbakje, want we willen beginnen met een schone lei!

Meer over Modules

Een nieuwe pagina aanmaken

Als je de homepagina hebt opgebouwd zoals je wilt, dan kun je aan de slag met de zogenaamde achterliggende pagina's. Hiervoor kun je onbeperkt pagina's maken, je bepaalt zelf welke je live zet.

Een nieuwe pagina aanmaken doe je door in het hoofdonderdeel te klikken op 'Selecteer een paginatype'. Je kunt hier uit een aantal soorten kiezen. We kiezen in eerste instantie voor de 'Vrije blokkenpagina'. Als je deze hebt geselecteerd, kun je klikken op de groen balk 'Pagina toevoegen'.




Meer over soorten pagina's

Pagina een naam geven

Vervolgens kom je in een scherm waarin je de naam van deze pagina kunt toevoegen. Je ziet dat de linknaam automatisch wordt gevuld. Deze linknaam is belangrijk als je straks via buttons wilt verwijzen naar deze pagina.

Als je de naam hebt gegeven, dan klik je altijd op 'ja' bij de vraag 'gepubliceerd'? Dit betekent niet dat de site live staat, maar dat je de site via die link kunt benaderen om te checken. In het onderdeel 'Menu' bepaal je pas wat er live komt te staan via de website.

Klik op 'Pagina toevoegen' en je keert weer naar het pagina-overzicht van je website. Deze pagina zal zeer waarschijnlijk helemaal onderaan staan. Klik hierop en je kunt de pagina vullen met de blokken!



Menu aanmaken op website

Heb je alle pagina's die je wilt hebben opgemaakt? Dan kun je nu de menubalk van de website opmaken. Je gaat daarvoor naar het onderdeel 'Menu' en je klikt op de groene knop 'toevoegen'. Je komt dan in het scherm zoals hiernaast te zien is.

Titel: Hier geef je de naam in die je in het menu van de website wilt terugzien.
Type link: Hier bepaal je of je een opgemaakte pagina wilt koppelen of een link naar een externe website.
Pagina: Hier koppel je de pagina die je hebt gemaakt bij het onderdeel 'Website'.
Sectie: Hier kun je ook een sectie invullen van een pagina die je hiervoor gekoppeld hebt.

Bij tabblad 'Sorteren' kun je de menu-items op de juiste volgorde plaatsen.

Op het moment dat je een pagina heb gekoppeld aan een menu-item, dan is de pagina op de website te bereiken.

Meer over het Menu

Live zetten

Alles klaar? Dan kun je de site via de testlink bekijken ('Project Dashboard': bovenaan staat een linkje: 'Bekijk de projectwebsite in een nieuw venster'). Je zult zien dat deze naar een testlink gaat: 'projectnaam'.hartjewonen.nl. Je wilt nu uiteraard de juiste url koppelen. Dat is iets dat wij voor je kunnen doen. Mail ons daarom de juiste url door en wij geven je de juiste DNS-records die je in je eigen hostingspakket kunt invoeren en voilĂ : je website staat live.

Tip: vergeet niet de disclaimer en privacyverklaring te vullen!