2e opdracht interactieve media ontwerpen
koninklijke academie van beeldende kunsten den haag
docent: bram simons
afdeling: grafisch ontwerpen
klas: deeltijd 4e jaar 2008-2009, semester 1
laatste wijziging: 15/09/2008 15:00
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.
"Een weblog, ook wel blog genoemd, is een website waarop regelmatig - soms meerdere keren per dag - nieuwe bijdragen verschijnen en waarop de geboden informatie in omgekeerd chronologische volgorde (het nieuwste bericht verschijnt als eerst) wordt weergegeven. Wie een weblog bezoekt, treft dan ook op de voorpagina de recentste bijdrage(n) aan. De auteur, ook wel blogger genoemd, biedt in feite een logboek van informatie die hij wil delen met zijn publiek, de bezoekers van zijn weblog. Meestal gaat het dan om tekst, maar het kan ook om foto's (een fotoblog), video (vlog) of audio (podcast) gaan. Weblogs bieden hun lezers ook veelal de mogelijkheid om - al dan niet anoniem - reacties onder de berichten te plaatsen of een reactie via een Trackback-mechanisme achter te laten. Het is het persoonlijke of juist het gespecialiseerde karakter dat weblogs interessant maakt voor bezoekers."
bron: http://nl.wikipedia.org/wiki/Weblog
maak een schermontwerp en realiseer vervolgens met html en css de onderstaande type pagina's...
beginpagina...
- logo en naam site
- hoofdnavigatie
- 'Beginpagina' (tekst,actieve hyperlink)
- 'Over deze site' (tekst,hyperlink)
- 'Zoeken' (tekst,hyperlink)
- de meest recent geplaatste berichten, meest recente bovenaan, per bericht
- plaatsingsdatum (tekst)
- titel (tekst)
- bericht (tekst)
- afbeeldingen (optioneel)
- hyperlinks (optioneel)
- 'Reacties' (tekst, hyperlink)
- 'Reageer' (tekst, hyperlink)
- beknopt zoekformulier
- zoekterm (tekstinvoer)
- 'Zoek' (submit)
- kop 'Categorieën' (tekst)
- lijst van categorieën (tekst, hyperlinks)
- kop 'Archief' (tekst)
- lijst van maanden (tekst, hyperlinks)
- kop 'Links' (tekst)
- lijst van externe links (tekst, hyperlinks)
reacties...
- logo en naam site
- hoofdnavigatie
- 'Beginpagina' (tekst,hyperlink)
- 'Over deze site' (tekst,hyperlink)
- 'Zoeken' (tekst,hyperlink)
- het bericht waarop gereageerd is/gereageerd kan worden
- plaatsingsdatum (tekst)
- titel (tekst)
- bericht (tekst)
- afbeeldingen (optioneel)
- hyperlinks (optioneel)
- kop 'Reacties' (tekst)
- de reacties op het bericht, meest recente onderaan, per reactie
- plaatsingsdatum (tekst)
- auteur (tekst)
- reactie (tekst)
- kop 'Reageer' (tekst)
- reactieformulier
- 'Naam' (tekstinvoer)
- 'E-mail adres' (tekstinvoer)
- 'Reactie' (tekstinvoer)
- 'Verzend' (submit)
- beknopt zoekformulier
- zoekterm (tekstinvoer)
- 'Zoek' (submit)
- kop 'Categorieën (tekst)
- lijst van categorieën (tekst, hyperlinks)
- kop 'Archief' (tekst)
- lijst van maanden (tekst, hyperlinks)
- kop 'Links (tekst)
- lijst van externe links (tekst, hyperlinks)
zoekpagina...
- logo en naam site
-
hoofdnavigatie
- 'Beginpagina' (tekst,hyperlink)
- 'Over deze site' (tekst,hyperlink)
- 'Zoeken' (tekst,actieve hyperlink)
- titel 'Uitgebreid zoeken'
-
formulier met de volgende onderdelen
- 'Trefwoord' (tekstinvoer)
- 'Categorie' (meervoudige selectie)
- 'Zoek' (submit)
zoekresultaten...
- logo en naam site
-
hoofdnavigatie
- 'Beginpagina' (tekst,hyperlink)
- 'Over deze site' (tekst,hyperlink)
- 'Zoeken' (tekst,actieve hyperlink)
- titel 'Zoekresultaten'
-
de gevonden berichten, meest relevante bovenaan, per bericht
- plaatsingsdatum (tekst)
- titel (tekst,hyperlink)
- eerste 160 karakters van bericht, gevolgd door '...' (tekst,hyperlink)
- 'Vorige 10' (tekst,hyperlink)
- 'Volgende 10' (tekst,hyperlink)
- titel 'Opnieuw zoeken'
-
formulier met de volgende onderdelen
- 'Trefwoord' (tekstinvoer)
- 'Categorie' (meervoudige selectie)
- 'Zoek' (submit)
tekstpagina...
- logo en naam site
-
hoofdnavigatie
- 'Beginpagina' (tekst,hyperlink)
- 'Over deze site' (tekst, hyperlink)
- 'Zoeken' (tekst,actieve hyperlink)
- titel van de pagina (tekst)
-
inhoud van de pagina (tekst)
- afbeeldingen (optioneel)
- hyperlinks (optioneel)