Links maken

Links worden met het anchor element <a>…</a> gemaakt. Lees pagina 76 en 77 van HTML & CSS. Daar wordt uitgelegd hoe het element is opgebouwd. Kijk goed waar de link wordt geopend en gesloten. Bestudeer vervolgens naar welke pagina wordt gelinkt en hoe dat gebeurt.

Keuzemenu maken

“Links maken” verder lezen

Redesign nieuwssite | 2

De vorige les heb je nos.nl en beta.nos.nl met elkaar vergeleken. Aandachtspunten daarbij waren vorm, structuur, hiërachie en gebruiksvriendelijkheid.

Nu ga je zelf een redesign maken van één van de volgende sites: “Redesign nieuwssite | 2” verder lezen

Redesign nieuwssite

De komende periode houden jullie je onder andere bezig met het redesign van een nieuwssite. Voordat je daarmee begint ga je eerst onderzoeken welke aspecten daarbij een rol zouden kunnen spelen.

Toevallig wordt op dit moment de website van de nos in een nieuw jasje gestoken. De huidige versie staat (als altijd) op nos.nl en de betaversie kun je bezoeken via beta.nos.nl

Maak een grondige vergelijking van beide versies. Wat is er allemaal gewijzigd, welke wijzigingen springen meteen in het oog en wat valt in eerste instantie minder op? Maak bij je vergelijking onderscheid tussen wijzigingen in

  • vorm
    Bijvoorbeeld: hoe is de verhouding tussen beeld en tekst?  Wat kun je zeggen over kleurgebruik?
  • structuur
    Hoe is de informatie gerangschikt, of met andere woorden: welke verschillende rubrieken of menu-items zie je op de site? Teken 2 sitemaps om dit duidelijk te maken.
  • hiërarchie
    Denk hierbij onder andere aan typografie, grootte, kleurcontrast en symmetrie
  • gebruiksvriendelijkheid / usability

Als je beide versies van de site op bovenstaande punten hebt vergeleken dan beargumenteer je vervolgens of je de wijziging een vooruitgang vindt of niet.

Je hebt voor deze opdracht anderhalf uur de tijd. Aan het eind van de les op vrijdag 7 november lever je de opdracht in via mail: lbrouns[at]mbovmm.nl.

Hanteer deze naamgeving voor de bijlage: MR41A-naam

Google site

Voor het project bewegen en gezondheid maak je met google sites een eenvoudige site waar je op een logische en aantrekkelijke manier de producten presenteert die je voor dit project maakt. Techniek is bij deze opdracht van ondergeschikt belang.

In de eerste les op 26 september maak je de basisopzet. Vóór de volgende les moet je het volgende af hebben:

  • 4 werkende menu-items
  • kleuren en lettertype van de site aanpassen
  • inhoud plaatsen op de 4 “pagina’s.” Gebruik tenminste tekst, afbeeldingen en een you-tube video.

Introductie webdesign

Webdesign omvat een aantal aspecten. Het bestaat bijvoorbeeld uit techniek, vormgeving en typografie. Ook zou je kunnen zeggen het is communiceren met beeld en tekst. Bovendien is de interactie met de bezoeker van de site belangrijk. En er is altijd sprake van een opdrachtgever en een doelgroep. Met de onderstaande opdracht ga je zelf onderzoeken wat webdesign is. Probeer zo goed mogelijk te omschrijven wat je bedoelt.

De complete opdracht kun je downloaden als pdf

InDesignschermopname001