In the header the visitor can see which Ghent University website he has reached. Header, breadcrumb and footer together form the basic layout.
Navigation through the website is possible via elements situated in the header and footer.
Below are 4 examples of headers used on existing websites.
The breadcrumbs represent the hierarchical path from the home page to the page where the user ends up.
Breadcrumbs are an additional tool to help users navigate your website. The breadcrumbs also allow the user to jump quickly to a higher level.
In addition the breadcrumb path enables better scoring in Google.
The footer at the bottom of the web page repeats the most important navigation items. We use the same sequence as that of the links in the top navigation.
Generic fat footer
It is recommended but not mandatory to refer to copyright. Indicate ‘Ghent University’ as copyright holder and the year of first publication (e.g. '© 2015 Ghent University') or several years if there have been amendments (e.g. '©2015-2017 Ghent University').
This example is relevant for faculties, departments, research groups or labs that want to provide a back click to the home page of the (host) faculty.
The faculty icon (see 2.7 Faculty icons) is included between the link lists and social media icons. The content of the link lists can be programmed to fit in with your website.
Navigation on long detail pages with multiple subtitles. Every link in the subnavigation corresponds to an H2 title on the page (see 3.2 Typography).
This navigation menu moves when the user scrolls up and down the page or when he clicks on a link in the subnavigation.
See template 7.4 Detail page with page navigation