J'ai déjà présenté un modèle de réalisation d'un quiz à mettre en ligne sur un site ou un blog mais voici une autre façon d'en réaliser un.
EXEMPLE
Question 1:
Planète la plus proche du soleil qui tire son nom du dieu romain le messager des dieux.
Elle fut la première planète observée.
Les premières vues rapprochées ont été données par les photographies prises par la sonde Mariner 10 dans les ennées 1970.
De quelle planète du système solaire s'agit-il ?
Contrôlez votre réponse en-dessous.
CODE DE L'EXEMPLE
<p><span style="font-size:16px;"><strong>Question 1:</strong></span></p>
<p><strong>Planète la plus proche du soleil qui tire son nom du dieu romain le messager des dieux. </strong></p>
<p><strong>Elle fut la première planète observée. </strong></p>
<p><strong>Les premières vues rapprochées ont été données par les photographies prises par la sonde Mariner 10 dans les ennées 1970.</strong></p>
<p><img src="http://img.over-blog-kiwi.com/1/30/51/51/20150418/ob_f04b5a_mercure.jpg" /></p>
<p> </p>
<p><strong>De quelle planète du système solaire s'agit-il ?</strong></p>
<p> </p>
<p><select><option></option><option>Terre</option><option>Uranus</option><option>Mercure</option><option>Vénus</option><option>Mars</option><option>Jupiter</option><option>Saturne</option><option>Neptune</option><option>Pluton</option> </select></p>
<p> </p>
<p><strong>Contrôlez votre réponse en-dessous.</strong></p>
<p> </p>
<p><select><option></option><option>Mercure</option> </select></p>
CONSTRUCTION DU QUIZ
Seules la question et la réponse sont soumises à un code HTML particulier. La présentation de la question et de l'image relèvent de l'ordinaire.
1)-Numéro de la question. 2)-Présentation de la planète. 3)-Image
4)-Code question: Toujours le même pour toutes les questions
CODE QUESTION à répéter pour chaque question. Remarquez que la première <option></option> est vide pour que rien n'apparaisse <select> <option></option> <option>Terre</option> <option>Uranus</option>
5)-Code réponse: <select><option></option><option>La bonne réponse</option> </select>
CODE REPONSE Vous utilisez le même code simplifié en respectant le premier <option> </option> vide et dans le deuxième, vous ne mettez que la bonne réponse. <select> <option></option> <option>Mercure</option> </select>
|
Voici, par exemple, la question 2
Question 2
Cette planète du système solaire possède des anneaux composés principalement de particules de glace et de poussière ainsi que de nombreux satellites dont le plus grand se nomme TITAN.
CODE QUESTION 2
<p><strong>De quelle planète du système solaire s'agit-il ?</strong></p>
<p> </p>
<select>
<option></option>
<option>Terre</option>
<option>Uranus</option>
<option>Mercure</option>
<option>Vénus</option>
<option>Mars</option>
<option>Jupiter</option>
<option>Saturne</option>
<option>Neptune</option>
<option>Pluton</option>
</select>
RESULTAT QUESTION 2
De quelle planète du système solaire s'agit-il ?
CODE REPONSE 2
<p><strong>Contrôlez votre réponse en-dessous.</strong></p>
<p> </p>
<select>
<option></option>
<option>Saturne</option>
</select>
RESULTAT REPONSE 2
Contrôlez votre réponse en-dessous.
commentaires