Workshop 2 Inhoud 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics
1. Foto s verkleinen Er zijn een aantal opties om foto s te verkleinen. Zo zit er in het besturingssysteem Windows 7 een manier ingebouwd. Daarnaast zijn er een aantal andere mogelijke software die gratis beschikbaar zijn. Eén van de gemakkelijkste in gebruik is Image Resizer. Belangrijk is om altijd eerst een nieuwe map aan te maken en daarin een kopie van je foto s te zetten. Dit is belangrijk omdat je anders de originele foto s overschrijft en je alleen de kleinere foto s overhoudt. In Windows 7 In Windows 7 maken we gebruik van het programma Microsoft Office 2010. Dit programma staat normaal gezien standaard op je computer geïnstalleerd. Hoe begin je eraan? Je klikt met je rechtermuisknop op 1 van de foto s die je graag wilt verkleinen en kiest voor Openen met en vervolgens Microsoft Office 2010.
Je ziet dat je foto nu geopend wordt in het programma Microsoft Office 2010. Het eerste dat je moet doen is linksbovenaan klikken op het linkse icoontje. Dit maakt dat je alle foto s uit de map kan zien. In dit overzicht van alle foto s uit de map, kan je nu de foto s aanduiden die je graag wenst te verkleinen. Om alle foto s aan te duiden kan je gewoon CTRL+A doen. Van zodra je dit gedaan hebt, zal je zien dat alle foto s een oranje omkadering krijgen. Vervolgens klik je bovenaan op Afbeeldingen bewerken. Je krijgt nu rechts een vak waarin je bepaalde zaken kan aanpassen. We klikken in dit kader helemaal onderaan op Afbeeldingen Comprimeren. Vervolgens kies je bij Instellingen voor Comprimeren voor Webpagina s. Dit maakt dat je foto s de perfecte grootte krijgen voor je website. Het enige dat je nog moet doen is onderaan klikken op OK. Je zal nu zien dat de foto s in je mapje veel kleiner zijn dan origineel. Je kan deze nu perfect gebruiken op je website.
Image Resizer Om Image Resizer te installeren ga je naar de website http://imageresizer.codeplex.com/. Hier kan je rechts klikken op Downloads en vervolgens op Image Resizer. Na het downloaden van dit bestand, dubbelklik je erop om het te installeren. Hoe ga je te werk met deze software? In je nieuwe map, met gekopieerde foto s, duid je al de foto s aan (door te slepen of door CTRL + A te doen). Vervolgens klik je op je rechtermuisknop en kies je voor Resize Pictures.
Er gaat nu een nieuw kader open waarin je een aantal zaken moet doen: Zoals je hierboven kan zien, kies je best voor het eerste bolletje: Small. Dit zorgt ervoor dat je foto s de juiste grootte krijgen om op te laden op de website. Tenslotte kies je onderaan voor Replace the originals. Dit maakt dat je in je mapje alleen de kleine foto s overhoudt. Na het klikken op Resize neem je terug een kijkje in je map, waar je zal zien dat er achter elke naam van de foto nu (Small) staat. Dit zijn je verkleinde foto s die je kan gebruiken op de website.
2. Hoe media embedden? Om media op je website te plaatsen (Filmpjes, Audio- bestanden, ) heb je steeds een zogenaamde iframe- code nodig. Deze code vind je normaal gezien steeds bij de media die je wenst te embedden. Filmpjes invoegen Om filmpjes in te voegen gebruiken we YouTube. Hiervoor moet je eerst een account aanmaken in YouTube. Van zodra het filmpje op YouTube staat kan je de iframe- code gaan kopiëren. Net onder het filmpje dat je bekijkt, zie je 3 knoppen staan: Toevoegen aan, Delen en Meer. Hier klik je op Delen. Vervolgens krijg je de optie om het filmpje op 3 verschillende manieren te delen. Hier kies je voor Insluiten. Na het klikken op deze knop krijg je een
kadertje met een tekst in die begint met <iframe >. Deze tekst kopieer je volledig door op je rechtermuisknop te klikken en te kiezen voor Kopiëren. Eens je de iframe- code gekopieerd hebt, ga je naar de pagina op je website waar je het filmpje graag zou zien staan en je bewerkt deze pagina (door bovenaan op het tabbladje Bewerken te klikken). In de back- end zoek je het WYSIWYG- veld waarin je het filmpje wilt zetten en je klikt in die WYSIWYG links bovenaan op Broncode. Van zodra je hier op geklikt hebt, zal je zien dat de tekst die al in het vak stond, omgezet wordt in HTML- code. Je scrolt nu in dit vak helemaal naar beneden en plakt daar de code die je zojuist gekopieerd hebt op YouTube. Als je nu terug linksbovenaan klikt op Broncode, dan zal je zien dat deze iframe- code omgezet wordt in een echt YouTube- filmpje. Als je nu onderaan klikt op Opslaan, dan zal je zien dat je in de pagina nu het YouTube- filmpje hebt staan. Audio invoegen Is er een interview afgenomen op je school en zou je graag het audio- bestand op je website zetten, zodat de ouders en leerlingen het ook kunnen besluiteren? Ook dat kan met een iframe- code. Wijzelf gebruiken www.cincopa.com om audio op een website te zetten. Even een account aanmaken, het bestandje opladen en je krijgt een iframe code. Ook deze iframe code plak je in de WYSIWYG in de Broncode.
3. Tips en Trics Er zijn een aantal zaken die belangrijk zijn bij het gebruiken van je website. Daarom hieronder een korte opsomming van tips en trics die handig kunnen zijn in de toekomst. Bij het plaatsen van een link in je tekst, is het voor een bezoeker veel fijner als de tekst meteen zegt wat je kan verwachten bij het klikken. Als je een link zet naar het programma van een opendeurdag, zet dan niet Klik hier. Je kan beter zetten Bekijk het programma op de website, waar je de link plaatst achter de tekst Bekijk het programma. Op het vlak van teksten zijn er een paar zaken die je best in het achterhoofd houdt. Zorg ervoor dat: o je tekst aangepast is aan de doelgroep. Gebruik daarom eenvoudige woorden en zinsconstructies. o Je tekst snel opneembaar is. Zorg ervoor dat de titel het kernidee van je tekst bevat, gebruik voldoende tussentitels. o De hoofdbooodschap van je bericht bovenaan staat, zodat de lezer snel weet waarover het gaat. o Je boodschap kernachtig geschreven is. Schrijf daarom je boodschap zo helder en kort mogelijk. o Je steeds Je gebruikt in het aanspreken van je bezoeker. U is uit den boze. Ook zoekmachine- optimalisatie is niet onbelangrijk. Om je website zo hoog mogelijk te laten scoren in Google (dit wil zeggen dat je website bij één van de eerste resultaten staat als een bezoeker een bepaalde zoekterm intikt) zijn er een aantal principes waar je je best aan houdt: o Gebruik de gewenste zoektermen in de titel van je pagina o Gebruik je zoektermen zoveel mogelijk in de teksten en zet deze in het vet. o Geef je afbeeldingen op je website een goede naam. Gebruik liefst de naam van je school. o Ook in de alternatieve tekst van een afbeelding zet je de zoektermen die voor jouw school belangrijk zijn. Gebruik daarom als alternatieve tekst liever Juffrouw Chris van Stedelijke Basisschool De Letter staat voor de klas in plaats van Foto 1.
4. Google Analytics Iedere schoolwebsite is gekoppeld aan Google Analytics. Dit betekent dat er een aantal gegevens van je website gemeten worden. Zo hebben we een zicht op: Aantal bezoekers: hoeveel mensen hebben mijn site bezocht? Aantal bezoeken: hoeveel keer werd mijn site bezocht? Aantal bezochte pagina s: hoeveel keer werden de pagina s van mijn site weergegeven? Bezoekersduur: hoelang blijven bezoekers gemiddeld op mijn site? Populairste pagina s: welke pagina s worden het meest bekeken? Wil je dit overzicht iedere 1 ste dag van de maand ontvangen? Geef dan even een seintje op tuur.deschepper@so.antwerpen.be.