weblog

bij deze opdracht komen html, css (stylesheets) en javascript (met name jquery) aan de orde als ondersteuning bij het realiseren van opdracht 1.

"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)

planning

• 28/01/2010
  • uitleg opdracht 1 en 2
  • bepaling doelgroep en probleemstelling (opdracht 1)

• 04/02/2010
  • bespreken doelgroep, probleemstelling/scenario (opdracht 1)
  • introductie html, css en javascript (opdracht 2)

• 11/02/2010
  • bespreken onderzoek doelgroep en planning (opdracht 1)
  • bespreken schetsen/ontwerp (opdracht 2)
  • uitleg html (opdracht 2)

• 18/02/2010
  • bespreken functionele specificaties en functioneel ontwerp (opdracht 1)
  • bespreken schetsen/ontwerp (opdracht 2)
  • uitleg html (opdracht 2)

• 25/02/2010
  • geen les, voorjaarsvakantie

• 04/03/2010
  • bespreken functionele specificaties en functioneel ontwerp (opdracht 1)
  • bespreken schetsen/ontwerp (opdracht 2)
  • uitleg css (opdracht 2)

• 11/03/2010
  • bespreken schetsproces en schermontwerpen (opdracht 1)
  • bespreken uitwerking in html (opdracht 2)
  • uitleg css (opdracht 2)

• 18/03/2010
  • bespreken schermontwerpen (opdracht 1)
  • bespreken uitwerking in html en css (opdracht 2)
  • uitleg css (opdracht 2)

• 25/03/2010
  • beoordeling uitwerking in html, css (opdracht 2)

• 01/04/2010
  • bespreken schermontwerpen (opdracht 1)
  • uitleg javascript en jquery (opdracht 2)

• 08/04/2010
  • bespreken schermontwerpen (opdracht 1)
  • uitleg javascript en jquery (opdracht 2)

• 15/04/2010
  • bespreken realisatie website (opdracht 1)
  • uitleg javascript en jquery (opdracht 2)

• 22/04/2010
  • bespreken realisatie website (opdracht 1)

• 29/04/2010
  • bespreken realisatie website (opdracht 1)

• 06/05/2010
  • bespreken realisatie website (opdracht 1)

• 13/05/2010
  • geen les, hemelvaartsdag

• 20/05/2010
  • presentatie (opdracht 1)

• 27/05/2010
  • individuele beoordeling

• 04/06/2010
  • collectieve beoordeling

© 2004-2010, bram simons, [simons-]design