Een quiz plaatsen op je website

Transcriptie

1 Een quiz plaatsen op je website Om de deelnemers een beetje na te laten denken kan je een quiz toevoegen op je site. Dat doe je op de volgende manier: a. Een quiz aanmaken Ga naar je eigen pagina en klik op edit, ga met je muis links in het menu op SlickQuizzes staan en kies voor Add Quiz. Je komt nu op de pagina waar jij je hele quiz kan gaan invullen. 1. Hier vul je de titel van je quiz in. 2. Hier schrijf je een stukje tekst dat direct onder de titel komt te staan. 3. Deze tekst krijgen de deelnemers te zien na afloop van de quiz. Wanneer de kinderen klaar zijn met de quiz krijgen ze te zien hoeveel vragen ze goed hadden en wat jij daarvan vindt. Het zijn kinderen, dus wees positief, ook als ze het minder goed hebben gedaan.

2 4. Level 1 is het aller beste en level 5 is het slechtste. Vul hier in wat jij ervan vindt (zo positief mogelijk). Dan kunnen we nu beginnen met het verzinnen van de vragen met de daarbij behorende vragen. Het zullen allemaal meerkeuze vragen zijn en het is mogelijk om meerdere goede antwoorden te kiezen. 5. Formuleer hier een vraag. 6. Dit is wat ze te zien krijgen wanneer de vraag goed beantwoord is. 7. Dit is wat ze te zien krijgen wanneer de vraag fout beantwoord is. 8. Hier vul je verschillende antwoorden in. 9. Je kan één of meerdere extra antwoord mogelijkheid toevoegen. 10. Hier moet je het juiste antwoord aanvinken. Ook kan je hier een antwoord verwijderen door op het kruisje te klikken.

3 11. Wanneer er meerdere antwoorden goed zijn staat hij standaard ingesteld dat beide antwoorden aangekruist moeten worden. Als jij al genoegen neemt met 1 van de goede antwoorden moet je hier een vinkje zetten (aanklikken). 12. Standaard komt voor elk antwoord een rondje te staan dat wanneer je deze aanklikt gevuld wordt met een zwart bolletje. Als je hier een vinkje zet dan komen er vierkantjes voor het antwoord te staan met een vinkje wanneer je deze aanklikt. 13. Hier kan je een extra vraag toevoegen. 14. Hier kan je een voorbeeld van je quiz bekijken. 15. Verstandig is om deze functie af en toe te gebruiken, zo sla je tussendoor op. 16. Om te publiceren zou je hier moeten klikken, hier hebben jullie de rechten alleen niet voor. Klik op Save Draft en ga naar je docent (zie de volgende stap Een quiz invoegen ). Zorg ervoor dat je je quiz helemaal gecontroleerd hebt en niks meer hoeft te veranderen. Dit kan achteraf niet meer! b. Een quiz invoegen Als je quiz klaar is kan hij ingevoegd worden op je pagina. Daar heb je de volgende code voor nodig: [slickquiz id=x] Op de plaats van de X moet een getal komen te staan. Dit getal kan je opzoeken op onderstaande manier. In het voorbeeld geval is het een 1. Ga weer met je muis op SlickQuizzes staan en kies voor SlickQuiz

4 Onder ID staat het getal wat je moet hebben. Zorg ervoor dat je de juiste quiz pakt en niet de quiz van iemand anders. Klik nu links in het menu op pagina s. Onder de naam van jullie activiteiten (in dit geval Groep 1) klik je op bewerken.

5 Je komt nu op de onderstaande pagina. Standaard is het tabblad wysisyg geopend, laat dit ook zo! Je ziet dat in de code de X is vervangen door de 3 (straks krijg je een eigen nummer wanneer je quiz klaar is). Klik nu op bijwerken. Boven aan de pagina zie je pagina tonen staan. Klik hier om te zien wat het geworden is en of hij op de plek staat waar jij hem wil hebben.

6 c. Foto s gebruiken in je quiz In je quiz zelf kunnen er geen foto s worden geplaatst. Wanneer je toch foto s wil gebruiken in je quiz zal je dus boven de quiz een tabel moeten plaatsen met daarin de foto s. Klik links in het menu op pagina s, hier vind je je eigen pagina terug. Onder de naam van jullie activiteiten (in dit geval Groep 1) klik je op bewerken.

7 Je komt dan op onderstaande pagina, klik op tekst (rode vak). Om een tabel op je website te krijgen is enige kennis van de html- taal nodig. Een tabel die zich automatisch aan het schermformaat aanpast ziet er in html- taal zo uit: <table border="1" width="100%"> <tbody> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </tbody> </table> Plak het bovenstaande stukje op je site (wanneer je in het tabblad tekst zit).

8 Hoe ziet dit er dan uit op je site? Links zie je hoe de tabel eruit ziet wanneer je weer op wysiwyg klikt, rechts zie je hoe het eruit ziet voor de bezoekers van de site. Hoe maak je nou een extra rij of een extra kolom? Of hoe haal je een rij of kolom weg? In de afbeelding is de rij in het rood omkaderd. Waar staat dit in de html- code? <table border="1" width="100%"> <tbody> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> PLAK HIER </tbody> </table> Als je goed kijkt herhaald het stukje rode tekst zich steeds weer opnieuw.

9 Om een extra rij in te voegen kopieer je dit stukje tekst en plak je waar de tekst plak hier hierboven staat. Om een rij weg te halen verwijder je dit stukje rode tekst. In de afbeelding is de kolom in het rood omkaderd. Waar staat dit in de html- code? (zie volgende pagina). <table border="1" width="100%"> <tbody> <tr> <td>a</td> <td>b</td> <td>c</td> PLAK HIER </tr> <tr> <td>1</td> <td>2</td> <td>3</td> PLAK HIER </tr> </tbody> </table> Als je goed kijkt herhaald het stukje rode tekst zich steeds weer opnieuw. Om een extra kolom in te voegen kopieer je dit stukje tekst en plak je waar de tekst plak hier hierboven staat. Dit moet op beide plekken. Om een kolom weg te halen verwijder je dit stukje rode tekst. Nu moet je alleen nog de afbeeldingen in de tabel zetten. Voor je dit doet zorg je er eerst voor dat je voldoende rijen/kolommen/cellen hebt in je tabel. Ga terug naar wysiwyg, ga in de cel steen waar je een foto wil invoegen en klik nu op media toevoegen.

10 Standaard opent de volgende pagina in de mediabibliotheek (hier staan de eerder gebruikte foto s). Om nieuwe foto s te uploaden klik je op bestanden uploaden. Wanneer je een foto wil gebruiken die je al eerder geüpload hebt klik je op mediabibliotheek. Je kan nu een foto naar deze pagina slepen of zoeken op je computer ( bestanden selecteren ). Je foto verschijnt nu in de mediabibliotheek.

11 1. Je kan de foto verwijderen. 2. Zorg dat je altijd werkt in media toevoegen. 3. Dit is het webadres van je foto (hoef je niks mee te doen). 4. Hoe wil je je foto noemen?. 5. Deze tekst komt onder je foto te staan. 6. Wat je hier invult krijg de bezoeker niet te zien. 7. Wil je hem links, in het midden of rechts hebben in je cel? 8. Als hier geklikt wordt, waar ga je dan heen? Meestal kies je hier voor geen. 9. Hier kan je een keuze maken hoe groot je de afbeelding wil zien. 10. Als alles goed is ingevuld klik je op in pagina invoegen. In onderstaande afbeelding zijn er 3 plaatjes ingevoegd in de 3 cellen in de eerste rij. Er is gekozen voor thumbnails (die keuze maak jij zelf).

12 De eerste rij is nu gevuld. In de volgende rij zou je kunnen aangeven bij welke vraag deze foto hoort.