Een zeer eenvoudige website
Zoals bekend bestaat een website meestal uit meerdere
webpagina's die via links gekoppeld zijn.
Er is altijd een hoofdpagina met daarop meestal een menu.
Alle pagina's samen vormen de structuur van de website.
In webpagina's staan vaak links naar documenten (pdf's) of foto's.
Die worden dan binnen de browser geopend of de browser vraagt of u
ze wilt downloaden.
We kunnen uiteraard ook links naar externe webpagina's opnemen.
Bij het opzetten van een website moet over de structuur goed worden
nagedacht.
Belangrijk is ook dat we makkelijk terug kunnen naar de hoofdpagina.
Dat is moeilijk als we naar een externe webpagina zijn gesprongen,
maar daarom openen we dergelijke links in een nieuwe browsertab.
In deze workshop besteden we alleen aandacht aan het maken van
een statische website.
Bij een statische website zijn alle pagina's in definitieve vorm
beschikbaar op de webserver en
worden ze op verzoek direct toegestuurd naar de browser
(= de client).
Het 'bouwen' en onderhouden van de website gebeurt lokaal,
op de eigen computer
en als er iets gemaakt of veranderd is, moet dat
worden geupload naar de webserver.
Een statische website wordt gemaakt met HTML en CSS.
Meestal kunnen de programmeertalen PHP en Javascript worden gebruikt
voor meer functionaliteit.
Statische websites zijn meestal snel, veilig en goedkoop
online te zetten bij een hosting provider.
Ze missen dynamische functionaliteit,
zoals inloggen en gebruik van een database.
Bij een dynamische website wordt de gevraagde webpagina eerst
gemaakt door de computer bij de hosting provider.
Daardoor zijn ze flexibel in te richten en aan te passen aan
de wensen van de client en zijn apparatuur.
Ze kunnen bijvoorbeeld worden gekoppeld aan een database
waarin gegevens zijn opgeslagen.
Er wordt dan gesproken van een CMS:
een Content Management System.
Voordat we zelf ons voorbeeld gaan bekijken
(en in de oefeningen aanpassen) openen we eerst
deze
pagina, die handelt over de structuur van websites.
We zullen er even in kijken, maar
het verdient aanbeveling om er (later, thuis) nog eens in te lezen.
Het betreft hier een hoofdstuk uit een
online boek, waarin
veel informatie staat over het maken van een website.
Onze voorbeeld-website bestaat uit een viertal pagina's.
Er is gebruik gemaakt van HTML maar nog niet van CSS.
Hier
is de hoofdpagina met het menu.