Maak een website voor een festival
(Lowlands, Pinkpop, Appelsap, Awakenings, Zwarte Cross, etc.). Dat wordt een site zoals je die bij hoofdstuk 7 hebt gemaakt, met een extern stylesheet en divjes.
Je mag je oude bestanden gebruiken, natuurlijk begin je niet alles letter voor letter overnieuw te typen. Zorg er voor dat je site gecentreerd is en bepaal zelf de grootte van de site. Dus dat voorbeeld uit de instructie-filmpjes (600px breed) is geen logische keus voor je website!
Het gaat nu niet alleen om techniek, vormgeving is óók belangrijk!
Probeer je site dus zo mooi mogelijk te maken. Gebruik mooie plaatjes, maak mooie knoppen, maak indruk met filmpjes, misschien een mooie animated GIF?
Het is niet nodig om op internet slideshows, dropdown-menu’s of andere technieken op te zoeken waar je nog niet mee hebt gewerkt. De technieken uit hoofdstuk 1 t/m 7 zijn genoeg om een prachtige site mee te bouwen!
1e beoordeling Blokkendoos
1. Bepaal met welke basis jij je website gaat bouwen en zet die blokkendoos online. Wordt jouw site full screen? Kies je er voor om ruimte te hebben om je wrapper? Wil je met afgeronde hoeken werken? Komt er op iedere pagina dezelfde background image? Hier moet je over nadenken, daarna een keus maken en dat vervolgens online zetten. Ook bepaal je hoeveel pagina’s je gaat gebruiken (minimaal 4), hoe die heten en link je alle pagina’s aan elkaar.
Jouw blokkendoos heeft geen plaatjes of video’s, dat komt later pas! De divjes hebben allemaal verschillende kleuren, zodat je goed kan zien hoe de basis in elkaar zit. In de divjes zet je de tags die je gaat gebruiken <h1>, <h2>, <p>, etc. Tussen de tags type je even heading of kop, zodat het duidelijk is dat daar een grote kop komt te staan. Daar waar p-tekst komt te staan plak je even een stukje tekst, zodat duidelijk is waar je platte tekst komt.
Klik op deze link, vul je eigen nummer in: http://12345.hosts.ma-cloud.nl/festival
2. Laat bij je docent zien en aftekenen (mapje op jouw computer) welke plaatjes en welke tekst je gaat gebruiken. Dit is geen nep-tekst, dit is echte tekst die past bij jouw festival (maar mag je wel van de echte festival-site kopiëren). Vermeld bij de teksten welke html-tag je gaat gebruiken: h1, h2, p, ol/ul, li, etc.
Bijvoorbeeld:
Uitslag Popcrypto zondag (h1)
24/08/2015 (h4)
Natuurlijk, de oplossing van de laatste popcrypto in de Daily Paradise van gisteren was Hypnophobia, het nieuwe album van Jacco Gardner. Goede inzenders waren er weer met containers tegelijk, maar er kon er uiteraard maar één winnen, en dat is Paulien Kuipers uit Sappemeer, die daarmee twee tickets voor Lowlands 2016 rijker is. Boks Paulien, zie je volgend jaar! (p)
2e beoordeling
De eerste 2 pagina’s van je website zijn helemaal af en werken 100% online.
3e beoordeling Je site werkt 100% en staat online
Beoordelingscriteria:
- minimaal 4 pagina’s (inclusief index.html)
- alle links/knoppen werken
- je maakt gebruik van een extern stylesheet
- Je hele site is foutloos in de Validator
- Je site is te vinden via http://12345.hosts.ma-cloud.nl/festival
- Unieke en relevante title, h1 en metatags per pagina
- Afbeeldingen in proportie en van voldoende kwaliteit (scherpte)
- Voldoende padding, geen teksten en afbeeldingen tegen de rand
- Teksten zijn leesbaar op de achtergrond
- Relevante teksten per pagina, geen lorem ipsum
- Vormgeving eenduidig en afgestemd op het onderwerp