Intro en verklarende termen

Page header

Een header op een website is het bovenste gedeelte van de webpagina dat vaak horizontaal over de volledige breedte van de pagina loopt. De header bevat doorgaans belangrijke informatie en elementen die gemakkelijk toegankelijk moeten zijn voor de bezoekers van de website. De specifieke inhoud en vormgeving van de header kunnen variëren, maar hier zijn enkele veelvoorkomende elementen die je in een header kunt vinden:

• Logo: Het logo van de website of bedrijf wordt meestal in de linkerbovenhoek van de header geplaatst. Het fungeert als een visueel herkenningspunt voor de bezoeker.
• Navigatiemenu: Een menu met links of knoppen waarmee bezoekers door de website kunnen navigeren. Dit menu kan de belangrijkste pagina's van de site bevatten, zoals Home, Over Ons, Diensten, Contact, enz.
• Call-to-Action (CTA): Een opvallende knop of link die bezoekers aanspoort tot een specifieke actie, zoals het aanmelden voor een nieuwsbrief, een aankoop doen of contact opnemen.

Per paginatype kan een andere header voorzien worden.

Footer

Een footer op een website is het onderste gedeelte van de webpagina en bevindt zich meestal onderaan de inhoud. De footer is, net als de header, een belangrijk onderdeel van de website en heeft verschillende functies. Hier zijn enkele van de kenmerken en inhoudselementen die je vaak in een footer kunt vinden:

• Contactgegevens: De footer kan informatie bevatten zoals het adres, telefoonnummer, e-mailadres en een kaart die de locatie van het bedrijf of de organisatie aangeeft.
• Links naar belangrijke pagina's: Dit kunnen links zijn naar veelgebruikte pagina's, zoals de homepage, over ons, diensten, producten, blog, contactpagina en algemene voorwaarden.
• Copyright-informatie: De footer is vaak de plaats waar de copyrightvermelding van de website staat, met het jaar van publicatie en de naam van de eigenaar.
• Privacybeleid en juridische koppelingen: Links naar juridische documenten zoals het privacybeleid, de algemene voorwaarden, het cookiebeleid en andere wettelijke verklaringen.
• Sociale mediakoppelingen: Knoppen of pictogrammen waarmee bezoekers direct toegang hebben tot de sociale mediaprofielen van de website of organisatie.
• Nieuwsbriefinschrijving: Een formulier waarmee bezoekers zich kunnen aanmelden voor de nieuwsbrief van de website of het bedrijf.

De footer verschilt van de header doordat deze informatie doorgaans minder prominent en meer gestructureerd is. De footer is vaak aanwezig op elke pagina van de website en dient als een handig hulpmiddel voor bezoekers om snel belangrijke informatie te vinden en te navigeren. Het biedt ook een manier om wettelijke en contactgegevens weer te geven, wat belangrijk is voor transparantie en betrouwbaarheid.

Verklarende termen

H1 - H2 - H... - H6

H1 tot en met H6 zijn HTML-header tags die worden gebruikt om de hiërarchie en structuur van de tekst op een webpagina aan te geven. Deze tags worden voornamelijk gebruikt om de tekst in de koppen en subkoppen van een pagina te structureren, zodat zoekmachines en browsers begrijpen welke delen van de tekst belangrijker zijn dan andere. Hier is een overzicht van deze tags:

• H1 (Heading 1): Dit is de hoogste en meest belangrijke kop op een pagina. Meestal wordt dit gebruikt voor de paginatitel en er hoort er slechts één per pagina te zijn.
• H2 (Heading 2): Dit wordt gebruikt voor subkoppen die minder belangrijk zijn dan de H1-kop, maar nog steeds aanzienlijk.
• H3 (Heading 3): H3 wordt gebruikt voor koppen die ondergeschikt zijn aan H2-koppen. Ze geven subonderwerpen aan binnen de H2-sectie.
• H4 (Heading 4): Deze wordt gebruikt voor koppen die nog een niveau dieper in de hiërarchie zitten en verdere subonderwerpen binnen H3-koppen aangeven.
• H5 (Heading 5): H5 is nog een niveau lager dan H4 en geeft verdere subonderwerpen aan.
• H6 (Heading 6): Dit is het laagste niveau van de header-tags en wordt gebruikt voor koppen die de minste nadruk krijgen in de hiërarchie.

Het gebruik van deze header-tags helpt niet alleen bij de visuele structurering van de pagina, maar heeft ook invloed op de zoekmachineoptimalisatie (SEO) van de website. Het helpt zoekmachines begrijpen welke inhoud het belangrijkst is en hoe deze met elkaar in verband staat. Het is belangrijk om deze tags zorgvuldig en consistent te gebruiken om de leesbaarheid van de inhoud te verbeteren en zoekmachines te helpen de pagina beter te begrijpen.

Media-afbeelding (library) 

De Media-afbeelding: in het CMS kan je afbeeldingen opladen naar de website. Deze afbeeldingen worden bewaard in de 'media-afbeeldingen'. De afbeeldingen die werden opgeladen in deze bibliotheek kunnen doorheen de hele website gebruikt worden)

Tekstveld

Standaard tekstveld waarin geen styling (bold, cursief, ...) kan toegepast worden. 

CKeditor

CKeditor is een 'tekst HTML editor' om te gebruiken binnen webpagina's - of voor het opbouwen / bewerken van een stuk tekst binnen de website. Het is een What You See Is What You Get Editor.

Zie voorbeeld screenshot:

BELANGRIJK: Kopieer best geen tekst rechtsreeks vanuit Word of een andere website naar de CKeditor. Word en andere websites nemen soms code mee die een invloed kan hebben op de styling van de nieuwe website. 

Focal point

Binnen een foto kan gekozen worden voor een focuspunt. Sommige afbeeldingen binnen een paragraaf worden bijgesneden omdat deze moeten passen binnen het ontwerp. (voobeeld Call-to-action paragraaf). Door het focuspunt te bepalen kan een bepaald deel van de foto meer uitgelicht worden (vb linker bovenhoek, rechter onderhoek, ...)

Taxonomy

Een taxonomie is een structuur die wordt gebruikt voor een website die inhoud op een logische manier organiseert, zodat gebruikers gemakkelijk door de site kunnen navigeren en het doel ervan begrijpen. Visueel zal dit eruit zien als verschillende tags/filters binnen een pagina.

Gewicht

Via een getal in het CMS kan je de volgorde van projecten/inspraties/producten bepalen. 

1 staat helemaal bovenaan. Zo bouw je de volgorde op van 1 ➝ x

Colorbox

Afbeeldingen die clickable zijn worden in een semi-transparante overlay boven de pagina weergegeven. Indien verwerkt in een slider, zal je tussen de afbeeldingen in de colorbox ook kunnen navigeren naar vorige-volgende.

Zie voorbeeld screenshot uit andere website: