Brontekst bekijken van Een Wiki of een WordPress site 2

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid #333333; background-color: rgba(0, 102, 153, 0.05);" |
<div style="border-bottom:1px solid #333333; background-color:#333333; padding:0.2em 0.5em 0.2em 0.5em; font-size:130%; font-weight:bold; color:white;">Voorbeeld 2 opzet Quiz</div>
<div style="padding:0em 5em 3em 3em;"> <!--Note: Top, right, bottom, left -->


== Test je kennis als WikiWerker ==
[[File:Antu accessories-ebook-reader.svg|left|100px]]
:In deze gids worden diverse onderdelen behandeld m.b.t. het de keuze voor een wiki, het opzetten van een wiki en het onderhouden, beheer en de diverse uitbreidingen van een wiki. 
<br/>
[[Bestand: Testjekennis.png|left|100px]]
:Stukjes informatie wordt afgewisseld met kennisquizen met als doel dat de informatie gestructureerd overgebracht wordt. Door de quiz te maken test je jezelf of je de informatie optimaal begrepen hebt. Scoor je slecht lees het betreffende onderdeel nogmaals door, voordat je verder gaat met het volgende onderdeel.



{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:50%; vertical-align:top; border:1px solid lightgray; background-color: lightgray;" rowspan="1"|

<div style="padding:0.4em 1em 0.3em 1em;">

[[Bestand: Community02.png|left|300px]]

</div>

| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:50%; vertical-align:top; border:1px solid lightgray; background-color:lightgray;" |

<div style="padding:0.4em 1em 0.3em 1em;">

<quiz display=simple>
{Wat is kenmerkend voor een Wiki
|type="[]"}
+ Gemeenschap
- Individu.
- Momentopname
- tijdloos.
</quiz>

</div>
|}


=== Multiple choice / multiple response / square buttons===

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:50%; vertical-align:top; border:1px solid Gold; background-color: LightYellow;" rowspan="1"|
<div style="border-bottom:1px solid Gold; background-color:#ffffaa; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Coding for square buttons</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON LEFT OF TWO BOX SECTION -->
[[Image:Gartoon-Gnome-desktop-config.png|right|48px]]
<pre>
<quiz display=simple>
{Type the question here...
|type="[]"}
+ The correct answer.
- Wrong or misleading answer.
+ Another correct answer.
- Wrong or misleading answer.
</quiz>
</pre>
</div>

| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:50%; vertical-align:top; border:1px solid #abd5f5; background-color:#f1f5fc;" |
<div style="border-bottom:1px solid #abd5f5; background-color:#d0e5f5; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Please take this quiz</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON RIGHT OF TWO BOX SECTION -->
[[Image:Crystal Clear app ktip.svg|48px|right]]
<quiz display=simple>
{Type the question here...
|type="[]"}
+ The correct answer.
- Wrong or misleading answer.
+ Another correct answer.
- Wrong or misleading answer.
</quiz>
</div>
|}
|}