In de header ziet de bezoeker op welke UGent-website hij zich bevindt. Header, broodkruimel en footer vormen samen de basislayout.
Navigeren doorheen de website gebeurt via elementen die zich in de header en footer bevinden.
Bekijk het sjabloon 'Basislayout' met de navigatie-elementen
Onderstaand zie je 4 voorbeelden van headers toegepast op bestaande websites.
Bekijk het sjabloon 'Basislayout' met de navigatie-elementen
Gebruik deze variant bijvoorbeeld voor vakgroep, onderzoeksgroep of labo.
De broodkruimel geeft het hiërarchische pad weer vanaf de homepage tot de pagina waar de gebruiker zich bevindt.
Broodkruimels zijn een aanvulling op de navigatie van je website: zij helpen de gebruiker om zich te oriënteren. De broodkruimel laat ook toe dat de gebruiker snel naar een hoger niveau springt.
Het broodkruimelpad helpt bovendien om beter te scoren in Google.
De footer onderaan de webpagina herhaalt de belangrijkste navigatie-items. We respecteren dezelfde volgorde als deze van de links in de topnavigatie.
Generieke fat footer
Dit voorbeeld is relevant voor faculteiten, vakgroepen, onderzoeksgroepen of labo's die terugklik willen voorzien naar de homepagina van de (bovenliggende) faculteit.
Het facultaire icoon (zie 2.7 Faculteit iconen) komt erbij tussen de linklijsten en sociale media iconen. De inhoud van de linklijsten kan je zelf herprogrammeren naargelang je website.
Navigatie op lange detailpagina's met veel tussentitels. Elke link in de subnavigatie stemt overeen met een H2-titel op de pagina (zie 3.2 Typografie).
Dit navigatiemenu beweegt mee wanneer de gebruiker op en neer scrollt doorheen de pagina of wanneer hij een link in de subnavigatie aanklikt.
Zie template 7.4 Detailpagina met paginanavigatie