Eindopdracht Tijdens de colleges leer je hoe een website gerealiseerd kan worden doormiddel van HTML/CSS. In deze eindopdracht zet je deze kennis in, om een website te maken die bestaat uit een aantal verschillende pagina's en navigatie.
Deze eind opdracht wordt in duo's gemaakt en wordt door beide personen op blackboard ingeleverd middels een Zip bestand. Zorg ervoor dat in de naam van het zipbestand beide studentennummers staan en/of in de inhoud van het bestand.
Opdracht: Maak een Responsive website volgens de richtlijnen van het beoordelingsformulier te vinden op Blackboard.
Hier nog een paar tips om te maken:
Basis layout (Header en Footer) welke terugkomt op elke pagina. Horizontale Drop down navigatie Home pagina. Tekst pagina Alternatieve Tekst pagina. Andere layout, zelf te bepalen maar moet wel substantieel anders zijn dan de voorgaande Tekstpagina. Overzichts pagina. Deze pagina laat samenvattingen en titels zien van de onderliggende pagina's. Bijvoorbeeld deze pagina van het Zilveren Kruis. Image Gallery... voorbeelden ter inspiratie: http://lmgtfy.com/?q=image+gallery+example Contact formulier pagina 'Wie zijn wij' pagina. Minimaal twee foto's en introductie. Misschien ook een mooi google maps kaartje, of gewoon heel simpel zoals bij Fantasy.co Hanteer bijvoorbeeld 2 breakpoints. 480px en 1024px. Dit zorgt ervoor dat je de website op Mobiel (max 480), tablet (max 1024) en Desktop ( > 1024) aanpast. Houd er rekening mee dat je met de responsive aanpak niet zomaar blokken 'verbergt' maar eerder de layout aanpast. Verbergen mag, met een gefundeerde reden.. anders kost het alleen maar onnodig data om te downloaden. Gebruik mediaqueries! standaard browser gedrag wordt niet goedgekeurd. De layout, content en onderwerp is vrij te bepalen. Let er wel op: ' you never get a second chance to make a first impression' . Met andere woorden, we verwachten geen top design, want je bent programmeur geen designer, maar zorg er wel voor dat het er strak en netjes uitziet. Onderwerpen die behandeld zijn tijdens de prakticum colleges kunnen je helpen met het scoren van een hoger punt maar let wel op dat de basis eerst in orde moet zijn (Hoorcollege theorie)
Tip: Bekijk een aantal websites van bekende merken zoals Nike, Eneco, Apple etc.