Eindopdracht
Last updated
Was this helpful?
Last updated
Was this helpful?
Wt moet nog even bepalen wat precies de eindopdracht gaat zijn qua randvoorwaarden e.d. maar als je al hier bent voordat ik de hele opdracht klaar heb kun je vast aan de slag. Eventuele extra dingen kun je gewoon nog toevoegen daarna.
In onderstaande filmpjes leg ik uit hoe je een website layout maakt (dus met een indeling in vlakken, zoals een hoofdvlak, zijbalk, menu, titelbalk, etc.). Er zijn 3 filmpjes: 1 met de basiscode en die moet je sowieso doen en daarna 2 vervolgfilmpjes de beide een net andere strategie volgen om de basiscode om te zetten in een werkende layout. In het eerste filmpje leg ik ook uit wat die 2 opties zijn. Je kunt vervolgens een van de vervolgfilmpjes kiezen om te doen (of allebei als je ze wilt vergelijken).
Tenslotte is er nog een filmpje dat uitlegt hoe je meerdere pagina's kunt maken en deze aan elkaar kunt linken met een menu. Deze staat los van de layout en kun je toepassen, ongeacht welke layout je gekozen hebt.
De filmpjes werken met een andere editor, maar de code is gewoon hetzelfde, dus je kunt hem prima in Replit nabouwen.
Uitleg over het achterliggende idee en opbouw van de html die je nodig hebt voor de layout
In deze variant gaan we met css de html code uit filmpje 1 omzetten in een layout met een vaste breedte in pixels.
In deze variant gaan we met css de html code uit filmpje 1 omzetten in een layout met variabele breedte die in verhouding blijft met de breedte van het browservenster.
Als je eenmaal een basic design hebt (ongeacht hoe dat eruit ziet en welke indeling je hebt gekozen), wil je meestal meerdere pagina's maken. Het volgende filmpje laat je zien hoe. Je kunt ook het menu gebruiken zoals je hebt gedaan bij de opdracht van hoofdstuk 14.
Tip: begin zo laat mogelijk aan het maken van meerdere pagina's en maak eerst de hoofdpagina/design zo ver mogelijk af. De extra pagina's zijn kopietjes van de eerste, dus als je wat wil wijzigen naderhand moet je dat op alle kopietjes ook doen.