Avans website Block 1
A school project for webdesign/dev.
PROJECT
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 onderstaande randvoorwaarden:
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. Image Gallery Contact formulier pagina 'Wie zijn wij' pagina. Minimaal twee foto's en introductie Hanteer 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. 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)
De opdracht wordt beoordeeld doormiddel van een Rubric die je bij de inleverlink kan vinden.
Tip: Bekijk een aantal websites van bekende merken zoals Nike, Eneco, Apple etc.