![Page 1: 20130124 schrijven voor het web inovant (deel 2)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/1.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/2.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/3.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/4.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/5.jpg)
Schreef vs. Schreefloos
![Page 6: 20130124 schrijven voor het web inovant (deel 2)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/6.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/7.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/8.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/9.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/10.jpg)
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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/11.jpg)
Relevante inhoud linken
![Page 12: 20130124 schrijven voor het web inovant (deel 2)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/12.jpg)
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&source=s_q&hl=nl&geocode=&q=Antwerpen,+Belgi%C3%AB&aq=0&sll=37.0625,-95.677068&sspn=43.307813,107.138672&vpsrc=0&ie=UTF8&hq=&hnear=Antwerpen,+Vlaams+Gewest,+Belgi%C3%AB&t=m&z=11&ll=51.21992,4.39625&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=nl&geocode=&q=Antwerpen,+Belgi%C3%AB&aq=0&sll=37.0625,-95.677068&sspn=43.307813,107.138672&vpsrc=0&ie=UTF8&hq=&hnear=Antwerpen,+Vlaams+Gewest,+Belgi%C3%AB&t=m&z=11&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)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/13.jpg)
Media integreren
![Page 14: 20130124 schrijven voor het web inovant (deel 2)](https://reader038.vdocuments.pub/reader038/viewer/2022110121/559030671a28abce508b4730/html5/thumbnails/14.jpg)
Aan de slag
• Maak je tekst op
• Voeg links toe
• Voeg een foto en een filmpje toe