2e opdracht interactieve media ontwerpen
docent: bram simons
afdeling: grafisch ontwerpen
klas: deeltijd 4e jaar 2007-2008
laatste wijziging: 25/08/2007 12:40

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, of ook wel blog, is een website die regelmatig - soms meerdere keren per dag - vernieuwd wordt en waarop de geboden informatie in chronologische volgorde (op datum) wordt weergegeven. Wie een weblog bezoekt, treft dan ook op de voorpagina de recentste bijdrage(n) aan. De auteur biedt in feite een logboek van informatie die hij wil delen met zijn publiek, de bezoekers van zijn weblog. Meestal gaat het hier om tekst, 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)