Basismateriaal

Tegenwoordig is de inhoud gescheiden van de vormgeving. Technisch gezien bestaat de inhoud uit verschillende elementen zoals blokken tekst, [tussen]koppen, links, afbeeldingen, formulieren, flash-bestanden of embedded video.
De beschrijving van deze elementen gebeurt in een speciale opmaaktaal: HTML.
De vormgeving van een site staat beschreven in een of meer stylesheets. De vlakverdeling op een webpagina, het uiterlijk van de verschillende elementen, de achtergrondkleuren, de grootte van een tussenkop, noem maar op.

Materiaal verzamelen

Eerste advies: verzamel materiaal in twee mappen:
> map ruw: alles wat mogelijk in de website komt
> map website: alles wat 100% klaar is voor je site.
Natuurlijk kan je naar eigen inzicht submapjes maken, bijvoorbeeld voor al je materiaal voor de vormgeving.

Tweede advies: geef alle bestanden duidelijke namen
> wel: extensie
> niet: spaties

Sinds jaar en dag is het gebruikelijk om Lorem Ipsum teksten te gebruiken om tekstvlakken te vullen.

Materiaal ordenen

Voor deze cursus bouwen we een site met behulp van een frameset. Een methode uit de vorige eeuw maar zeer bruikbaar voor onderwijs in het ordenen van informatie. Een cms inrichten en/of php leren gaat voor deze cursus te ver.
Een frameses is een webpagina die bestaat uit meerdere aparte pagina’s. Zo is er een pagina voor de kop, een pagina voor het menu en meerdere pagina’s voor de inhoud.
Eerst maken we de verschillende pagina’s daarna plaatsen we deze in een framaset.

Materiaal vormgeven

Aan alle pagina’s van je site koppelen we één stylesheet.css. Hierin staat de vormgeving van alle veschillende onderdelen beschreven.

Meer informatie:

·> HyperText Markup Language
·> Cascading Style Sheet
·> Pagina layout

Kijk verder

W3 School
www.pagetutor.com