Poster en website, multimediale producten

• Dienstverlening en Producten
• Middelbare school
• vmbo k
• Leerjaar 4

Multimediale Producten

Leerdoelen

• Hoe je een multimediaal product zelf maakt; poster & website
• Je leert beeld en tekst te combineren
• Je leert kleur met vormen en typografie te combineren.
• Je leert hoe je verschillende onderdelen toevoegt in je website.

Inleiding

Een Grafisch vormgever ontwerpt nieuwe huisstijlen (o.a. logo), brochures, advertenties, websites, apps, posters of verpakkingen.

Wat de grafisch vormgever ontwerpt moet opvallen tussen alle andere media-uitingen, en dus een sterke visuele uitstraling hebben. Ook moet het de juiste boodschap overbrengen.

De vormgever vertaalt deze boodschap naar ontwerpen voor alle populaire media, zowel gedrukt als digitaal. Hiervoor maakt de vormgever gebruik van kleur, typografie (lettertypes) en beeldmateriaal.

Jij gaat een poster en website maken voor hetzelfde evenement.

Flyer

• A5 (zo groot als een schriftje)
• gebruik je om een evenement aan te kondigen
• gebruik je om een tijdelijke actie aan te kondigen
  
• makkelijk uitdelen, snel verspreiden en meegeven
• Er staat meer informatie op dan op een poster
• flyer is aantrekkelijk door pakkende beelden en tekst
  

Waarom maak je een flyer?

 

• Een flyer om jouw feest te promoten!
  (een festival, sint of kerst)
• Je wilt dat mensen komen naar het feest en je wilt dat er kaartjes worden verkocht
• Denk na over de doelgroep

Wat is het doel van een flyer?

a: overtuigen b: informeren c: amuseren d: overhalen

1. overtuigen
2. informeren
3. amuseren
4. overhalen

Poster

• A3 
• gebruik je om een evenement aan te kondigen
• gebruik je om een tijdelijke actie aan te kondigen
  
• Een poster wordt opgehangen
• De tekst op een poster is kort maar krachtig.
• Poster is aantrekkelijk door gebruik foto's en pakkende teksten
  

Waarom maak je een poster?

 

• Je maakt een poster om jouw feest te promoten!
  (een festival, sint of kerst)
• Je wilt dat mensen komen naar het feest en je wilt dat er kaartjes worden verkocht
• Denk na over de doelgroep

Eisen goede poster

• Poster moet opvallen: bijzondere kleuren, afbeeldingen of letters
• Achtergrond, afbeeldingen, kleuren en lettertypes passen bij de inhoud, het doel en de doelgroep
• Tekstkaders en andere vormgeefelementen maken de inhoud (extra)  duidelijk
• De poster is overzichtelijk en verzorgd.
• Meestal gebruikt om een evenement aan te kondigen:
  
• naam evenement (feest/ optreden)
  
• datum + plaats
  
• optie: toegangsprijs/website

Opdracht 1: inspiratie verslag

• Zoek 4 verschillende Flyers.
• Zoek 4 verschillende Posters.
• Zoek 2 verschillende websites.
• In het thema van Festival / Sint / Kerst
• Gebruik WORD en voeg je gevonden foto's toe in één document.

• Tijd 45 min.
• Bestand inleveren via magister opdrachten.

- Omdat het belangrijk is dat de boodschap van een  reclame uitingen goed overkomt bij het publiek (klanten) wordt er veel aandacht besteed aan de opmaak en aan beeld- en kleurgebruik.

 

Opdracht 2: Poster

Eisen poster

• Het formaat van de poster wordt A3.
• De afdrukstand is staand.
• Je gebruikt het programma WORD.
• Titel, ondertitel (bijv. Sinterklaasparty! Kom jij ook?)
• Tijd, locatie, datum en website

• Voor de poster worden minimaal 2 verschillende lettertypes, minimaal 2 verschillende lettergroottes en minimaal 2 verschillende tekstkleuren gebruikt.
• De poster moet in het thema zijn van Festival, Sint of Kerst
• Een gezellige uitstraling hebben zodat het past bij de doelgroep (jongeren)
• Tijd: 2 uur Inleveren via magister opdrachten.

.

Opdracht 3: Website

Eisen website

• Eisen van de opdrachtgever verwerkt in je website.
• Je gebruikt het programma Rocket Cake.
• Je hebt voor je begint een stroomschema voor de website gemaakt.
• Een gezellige uitstraling hebben zodat het past bij de doelgroep (jongeren)
• Onderdelen: homepagina, programma, ontdek, info, tickets.
• Correct werkende website met hyperlinks.
• Gebruik van afbeeldingen passend bij het onderwerp.
• Gebruik van veschillende lettertypes.
• (Duurzaam festival verwerkt in je website)
• Opslaan in je onedrive.

Eisen opdrachtgever Festival

Central Park is het grootste en groenste popfestival van Nederland. Bezoekers beleven hier een muzikale festival dag in romantische parksetting met klinkende namen uit de Nederlandse popscene. We onderscheiden ons van andere popfestivals door onze extra aandacht voor beleving en sfeer naast het muzikale programma.

Één keer per jaar brengen we jong en oud samen in ons groene park, waar je wordt ondergedompeld in een groene oase. Wandel langs hoge bomen over betoverende paden om de mooiste plekjes van het park te ontdekken. Alle objecten hebben als belangrijkste inspiratiebron: de natuur. Zwanenbootjes lonken op het kalme water en geuren van tientallen mobiele keukens lachen je tegemoet. Bezoekers verzamelen zich in het hart van het park, waar de beste artiesten op de Mainstage  mensen verbind.

Wanneer: 18,19,20,21 juli is er een (fictief) festival.

Naam: Central Park festival, locatie: Park Transwijk

Allerlei Nederlandse artiesten

Duurzaam festival, inspiratiebron: natuur.

Onderdelen: homepagina, het programma, ontdek, info over het festival, tickets.

Eisen opdrachtgever Sinterklaasintocht

Wanneer: Zaterdag 18 november 2023

Waar: Ommen

Doelgroep: ouders en kleine kinderen

Eisen opdrachtgever Kerstmarkt 

Wanneer: 15 - 16 - 17 december 2023

Waar: Ommen

diverse kramen, kerstbomenverkoop, vrije entree, opbrengst naar een goed doel.

Kerststijl

Doelgroep: van jong tot oud.

Stappenplan website maken-> deze stappen moet je volgen bij het maken van een website

1. wensen en eisen (voor wie maak je de website en aan welke eisen moet de website voldoen?)
   
2. inspiratie en brainstorm
3. (plan en begroting)
4. een grof ontwerp
   
5. (plan voorleggen aan de opdrachtgever)
6. website maken
   
7. presenteren en evalueren

Wat is belangrijk bij het maken van een website?

• Om een website te maken volg je het ontwerpproces. 

      Je maakt schetsen, gaat brainstormen maar maakt ook een           begroting. 

• Je gaat altijd uit van de wensen en eisen van de opdrachtgever -> dit is degene die jou opdracht geeft om een website te maken.

Verschil tussen een webpagina en website

Het verschil tussen een webpagina en een website is eigenlijk heel simpel: een website kun je zien als een huis, waarbij de webpagina’s de kamers van het huis zijn. Een website heeft een menu. Via het menu kom je op de verschillende webpagina’s terecht.

Belangrijke begrippen/onderdelen website 

cloud:

een plek om dingen online op te slaan. deze gegevens,  software 

of  bestanden staan niet op je eigen computer (icloud)

URL: 

een uniek adres naar een pagina van een website.

Navigatie- of menubalk: 

een rij knoppen met woorden die verwijzen naar pagina's op jouw website.

Belangrijke begrippen/onderdelen website 

footer

dit staat onderaan op de website. Hier staan vaak in 

kleine lettertjes  de auteursrechten, contactgegevens, etc.

header

het bovenste gedeelte van je website. Dit gedeelte 

zie je als eerste en is dan ook aantrekkelijk om naar 

te kijken. Het is het visitekaartje van je website.

Belangrijke begrippen/onderdelen website 

Domeinnaam : 

een unieke naam op het internet. Een naam die niemand  anders gebruikt: www. uniekenaam .nl. Een domeinnaam   kun  je kopen. Jij bent dan de enige die dit adres mag en kan                            gebruiken.

Hyperlink: 

een tekst of afbeelding die je doorverwijst naar een andere pagina als je erop klikt met de muis. De knoppen in het menu zijn hyperlinks. Soms is er een afbeelding met 'mail me' op een website. Als je daarop klikt wordt je e-mailprogramma geopend. Die knop is ook een hyperlink.

In het kort: de onderdelen website

• homepage                            :  thuispagina / algemene pagina/sfeermaker
• menubalk/navigatiebalk: rij knoppen die verwijzen naar pagina's 
• header                                      : bovenste gedeelte website/ je bepaalt de sfeer die je website

                                                               uitstraalt

• footer                                        : onderste gedeelte website
• scrollbar                                  : verticale schuifbalk aan de rechterkant venster
• sidebar                                     : zijbalk
• hyperlink/link                        : verwijzing naar een andere webpagina
• button                                      : knop op webpagina
  

Wensen en eisen opdrachtgever in 

              kaart brengen

• Een website moet altijd voldoen aan een aantal eisen. 
• Welke eisen dit zijn hangt natuurlijk af van het doel van de website. 
• Er zijn verschillende doelen die een opdrachtgever kan hebben voor het maken van een website:

1. Commercieel: het is de bedoeling dat met de website geld verdiend wordt. Een goed voorbeeld hiervan is een webshop.
   
2. Educatief: de website is erop gericht je iets te leren.
   
3. Vermaak: de website en de inhoud ervan is alleen bedoeld voor vermaak.

Opbouw website

Websites hebben vaak een vrij standaard opbouw. 

Dat is handig voor bezoekers, ze weten dan snel hun weg te vinden op je website.

Stroomschema

 Dit is een grafische weergave van hoe je door een proces kan lopen.

Welke onderwerpen zitten er in je website?

TekstEen flowchart ziet er uit als een omgekeerde boom. Een voorbeeld:

theorie communicatie

• alles wat je doet om een boodschap over te brengen op iemand anders
• boodschap - zender - medium - ontvanger - boodschap
• medium (ander communicatiemiddel) bijv. een kaartje / tv
  

Onderdelen website

• homepage                            :  thuispagina / sfeerpagina
• menubalk/navigatiebalk: rij knoppen die verwijzen naar pagina's 
• header                                      : bovenste gedeelte website
• footer                                        : onderste gedeelte website
• scrollbar                                  : verticale schuifbalk aan de rechterkant venster
• sidebar                                     : zijbalk
• hyperlink/link                        : verwijzing naar een andere webpagina
• button                                      : knop op webpagina
  

Theorie: domeinnaam

1. 1e stap bij het maken van een website: vastleggen van een domeinnaam-> het internet adres van je website
2. met een domeinnaam is je website vindbaar op het World Wide Web
3. eerste stuk domeinnaam begint met www. 
4. laatste stuk is bijvoorbeeld  .com / . org -> noem je extensie
5. extensie .nl / . be tonen aan uit welk land de website komt
6. via www.sidn.nl kun je bekijken of de domeinnaam nog beschikbaar is
   

Theorie webhosting

• website maken: veel ruimte nodig op je eigen pc
• server: hier kun je beter de content van je website op bewaren
• server: computer met veel opslagruimte die constant in verbinding staat met internet
• hostingprovider: bieden webruimte aan, zij bezitten enorme servers
  

Theorie doelgroepen

• doelgroep: voor wie maak je de website?
• wat zoeken zij? hoe zoeken zij? wat zijn de kenmerken van de bezoekers? 
• wat komt de bezoeker op jouw website doen?

theorie navigatiebalk

• staat onder de header; rij knoppen die verwijzen naar de pagina's op de website
• 1e item homepage
• laatste item is contact