letterlijk
Zie ook http://p2pu.org/en/groups/webmaking-101-writing-html-by-hand/content/hello-world/
Het nieuwe project cultuur voor de 2e klassen multimediavormgever start maandag 21 november. Het projectboekje is beschikbaar als pdf >> cultuur_11
De 1e klassen mediavormgever kunnen hier het Introductieproject MultiMedia als pdf downloaden.
Zo, dat was stap één, je hebt de opdracht gevonden. Dan laat het onderwerp van de opdracht zich makkelijk raden: QR code.
Bekijk eerst de bovenstaande presentatie, en beantwoord dan de volgende vragen. Stuur de genummerde antwoorden in via het reactieformulier bij dit bericht. Inzenden uiterlijk tot 7 dagen na de excursie! Deze opdracht telt mee voor je cijfer.
In deze les leer je het volgende:
Interactieve bestanden zijn bestanden die veranderen als gevolg van acties van de gebruiker. Continue reading
Een mooi voorbeeld van hoe je de rangorde in een tekst zichtbaar maakt. http://blog.typekit.com/2011/03/17/type-study-typographic-hierarchy/
Ik ga er van uit dat je weet hoe een wordpresstheme in elkaar zit (anders kun je het nakijken op anatomy_of_a_theme, of als je uitleg met afbeeldingen handiger vindt bekijk dan wordpress-theme-anatomy), én dat je weet hoe je wordpress installeert.
Klas MV42C
periode 3 opdracht 1
tijdsduur: 4 weken
Voor deze opdracht neem je een van de onderstaande sites als uitgangspunt.
Je gaat de voorpagina van een van deze sites opnieuw indelen. Alle onderdelen die nu op de site staan moeten in jouw ontwerp ook terugkomen. Voor de beoordeling van je werk is het belangrijk dat je de onderstaande volgorde aanhoudt bij het maken van de opdracht.
Je maakt minimaal 2 wireframes die duideijk van elkaar verschillen. Een wireframe is een schematische weergave van de verschillende onderdelen op de site: waar komt het menu, waar staat het logo, waar staat het belangrijkste nieuws, waar de advertenties enz. Alles wat zou kunnen afleiden laat je weg: Er staat geen inhoud in. Ook pas je nog geen vormgeving toe.
Laat je wireframes beoordelen.
Daarna maak je een uitgewerkt ontwerp in bijvoorbeeld photoshop of illustrator.
Laat je ontwerp beoordelen.
Bouw de pagina in html en css. Gebruik beschrijvende markup, bijvoorbeeld voor de belangrijkste kop <h1></h1> of voor een alinea <p></p>
Voor een overzicht van de elementen zie http://www.webmonkey.com/2010/02/html_cheatsheet/ of http://www.webmonkey.com/2010/02/html_cheatsheet/
Laat je code beoordelen