20130124 schrijven voor het web inovant (deel 2)

14
Instituut voor opleiding en vorming provincie Antwerpen INOVANT Schrijven voor het web Creatief Schrijven / Kristof D’hanens 24/01/2013

Transcript of 20130124 schrijven voor het web inovant (deel 2)

Page 1: 20130124 schrijven voor het web inovant (deel 2)

Instituut voor opleiding en vorming provincie Antwerpen

INOVANT

Schrijven voor het web

Creatief Schrijven / Kristof D’hanens

24/01/2013

Page 2: 20130124 schrijven voor het web inovant (deel 2)

17/01 (9u00 – 16u30)• Kennismaking + Introductie• Je lezer leren kennen• De structuur van je website• Doeltreffende webteksten schrijven

24/01 (9u00 - 12u00)• Feedback huiswerk • Je webteksten Lay-outen

31/01 (9u00 – 12u00)• Je webteksten actief verspreiden• Grote schrijfopdracht• Evaluatie

Inhoud

Page 3: 20130124 schrijven voor het web inovant (deel 2)

Lay-out

Het basisrecept voor een webtekst • Neem een hoofdkop die de lading dekt, die de essentie

weergeeft;

• Voeg een lead toe die de pagina samenvat. Lead en kop vullen elkaar aan en geven samen het antwoord op de belangrijkste vragen (wie, wat, waar,…);

• Splits het geheel op in korte tekstblokken met daartussen

witregels

• Plaats informatieve tussenkoppen

Page 4: 20130124 schrijven voor het web inovant (deel 2)

Lay-out

• Gebruik schreefloze lettertypes als arial of verdana

• Vodoende witruimte: meer rust

• Vermijd cursief: leest minder vlot.

• Laat je lezer nooit horizontaal scrollen

• Donkere letters op een lichte achtergrond zijn het duidelijkst.

• Afbeeldingen moeten de tekst ondersteunen.

Page 5: 20130124 schrijven voor het web inovant (deel 2)

Schreef vs. Schreefloos

Page 6: 20130124 schrijven voor het web inovant (deel 2)

Afbeeldingen

Waarop letten? • Auteursrecht vs. portretrecht

• Gebruik sprekende foto’s

• Gebruik foto’s met mensen op

• Laat personen altijd naar de tekst kijken

• Knip je foto’s op de juiste grootte (Photoshop of Paint.net)

• Gebruik Alt Tekst

Page 7: 20130124 schrijven voor het web inovant (deel 2)

Links

Soorten links: • Intern vs. extern• Grafisch vs. tekstueel

Zorg altijd dat het duidelijk is dat het om een link gaat!• foto + tekst• Nooit onderlijnen als het geen link is

Page 8: 20130124 schrijven voor het web inovant (deel 2)

Links

Waarop letten?

• Beperk het aantal links in lopende tekst

• Een link = een oproep tot actie

• Zorg dat ze werken!

• Link naar de homepagina

Page 9: 20130124 schrijven voor het web inovant (deel 2)

Deeplinking

http://www.creatiefschrijven.be

versus

http://creatiefschrijven.be/index.php?onderdeel=1972&titel=Schrijfdocentenopleiding

MAAR! Steek je links altijd achter carewords

Page 10: 20130124 schrijven voor het web inovant (deel 2)

Relevante inhoud linken

Klik hier voor het cursusaanbod van Creatief Schrijven

Het inschrijvingsformulier voor de vorming vind je hier

Snuffel door het cursusaanbod van Creatief Schrijven

Inschrijven

Page 11: 20130124 schrijven voor het web inovant (deel 2)

Relevante inhoud linken

Page 12: 20130124 schrijven voor het web inovant (deel 2)

Media integreren

Werken met embed code

• voor filmpjes (YouTube, Vimeo, …)

• Slides (slideshare)

• PDF (Issuu)

• Kaartjes (Google Maps)

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=nl&amp;geocode=&amp;q=Antwerpen,+Belgi%C3%AB&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=43.307813,107.138672&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Antwerpen,+Vlaams+Gewest,+Belgi%C3%AB&amp;t=m&amp;z=11&amp;ll=51.21992,4.39625&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=nl&amp;geocode=&amp;q=Antwerpen,+Belgi%C3%AB&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=43.307813,107.138672&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Antwerpen,+Vlaams+Gewest,+Belgi%C3%AB&amp;t=m&amp;z=11&amp;ll=51.21992,4.39625" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>

Page 13: 20130124 schrijven voor het web inovant (deel 2)

Media integreren

Page 14: 20130124 schrijven voor het web inovant (deel 2)

Aan de slag

• Maak je tekst op

• Voeg links toe

• Voeg een foto en een filmpje toe