Home header en navigatie
Super goed! Je bent de theorie doorlopen en hebt nu de basis kennis van HTML & CSS! In deze video reeks ga je een hobbywebsite meebouwen en vervolgens je eigen hobbywebsite verzinnen en maken.
In deze video bouwen we de header en navigatie van de homepagina.
Download de benodigde afbeeldingen onder het tabblad downloads.
Volg de video's.
Home main deel 1
We gaan aan de slag met de main content van de homepagina.
Volg de video.
Home main deel 2
We gaan verder met de main content van de homepagina.
Volg de video.
Recepten pagina deel 1
We gaan aan de slag met een pagina voor een recept.
Volg de video.
Afronden recepten website
In deze video ronden we de recepten website af.
Jouw eigen hobbywebsite!
Bouw jouw eigen hobbywebsite!
Nu mag je zelf geheel creatief bezig met het maken van je eigen hobby website! Gebruik de geleerde theorie van alle hoofdstukken en bouw iets creatiefs. Hou je van voetbal, schaken, haken, origami of misschien van films? Niks is gek genoeg!
Ik ben erg benieuwd naar jullie creaties!
vereisten:
- 1 of meerdere pagina's met een head, body met daarin een header, main en footer
- Navigatie tussen pagina's of naar sections
- Afbeeldingen
- Lijstjes
- Google fonts
- Flexbox
- Position absolute en of fixed
- BEM gebruiken bij het maken van class names
- Code netjes indenten
Jouw werk delen?
Ben je trots op jouw hobbywebsite, of wil je graag vragen stellen aan medestudenten/docenten? Deel je code of screenshots op ons Discord kanaal, deze vind je onder het tabblad community.
Tip: Maak makkelijk een screenshot van een webpagina met GoFullPage
Project files
Stel vragen en help medestudenten
Tijdens de live lessen zijn er opdrachten waarbij je zult samenwerken met jouw studiegenoten. Hiervoor gebruiken wij Discord. Daarnaast kun je ook jouw vragen stellen, de docenten zullen je vervolgens verder helpen.
Het kanaal voor deze cursus op onze Discord:
HTML CSS beginner
