2e opdracht interactieve media ontwerpen
docent: bram simons
afdeling: grafische en typografische vormgeving
klas: deeltijd 4e jaar 2004-2005


online beeldbank met bestelmogelijkheid


het gaat om een website waarmee stockfoto's bekeken en besteld kunnen worden. de gebruiker kan bladeren door categorieën, zoeken op trefwoord, beelden selecteren en bestellen. met deze opdracht, die alleen het eerste semester loopt en beoordeeld wordt, behandel ik html en css (stylesheets) als voorbereiding op het realiseren van de andere opdracht die het hele jaar loopt.

de hoofdnavigatie is in elke pagina zichtbaar en bestaat uit de volgende onderdelen...

0.0 entreepagina
1.0 categorieën
2.0 zoeken
3.0 mijn selectie
4.0 bestellen


maak een schermontwerp en realiseer vervolgens met html en css de volgende onderdelen...

entreepagina
zoekpagina
resultatenpagina
detailpagina
mijn selectie
bestelformulier


deze moeten in ieder geval de volgende inhoud (kunnen) bevatten...

entreepagina...
hoofdnavigatie
selectie van vijf beelden uit het aanbod
korte tekst
inlogformulier
beknopt zoekformulier

zoekpagina...
hoofdnavigatie
formulier met de volgende onderdelen
'trefwoord' (tekstinvoer)
'categorie' (meervoudige selectie)
'beeldverhouding' (enkelvoudige selectie: 'alle', 'liggend', 'staand,' 'vierkant')
'zoek' (submit)

resultatenpagina...
hoofdnavigatie
lijstweergave van gevonden items
per item: kleine afbeelding, 'catalogusnummer', 'prijs' en 3 icoontjes: 'voeg toe aan mijn selectie', 'detailinformatie' en 'direct bestellen'.

detailpagina...
hoofdnavigatie
grotere afbeelding
korte beschrijving van item
en de volgende kopjes: 'catalogusnummer','resoluties' en 'prijzen'
en 2 icoontjes: 'voeg toe aan mijn selectie' en 'direct bestellen'.

mijn selectie...
hoofdnavigatie
lijstweergave van geselecteerde items
per item: kleine afbeelding, 'catalogusnummer', 3 icoontjes: 'verwijder uit mijn selectie', 'detailinformatie' en 'voeg toe aan mijn bestelling'.

bestelpagina...
hoofdnavigatie
bestelformulier (we gaan er van uit dat de gebruiker al ingelogd is)
lijstweergave van geselecteerde items
per item: kleine afbeelding, 'catalogusnummer', 'prijs', 2 icoontjes: 'verwijder uit mijn bestelling', 'detailinformatie'.
verder 'verzendkosten','totaalprijs excl. btw', 'btwtarief' 'btwbedrag' en 'totaalprijs incl. btw'
geslacht (enkelvoudige selectie)
voorletters (tekstinvoer)
achternaam (tekstinvoer)
straat (tekstinvoer)
postcode (tekstinvoer)
woonplaats (tekstinvoer)
telefoonnummer (tekstinvoer)
emailadres (tekstinvoer)
'bestel' (submit)