Nu is het tijd om zelf op te zoeken wat de css-properties display en position doen.
Belangrijk
Zelfstandig nieuwe zaken opzoeken is een waardevolle vaardigheid in webdesign, omdat de technologieën en best practices voortdurend evolueren. Door deze proactieve leerhouding ontwikkel je de flexibiliteit om in te spelen op veranderingen en innovaties naar de toekomst toe.
Oefening 1: Voorbeelden
Display
Maak een website waarin je uitlegt wat deze display-properties doen, voorzie ook duidelijke voorbeelden (voorbeelden gemaakt met code, geen afbeeldingen:
- Block
- Inline-block
- Inline
- None
Position
Maak een nieuwe pagina waarin je uitlegt wat deze position-properties doen, voorzie ook duidelijke voorbeelden (voorbeelden gemaakt met code, geen afbeeldingen:
- Absolute
- Fixed
- Relative
- Static
Oefening 2: Desktop environment
Mac style dock
Maak deze lay-out na: dock, icoontjes, background border en bolletjes onderaan.
Plaats het dock onderaan de pagina
Menu bar
Geef je desktop environment een menu bar bovenaan en een wallpaper.
Window
Geef je desktop environment een window.
