terug naar lessenoverzicht
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
Vind jij programmeren leuk en wil jij een baan in de IT?
Bekijk dan de traineeships van ons ander bedrijf Qien!
*Er zijn geen links bij deze video reeks.
Project files
Project files
* De link hierboven download een bestand via dropbox dit kan een zip of rar bestand zijn. Weet je niet hoe je dit type bestand kan gebruiken? Volg deze instructie voor zip bestanden. Of download WinRar voor rar bestanden.
* Er zijn geen project files om te downloaden voor deze zelfstudie.
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
#code-cafe
200+ leden